:root{color-scheme:dark;--bg-main: #020203;--bg-sidebar: #050507;--bg-card: rgba(12, 12, 15, .9);--bg-card-hover: rgba(18, 18, 22, .95);--border-color: rgba(255, 255, 255, .06);--border-color-hover: rgba(255, 255, 255, .12);--text-primary: #f8f6f0;--text-secondary: #9e9ba5;--text-muted: #5e5b66;--accent-purple: #9c27b0;--accent-purple-glow: rgba(156, 39, 176, .3);--accent-blue: #00bcd4;--accent-blue-glow: rgba(0, 188, 212, .3);--accent-green: #4caf50;--accent-green-glow: rgba(76, 175, 80, .3);--accent-yellow: #ffb300;--accent-yellow-glow: rgba(255, 179, 0, .3);--accent-yellow-neon: #eaff00;--accent-yellow-neon-glow: rgba(234, 255, 0, .3);--accent-pink: #e91e63;--accent-pink-glow: rgba(233, 30, 99, .3)}*{box-sizing:border-box;font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#020203;color:var(--text-primary);min-height:100vh;overflow-x:hidden}.sidebar-3d-shadow{box-shadow:8px 0 28px #000000d9;z-index:102;position:relative;overflow:visible!important}.header-3d-shadow{box-shadow:0 6px 20px #000000a6;z-index:90;position:relative}.glass-card{background:linear-gradient(180deg,#0e0e12,#050507);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.07);border-top:1px solid rgba(255,255,255,.13);border-radius:16px;box-shadow:0 14px 38px -4px #000000d9,0 4px 14px #0009,inset 0 1px #ffffff0d;transition:all .35s cubic-bezier(.16,1,.3,1)}.glass-card:hover{background:linear-gradient(180deg,#131318,#08080b);border-color:#ffffff1f;border-top-color:#ffffff38;box-shadow:0 22px 50px -6px #000000f2,0 8px 24px #000000bf,inset 0 1px #ffffff14}.nav-link{transition:all .3s cubic-bezier(.16,1,.3,1)!important}.nav-link:hover{background:#ffffff09!important;color:#fff!important;transform:translate(4px)}.nav-link:hover svg{transform:scale(1.15)!important}.nav-indicator-glide{position:absolute;left:6px;right:6px;height:38px;background:linear-gradient(135deg,#eaff000d,#ffb3001f);border-left:3px solid var(--accent-yellow-neon);border-radius:8px;transition:transform .3s cubic-bezier(.25,1,.5,1),height .3s ease;pointer-events:none;box-shadow:0 4px 12px #eaff000a}.sidebar-separator{height:1px;background:linear-gradient(90deg,#ffb30000,#ffb3001f,#ffb30000);margin:18px 8px;border:none}@keyframes bell-ring{0%,to{transform:rotate(0)}15%,45%,75%{transform:rotate(12deg)}30%,60%,90%{transform:rotate(-12deg)}}.bell-animate-ring{animation:bell-ring 1.8s ease infinite;transform-origin:top center}@keyframes wave-ripple{0%{box-shadow:0 0 #ff1744cc}70%{box-shadow:0 0 0 10px #ff174400}to{box-shadow:0 0 #ff174400}}.counter-animate-waves{animation:wave-ripple 1.6s cubic-bezier(.24,0,.38,1) infinite}.notifications-dropdown-list::-webkit-scrollbar{width:6px}.notifications-dropdown-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.notifications-dropdown-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.notifications-dropdown-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0a080c4d;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#eaff0033;border-radius:4px}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:var(--accent-yellow-neon)}.app-main-content::-webkit-scrollbar{width:6px}.app-main-content::-webkit-scrollbar-track{background:#0a080c4d;border-radius:4px}.app-main-content::-webkit-scrollbar-thumb{background:#ffb300;border-radius:4px}.app-main-content::-webkit-scrollbar-thumb:hover{background:#eaff00}.app-main-content{scrollbar-width:thin;scrollbar-color:#ffb300 rgba(10,8,12,.3)}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:scale(.88) translateY(20px)}70%{transform:scale(1.02) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}.logout-modal-backdrop{animation:modal-backdrop-in .25s ease forwards}.logout-modal-card{animation:modal-card-in .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInSlide .5s cubic-bezier(.16,1,.3,1) forwards}.custom-table{width:100%;border-collapse:collapse;table-layout:auto}.custom-table th{text-align:left;color:var(--text-secondary, #a39ea9);font-weight:600;font-size:.8rem;letter-spacing:.5px;padding:14px 16px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .04));white-space:nowrap}.custom-table td{padding:14px 16px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .04));font-size:.88rem;color:var(--text-primary, #f8f6f0);vertical-align:middle}.custom-table tr{transition:background-color .2s ease}.custom-table tr:hover td{background:#ffffff04}.custom-table tr:last-child td{border-bottom:none}.custom-input,select.custom-input{background:#08070b;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;padding:10px 14px;font-size:.88rem;outline:none;transition:all .3s ease;width:100%}.custom-input:focus,select.custom-input:focus{border-color:var(--accent-yellow-neon, #eaff00);background:#0d0c12;box-shadow:0 0 10px #eaff0033}select,select option,select.custom-input option,.custom-input option{background-color:#08070b!important;color:#fff!important}.client-stat-card{transition:all .3s cubic-bezier(.16,1,.3,1)!important}.client-stat-card:hover{transform:translateY(-2px)!important}.stat-glow-blue:hover{border-color:#29b6f6!important;box-shadow:0 0 16px #29b6f666,inset 0 0 12px #29b6f61a!important}.stat-glow-yellow:hover{border-color:#ffb300!important;box-shadow:0 0 16px #ffb30066,inset 0 0 12px #ffb3001a!important}.stat-glow-green:hover{border-color:#0f6!important;box-shadow:0 0 16px #0f66,inset 0 0 12px #00ff661a!important}.stat-glow-red:hover{border-color:#ff1744!important;box-shadow:0 0 16px #ff174466,inset 0 0 12px #ff17441a!important}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;transition:all .2s ease}.badge-success{background:#4caf501f;color:#81c784;border:1px solid rgba(76,175,80,.22)}.badge-info{background:#00bcd41f;color:#4dd0e1;border:1px solid rgba(0,188,212,.22)}.badge-warning{background:#ffb3001f;color:#ffd54f;border:1px solid rgba(255,179,0,.22)}.badge-danger{background:#e91e631f;color:#f06292;border:1px solid rgba(233,30,99,.22)}.badge-purple{background:#9c27b01f;color:#ba68c8;border:1px solid rgba(156,39,176,.22)}.badge-cyan{background:#00e5ff1f;color:#00e5ff;border:1px solid rgba(0,229,255,.22)}.filter-collapsible-wrapper{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-8px);transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),margin-top .35s ease,padding-top .35s ease;overflow:hidden;margin-top:0}.filter-collapsible-wrapper.is-open{grid-template-rows:1fr;opacity:1;transform:translateY(0);margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);overflow:visible!important}.filter-collapsible-inner{min-height:0;overflow:hidden}.filter-collapsible-wrapper.is-open .filter-collapsible-inner{overflow:visible!important}@keyframes landpageFadeIn{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.landpage-page-enter{animation:landpageFadeIn .32s cubic-bezier(.16,1,.3,1) forwards;will-change:opacity,transform}