:root{--bg: #F4F6FA;--surface: #FFFFFF;--surface-2: #F8FAFC;--surface-3: #EEF2F7;--border: #E2E8F0;--border-strong: #CBD5E1;--text: #0F172A;--text-muted: #475569;--text-faint: #94A3B8;--accent: #3B82F6;--accent-soft: #EFF6FF;--accent-strong: #2563EB;--navy: #0F172A;--navy-2: #1E3A5F;--green: #10B981;--green-soft: #ECFDF5;--amber: #F59E0B;--amber-soft: #FFFBEB;--red: #EF4444;--red-soft: #FEF2F2;--purple: #8B5CF6;--purple-soft: #F5F3FF;--shadow-sm: 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 16px -4px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);--shadow-lg: 0 12px 32px -8px rgba(15,23,42,.12), 0 4px 8px rgba(15,23,42,.04);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px}[data-theme=dark]{--bg: #0B1220;--surface: #111A2E;--surface-2: #0F172A;--surface-3: #18243E;--border: #1F2D4A;--border-strong: #2A3B5E;--text: #E2E8F0;--text-muted: #94A3B8;--text-faint: #64748B;--accent: #60A5FA;--accent-soft: rgba(96,165,250,.12);--accent-strong: #3B82F6;--green: #34D399;--green-soft: rgba(52,211,153,.12);--amber: #FBBF24;--amber-soft: rgba(251,191,36,.12);--red: #F87171;--red-soft: rgba(248,113,113,.12);--purple: #A78BFA;--purple-soft: rgba(167,139,250,.12);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 16px -4px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.2);--shadow-lg: 0 12px 32px -8px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.25)}:root{--content-pad: clamp(16px, 3.5vw, 40px);--topbar-h: 68px;--mobile-nav-h: 60px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .25s ease,color .25s ease}.serif{font-family:"DM Serif Display",serif;font-weight:400;letter-spacing:-.01em}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;font-weight:600;font-size:13.5px;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease,border-color .15s;white-space:nowrap;text-decoration:none}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #0f172a14}.btn-primary:hover{background:var(--accent-strong);box-shadow:var(--shadow-md)}.btn-primary:disabled{background:var(--border-strong);cursor:not-allowed;transform:none}.btn-ghost{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-outline:hover{background:var(--surface-2);border-color:var(--text-muted)}.btn-block{width:100%}.btn-lg{padding:13px 20px;font-size:14.5px}.btn-sm{padding:6px 12px;font-size:12.5px}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-head{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.card-head h3{margin:0;font-family:"DM Serif Display",serif;font-size:19px;color:var(--text);letter-spacing:-.01em}.card-head .sub{font-size:12.5px;color:var(--text-muted);margin-top:2px}.card-body{padding:22px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600}.pill-green{color:#047857;background:var(--green-soft)}.pill-amber{color:#b45309;background:var(--amber-soft)}.pill-red{color:#b91c1c;background:var(--red-soft)}.pill-blue{color:var(--accent-strong);background:var(--accent-soft)}.pill-gray{color:#475569;background:var(--surface-3)}[data-theme=dark] .pill-green{color:#6ee7b7}[data-theme=dark] .pill-amber{color:#fcd34d}[data-theme=dark] .pill-red{color:#fca5a5}.delta{display:inline-flex;align-items:center;gap:3px;font-weight:600;font-size:11.5px;padding:2px 7px;border-radius:99px}.delta.up{color:#047857;background:var(--green-soft)}.delta.down{color:#b91c1c;background:var(--red-soft)}[data-theme=dark] .delta.up{color:#6ee7b7}[data-theme=dark] .delta.down{color:#fca5a5}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes slideLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes progress{0%{width:0}to{width:100%}}@keyframes ringPulse{0%{transform:scale(1);opacity:.35}to{transform:scale(1.35);opacity:0}}.fadeUp{animation:fadeUp .55s cubic-bezier(.4,0,.2,1) backwards}