@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#0a2540;--primary-light:#1a3a5c;--primary-faint:#0a25400a;--accent:#00c853;--accent-dark:#00a844;--accent-light:#00c8531a;--blue:#3b82f6;--blue-light:#3b82f614;--teal:#14b8a6;--teal-light:#14b8a614;--orange:#f59e0b;--orange-light:#f59e0b14;--red:#ef4444;--red-light:#ef444414;--purple:#8b5cf6;--purple-light:#8b5cf614;--bg-primary:#f7f8fa;--bg-secondary:#fff;--bg-tertiary:#f1f3f5;--bg-hover:#e9ecef;--surface:#fff;--surface-elevated:#fffffff2;--sidebar-bg:#0a2540;--sidebar-hover:#ffffff0f;--sidebar-active:#00c8531a;--text-primary:#11181c;--text-secondary:#687076;--text-muted:#9ba1a6;--text-white:#fff;--text-inverse:#fff;--border:#e6e8eb;--border-light:#f1f3f5;--text-main:#11181c;--surface-alt:#f1f3f5;--bg-body:#f7f8fa;--bg-card:#fff;--gradient-brand:linear-gradient(135deg,#0a2540,#1a3a5c);--green:#10b981;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 16px 48px #0000001a;--elevation-1:0 1px 3px #0000000d,0 1px 2px #00000008;--elevation-2:0 3px 8px #0000000f,0 1px 3px #0000000a;--elevation-3:0 8px 24px #00000014,0 2px 6px #0000000a;--elevation-4:0 16px 48px #0000001f,0 4px 12px #0000000f;--glass-bg:#ffffffb8;--glass-blur:12px;--glass-border:#fff3;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--transition-theme:.25s ease;--sidebar-width:252px;--sidebar-collapsed:68px;--header-height:60px;--stagger-delay:50ms;--chart-1:#2b7de9;--chart-2:#00c6ff;--chart-3:#4ecdc4;--chart-4:#8b5cf6;--chart-5:#f59e0b;--chart-6:#10b981}html.dark{--primary:#60a5fa;--primary-light:#93c5fd;--primary-faint:#60a5fa14;--accent:#34d399;--accent-dark:#10b981;--accent-light:#34d3991f;--blue:#60a5fa;--blue-light:#60a5fa1a;--teal:#2dd4bf;--teal-light:#2dd4bf1a;--orange:#fbbf24;--orange-light:#fbbf241a;--red:#f87171;--red-light:#f871711a;--purple:#a78bfa;--purple-light:#a78bfa1a;--bg-primary:#0b1120;--bg-secondary:#111827;--bg-tertiary:#1f2937;--bg-hover:#374151;--surface:#111827;--surface-elevated:#111827f2;--sidebar-bg:#070d1a;--sidebar-hover:#ffffff0f;--sidebar-active:#34d3991f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-white:#fff;--text-inverse:#11181c;--border:#1e293b;--border-light:#1e293b;--text-main:#f1f5f9;--surface-alt:#1f2937;--bg-body:#0b1120;--bg-card:#111827;--gradient-brand:linear-gradient(135deg,#1e40af,#3b82f6);--green:#34d399;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-xl:0 16px 48px #00000080;--elevation-1:0 1px 3px #0003,0 1px 2px #00000026;--elevation-2:0 3px 8px #00000040,0 1px 3px #0003;--elevation-3:0 8px 24px #00000059,0 2px 6px #0003;--elevation-4:0 16px 48px #00000080,0 4px 12px #0000004d;--glass-bg:#111827b8;--glass-blur:12px;--glass-border:#ffffff0f}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color var(--transition-theme),background var(--transition-theme);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{color:var(--text-primary);background:#00c85326}html.dark ::selection{background:#34d39933}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.flex-1{flex:1}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes livePulse{0%{box-shadow:0 0 #00c85366}70%{box-shadow:0 0 0 8px #00c85300}to{box-shadow:0 0 #00c85300}}@keyframes bellBounce{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(2deg)}}.animate-fade-in{animation:.35s forwards fadeIn}.animate-slide-in{animation:.35s forwards slideInRight}.animate-scale-in{animation:.25s forwards scaleIn}.animate-count-up{animation:.4s forwards countUp}.animate-bell-bounce{animation:.6s bellBounce}.stagger-1{animation-delay:calc(var(--stagger-delay)*1)}.stagger-2{animation-delay:calc(var(--stagger-delay)*2)}.stagger-3{animation-delay:calc(var(--stagger-delay)*3)}.stagger-4{animation-delay:calc(var(--stagger-delay)*4)}.stagger-5{animation-delay:calc(var(--stagger-delay)*5)}.stagger-6{animation-delay:calc(var(--stagger-delay)*6)}.stagger-7{animation-delay:calc(var(--stagger-delay)*7)}.stagger-8{animation-delay:calc(var(--stagger-delay)*8)}.theme-transition,.theme-transition *,.theme-transition :before,.theme-transition :after{transition:color var(--transition-theme),background-color var(--transition-theme),border-color var(--transition-theme),box-shadow var(--transition-theme),fill var(--transition-theme),stroke var(--transition-theme)!important}@media (max-width:1024px){:root{--sidebar-width:68px}}@media (max-width:768px){:root{--header-height:52px}}