@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color: #f4f5fa;--surface-color: rgba(255, 255, 255, .75);--surface-color-solid: #ffffff;--text-primary: #0f172a;--text-secondary: #4f5e71;--primary-color: #6366f1;--primary-hover: #4f46e5;--primary-light: rgba(99, 102, 241, .08);--secondary-color: #10b981;--secondary-hover: #059669;--secondary-light: rgba(16, 185, 129, .08);--accent-color: #f59e0b;--accent-light: rgba(245, 158, 11, .08);--danger-color: #ef4444;--danger-hover: #dc2626;--danger-light: rgba(239, 68, 68, .08);--border-color: rgba(99, 102, 241, .08);--border-focus: rgba(99, 102, 241, .25);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .02);--shadow-md: 0 10px 30px -10px rgba(99, 102, 241, .06), 0 1px 3px rgba(0, 0, 0, .01);--shadow-lg: 0 20px 40px -15px rgba(99, 102, 241, .12), 0 1px 5px rgba(0, 0, 0, .02);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--radius-md: .75rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--transition: all .4s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-color: #0b0f19;--surface-color: rgba(17, 24, 39, .65);--surface-color-solid: #111827;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--primary-color: #818cf8;--primary-hover: #6366f1;--primary-light: rgba(129, 140, 248, .15);--secondary-color: #34d399;--secondary-hover: #10b981;--secondary-light: rgba(52, 211, 153, .15);--accent-color: #fbbf24;--accent-light: rgba(251, 191, 36, .15);--danger-color: #f87171;--danger-hover: #ef4444;--danger-light: rgba(248, 113, 113, .15);--border-color: rgba(255, 255, 255, .07);--border-focus: rgba(129, 140, 248, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 12px 30px -10px rgba(0, 0, 0, .4);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-glow: 0 0 25px rgba(129, 140, 248, .2)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f126;border-radius:99px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#6366f159}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.04) 0%,transparent 40%),radial-gradient(circle at 90% 10%,rgba(16,185,129,.04) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(139,92,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 90%,rgba(245,158,11,.03) 0%,transparent 40%);background-attachment:fixed;background-size:200% 200%;animation:gradient-shift 25s ease-in-out infinite alternate;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}[data-theme=dark] body{background-image:radial-gradient(circle at 10% 20%,rgba(129,140,248,.06) 0%,transparent 40%),radial-gradient(circle at 90% 10%,rgba(52,211,153,.04) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(167,139,250,.04) 0%,transparent 50%),radial-gradient(circle at 80% 90%,rgba(251,191,36,.03) 0%,transparent 40%)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}a{text-decoration:none;color:var(--primary-color);transition:var(--transition-fast)}a:hover{color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--text-primary)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-container{display:flex;min-height:100vh;animation:fadeIn .4s ease-out}.sidebar{width:280px;background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.1),transparent 42%),radial-gradient(circle at 100% 12%,rgba(16,185,129,.08),transparent 40%),linear-gradient(180deg,#f7f9ff,#f4f7ff 44%,#edf3ff);border-right:1px solid rgba(99,102,241,.12);display:flex;flex-direction:column;padding:1.5rem 1rem;overflow-y:auto;height:100vh;position:sticky;top:0;transition:var(--transition);box-shadow:10px 0 30px #6366f114;z-index:1000}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#6366f12e;border-radius:99px}.sidebar:hover::-webkit-scrollbar-thumb{background:#6366f159}.sidebar.collapsed{width:90px;padding:1.5rem .5rem}[data-theme=dark] .sidebar{background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.2),transparent 40%),radial-gradient(circle at 100% 12%,rgba(16,185,129,.12),transparent 36%),linear-gradient(180deg,#060d21,#050a1a 48%,#040814);border-right-color:#94a3b829}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.sidebar-brand-wrap{padding:0 .5rem;margin-bottom:1.5rem}.sidebar-brand-card{padding:1rem;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:.75rem;border:1px solid rgba(99,102,241,.2);background:linear-gradient(180deg,#818cf81f,#6366f10d),#fffc;box-shadow:0 14px 30px -22px #3b82f661}.sidebar-brand-logo{width:70px;height:52px;border-radius:12px;padding:2px;background:#fffffff2}.sidebar-brand-copy{text-align:center}.sidebar-brand-title{margin:0;font-size:.9rem;font-weight:800;color:var(--text-primary)}.sidebar-brand-subtitle{margin:0;font-size:.65rem;color:var(--primary-color);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sidebar-logo{display:flex;align-items:center;gap:1.25rem;padding:.5rem;overflow:hidden;margin-bottom:2rem}.sidebar-logo-icon{background:linear-gradient(135deg,var(--primary-color),#8b5cf6);color:#fff;padding:.75rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.sidebar-logo-icon:hover{transform:scale(1.1) rotate(5deg)}.sidebar-logo-text{font-size:1.35rem;font-family:Outfit,sans-serif;font-weight:800;background:linear-gradient(to right,var(--primary-color),#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:1.15rem .75rem .55rem;margin-top:.6rem;cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.sidebar-section-header:hover{background:#818cf814}.sidebar-section-header.collapsed-sidebar{justify-content:center;padding:1rem 0;pointer-events:none}.sidebar-section-label{font-size:.72rem;font-weight:800;color:#4f5e71;text-transform:uppercase;letter-spacing:.14em;opacity:.94;white-space:nowrap;overflow:hidden}.sidebar-section-chevron{color:#64748b;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.7;flex-shrink:0}.sidebar-section-header.expanded .sidebar-section-chevron{transform:rotate(180deg);opacity:1;color:var(--primary-color)}.sidebar-section-content{display:flex;flex-direction:column;gap:.2rem;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.sidebar-section-content.collapsed{max-height:0;opacity:0;pointer-events:none}.sidebar-section-content.expanded{max-height:1200px;opacity:1}.sidebar-link{display:flex;align-items:center;gap:1rem;padding:.78rem .92rem;border-radius:var(--radius-md);color:#5f6f85;font-weight:600;font-size:.92rem;transition:var(--transition-fast);cursor:pointer;border:1px solid rgba(99,102,241,0);position:relative;overflow:clip}.sidebar-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#6366f11f,#6366f108);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:0}.sidebar-link:hover:before{transform:scaleX(1)}.sidebar-link:hover:not(.active){color:#334155;transform:translate(3px);border-color:#6366f133}.sidebar-link svg{z-index:1;position:relative;flex-shrink:0;padding:.32rem;width:1.95rem;height:1.95rem;border-radius:10px;border:1px solid rgba(99,102,241,.18);background:#6366f114;color:#5f6f85}.sidebar-link span{z-index:1;position:relative}.sidebar-link.active{background:linear-gradient(90deg,#6366f147,#6366f11f);color:#1f2b4d;font-weight:700;border-color:#818cf866;box-shadow:inset 4px 0 #818cf8,0 10px 20px -16px #818cf8e6}.sidebar-link.active svg{color:var(--primary-color);border-color:#6366f166;background:#6366f129}.sidebar-link.collapsed{justify-content:center;padding:.9rem;transform:none!important}.sidebar-footer{margin-top:auto;padding-top:1.25rem;border-top:1px solid rgba(99,102,241,.12)}.logout-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.9rem 1.15rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626;font-weight:600;cursor:pointer;border-radius:var(--radius-md);font-size:.92rem;transition:var(--transition-fast);margin-top:auto}.logout-btn:hover{background-color:#ef444424;border-color:#ef444459;color:#b91c1c;box-shadow:0 10px 18px -14px #ef444473;transform:translateY(-2px)}[data-theme=dark] .sidebar-section-label{color:#9cabcc}[data-theme=dark] .sidebar-section-chevron{color:#92a3c4}[data-theme=dark] .sidebar-section-header.expanded .sidebar-section-chevron{color:#a5b4fc}[data-theme=dark] .sidebar-brand-card{border-color:#818cf840;background:linear-gradient(180deg,#818cf81f,#6366f10d),#0a122fa3;box-shadow:0 14px 30px -22px #3b82f6cc}[data-theme=dark] .sidebar-brand-title{color:#f8fafc}[data-theme=dark] .sidebar-brand-subtitle{color:#8da2ff}[data-theme=dark] .sidebar-link{color:#aeb9cc;border-color:#818cf800}[data-theme=dark] .sidebar-link:before{background:linear-gradient(90deg,#818cf829,#818cf808)}[data-theme=dark] .sidebar-link:hover:not(.active){color:#dbe7ff;border-color:#818cf838}[data-theme=dark] .sidebar-link svg{border-color:#94a3b838;background:#94a3b814;color:#aeb9cc}[data-theme=dark] .sidebar-link.active{color:#e5ecff}[data-theme=dark] .sidebar-link.active svg{color:#8da2ff;border-color:#8da2ff6b;background:#8da2ff33}[data-theme=dark] .sidebar-footer{border-top-color:#94a3b829}[data-theme=dark] .logout-btn{background:#f871711f;border-color:#f871713d;color:#fda4af}[data-theme=dark] .logout-btn:hover{background-color:#ef444438;border-color:#f8717170;color:#ffe4e6;box-shadow:0 10px 18px -14px #ef4444e6}.toggle-btn{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:.6rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-btn:hover{background-color:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color);transform:scale(1.05)}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh;position:relative;overflow-x:hidden}.top-header{height:80px;background-color:var(--surface-color);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;position:sticky;top:0;z-index:900;box-shadow:var(--shadow-sm);transition:var(--transition)}.search-hub{position:relative;width:420px}.search-hub input{width:100%;padding:.8rem 1.5rem .8rem 3.25rem;border-radius:99px;border:1px solid var(--border-color);background:#fff6;color:var(--text-primary);font-size:.92rem;transition:var(--transition-fast);box-shadow:inset 0 2px 4px #00000003}[data-theme=dark] .search-hub input{background:#11182766}.search-hub input:focus{outline:none;border-color:var(--primary-color);background:var(--surface-color-solid);box-shadow:0 0 0 4px var(--primary-light);transform:translateY(-1px)}.search-hub svg{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);transition:color .2s}.search-hub input:focus+svg{color:var(--primary-color)}.search-results-dropdown{position:absolute;top:calc(100% + 10px);left:0;width:100%;background:var(--surface-color-solid);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);overflow:hidden;z-index:1000;padding:.5rem;max-height:400px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;transition:var(--transition-fast)}.search-result-item:hover{background:var(--primary-light);transform:translate(4px)}.result-icon{background:var(--primary-light);color:var(--primary-color);padding:.5rem;border-radius:50%;display:flex}.result-info{display:flex;flex-direction:column}.result-title{font-weight:600;font-size:.95rem}.result-subtitle{font-size:.75rem;color:var(--text-secondary)}.search-result-empty{padding:1.5rem;text-align:center;color:var(--text-secondary);font-style:italic;font-size:.9rem}.header-actions{display:flex;align-items:center;gap:1.25rem}.profile-badge{display:flex;align-items:center;gap:.85rem;padding:.4rem .4rem .4rem 1.25rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:99px;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.profile-badge:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-color),#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;box-shadow:var(--shadow-glow)}.profile-dropdown,.notifications-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:260px;background:var(--surface-color-solid);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);overflow:hidden;z-index:1100;animation:fadeSlideDown .3s cubic-bezier(.16,1,.3,1) forwards}.notifications-dropdown{width:320px;right:-10px}.profile-dropdown-header,.notifications-header{padding:1.25rem 1.5rem;background:var(--primary-light);border-bottom:1px solid var(--border-color)}.profile-dropdown-body{padding:.5rem;display:flex;flex-direction:column}.profile-dropdown-item{display:block;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;font-weight:500;font-size:.9rem;border-radius:var(--radius-md);transition:var(--transition-fast);cursor:pointer;background:transparent;border:none;text-align:left;font-family:inherit}.profile-dropdown-item:hover{background:var(--primary-light);color:var(--primary-color)}.profile-dropdown-item.text-danger{color:#ef4444}.profile-dropdown-item.text-danger:hover{background:#ef44440d}.profile-dropdown-divider{height:1px;background:var(--border-color);margin:.5rem 0}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:#ef4444;color:#fff;font-size:.65rem;font-weight:800;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--surface-color-solid);animation:fadeIn .3s ease}.notifications-header{display:flex;justify-content:space-between;align-items:center}.notifications-body{max-height:360px;overflow-y:auto;display:flex;flex-direction:column}.notification-item{padding:1.25rem 1.5rem;display:flex;gap:1rem;align-items:flex-start;border-bottom:1px solid var(--border-color);transition:var(--transition-fast);cursor:pointer}.notification-item:hover{background:var(--primary-light)}.notification-item:last-child{border-bottom:none}.notification-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:6px}.notification-content{display:flex;flex-direction:column;gap:.25rem}.notification-content strong{font-size:.92rem;color:var(--text-primary)}.notification-content p{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.notification-time{font-size:.7rem;color:var(--text-secondary);margin-top:.25rem}.page-container{padding:2.5rem 3rem;max-width:1600px;margin:0 auto;width:100%;animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) forwards}.glass-panel{background:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%)}.card{border-radius:var(--radius-xl);padding:2rem;background:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:var(--transition);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-6px);border-color:var(--border-focus)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-family:Inter,sans-serif;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s cubic-bezier(.34,1.56,.64,1);font-size:.92rem;text-transform:capitalize;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{box-shadow:0 8px 20px #6366f173;transform:translateY(-2px);background:linear-gradient(135deg,var(--primary-hover),#7c3aed)}.btn-secondary{background:var(--surface-color-solid);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.theme-toggle-btn{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.theme-toggle-btn:hover{background-color:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color);transform:scale(1.05)}.theme-toggle-btn svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle-btn:hover svg{transform:rotate(20deg)}.login-bg-mesh{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 25%,rgba(99,102,241,.12) 0%,transparent 45%),radial-gradient(circle at 85% 15%,rgba(16,185,129,.1) 0%,transparent 45%),radial-gradient(circle at 50% 85%,rgba(139,92,246,.12) 0%,transparent 55%);background-size:200% 200%;animation:loginMeshShift 25s ease-in-out infinite alternate}[data-theme=dark] .login-bg-mesh{background-color:#050811;background-image:radial-gradient(circle at 15% 25%,rgba(129,140,248,.18) 0%,transparent 45%),radial-gradient(circle at 85% 15%,rgba(52,211,153,.12) 0%,transparent 45%),radial-gradient(circle at 50% 85%,rgba(167,139,250,.15) 0%,transparent 55%)}@keyframes loginMeshShift{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.form-group{margin-bottom:1.5rem;position:relative}.form-label{display:block;font-size:.88rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);transition:var(--transition-fast)}.form-input,.form-select{width:100%;padding:.8rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--surface-color-solid);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:var(--transition-fast);box-shadow:inset 0 2px 4px #00000003;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;padding-right:2.5rem}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light);transform:translateY(-1px)}.form-input:hover,.form-select:hover{border-color:var(--border-focus)}input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--primary-color);cursor:pointer;border-radius:6px;border:1.5px solid var(--border-color);transition:transform .2s}input[type=checkbox]:active{transform:scale(.88)}.icon-bg{background:linear-gradient(135deg,var(--primary-color),#8b5cf6);color:#fff;width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:var(--shadow-glow)}.ledger-item{transition:transform .2s ease,box-shadow .2s ease}.ledger-item:hover{transform:scale(1.02);box-shadow:0 6px 12px #0000001a}.btn-primary:hover{transform:translateY(-2px)}.glass-card{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 8px 24px #00000014}.dashboard-container{opacity:0;animation:fadeIn .6s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.refresh-btn{transition:transform .2s ease,box-shadow .2s ease}.refresh-btn:hover{transform:scale(1.05);box-shadow:0 6px 12px #0003}.chart-card{animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.stat-card{background:var(--surface-color);padding:1.75rem;border-radius:var(--radius-xl);border:1px solid var(--border-color);display:flex;align-items:center;gap:1.25rem;box-shadow:var(--shadow-md);transition:var(--transition);animation:fadeSlideUp .6s backwards}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}.stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--border-focus)}.stat-icon{width:54px;height:54px;border-radius:var(--radius-lg);background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center}.stat-info h3{font-size:.82rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.stat-info p{font-size:1.75rem;font-family:Outfit,sans-serif;font-weight:800;color:var(--text-primary);margin:0}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--surface-color-solid);box-shadow:var(--shadow-md)}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:1.15rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.table th{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);background:#f8fafcd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}[data-theme=dark] .table th{background:#111827d9}.table tbody tr{transition:var(--transition-fast)}.table tbody tr:hover{background:var(--primary-light);transform:scale(1.002);box-shadow:inset 4px 0 0 var(--primary-color)}.table tbody tr:last-child td{border-bottom:none}.badge{padding:.35rem .85rem;border-radius:99px;font-size:.72rem;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);border:1px solid transparent}.badge-active{background:#10b9811f;color:#10b981;border-color:#10b98133}[data-theme=dark] .badge-active{background:#34d3992e;color:#34d399}.badge-promoted{background:#6366f11f;color:var(--primary-color);border-color:#6366f133}[data-theme=dark] .badge-promoted{background:#818cf82e;color:#818cf8}.recent-activity-item{transition:var(--transition-fast)}.recent-activity-item:hover{transform:translate(6px);background-color:var(--primary-light)!important}.responsive-grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.responsive-col-8{grid-column:span 8}.responsive-col-4{grid-column:span 4}.responsive-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1024px){.responsive-grid-12,.responsive-grid-2{grid-template-columns:1fr!important}.responsive-col-8,.responsive-col-4{grid-column:span 1!important}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-container{padding:1.25rem 1rem}.top-header{padding:0 1rem;height:70px}.search-hub{width:200px}.search-hub input{padding:.6rem 1rem .6rem 2.5rem}.stat-grid{grid-template-columns:1fr;gap:1rem}.form-group[style*="gridColumn: 'span 2'"],.form-group[style*="grid-column: span 2"]{grid-column:span 1!important}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:2000;transform:translate(-100%);box-shadow:20px 0 40px #0003}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px;padding:1.5rem 1rem}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999;opacity:0;transition:opacity .3s}.sidebar-backdrop.active{display:block;opacity:1}}@media (max-width: 480px){.search-hub{display:none}.header-actions{gap:.75rem}.profile-badge{padding-left:.4rem}.profile-badge span{display:none}}.grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.grid-1-1-5{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.grid-1-1{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid-1-1-gap2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.grid-3-1{display:grid;grid-template-columns:3fr 1fr;gap:2rem}.grid-auto-200{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.grid-2-1-1-auto{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem}.grid-350-1{display:grid;grid-template-columns:350px 1fr;gap:2rem;alignItems:start}.grid-3-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 1024px){.grid-1-2,.grid-1-1-5,.grid-2-1,.grid-1-1,.grid-1-1-gap2,.grid-3-1,.grid-350-1,.grid-3-cols,.grid-2-1-1-auto{grid-template-columns:1fr!important}}@media (min-width: 1025px){.class-setup-container{flex-direction:row!important}}@media (max-width: 768px){.top-header{height:auto;min-height:70px;flex-wrap:wrap;padding:1rem;gap:1rem}.search-hub{width:100%;order:3;margin-top:.5rem}.hide-on-mobile{display:none!important}}