@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";:root{--surface-0: #07090d;--surface-1: #0c0f15;--surface-2: #11151c;--surface-3: #161b24;--surface-4: #1d2330;--surface-5: #252c3b;--line-1: rgba(255,255,255,.04);--line-2: rgba(255,255,255,.07);--line-3: rgba(255,255,255,.12);--line-strong: rgba(255,255,255,.22);--fg-0: #f6f8fb;--fg-1: #d6dbe4;--fg-2: #98a0b0;--fg-3: #6b7388;--fg-4: #444b5d;--accent-gold: #E8B84A;--accent-gold-soft: rgba(232,184,74,.14);--accent-gold-glow: rgba(232,184,74,.35);--accent-gold-ink: #fff0c9;--accent-cyan: #24c0eb;--accent-cyan-soft: rgba(36,192,235,.13);--accent-cyan-glow: rgba(36,192,235,.38);--accent-cyan-ink: #c7f1fb;--accent-violet: #7C3AED;--accent-violet-soft: rgba(124,58,237,.16);--accent-violet-glow: rgba(124,58,237,.45);--accent-violet-ink: #d8c7ff;--accent-pink: #EC4899;--accent-pink-soft: rgba(236,72,153,.14);--accent-pink-glow: rgba(236,72,153,.4);--accent-pink-ink: #ffd0e6;--accent-emerald: #10b981;--accent-emerald-soft: rgba(16,185,129,.14);--accent-emerald-glow: rgba(16,185,129,.42);--accent-emerald-ink: #b6f0dc;--accent-orange: #f5933b;--accent-orange-soft: rgba(245,147,59,.14);--accent-orange-glow: rgba(245,147,59,.42);--accent-orange-ink: #ffdcb8;--accent: var(--accent-gold);--accent-soft: var(--accent-gold-soft);--accent-glow: var(--accent-gold-glow);--accent-ink: var(--accent-gold-ink);--pos: #4ade80;--pos-soft: rgba(74,222,128,.14);--neg: #f87171;--neg-soft: rgba(248,113,113,.14);--warn: #fbbf24;--warn-soft: rgba(251,191,36,.14);--info: #60a5fa;--info-soft: rgba(96,165,250,.14);--chart-grid: rgba(255,255,255,.05);--chart-axis: rgba(255,255,255,.18);--chart-goal: rgba(248,250,252,.55)}[data-theme=light]{--surface-0: #f4f6fa;--surface-1: #ffffff;--surface-2: #ffffff;--surface-3: #f7f9fc;--surface-4: #eef1f6;--surface-5: #e3e7ef;--line-1: rgba(15,20,35,.04);--line-2: rgba(15,20,35,.08);--line-3: rgba(15,20,35,.14);--line-strong: rgba(15,20,35,.26);--fg-0: #0b1020;--fg-1: #1f263a;--fg-2: #545d75;--fg-3: #7a839b;--fg-4: #b4bccb;--chart-grid: rgba(15,20,35,.06);--chart-axis: rgba(15,20,35,.22);--chart-goal: rgba(15,20,35,.55);--accent-orange-ink: #9a4b06}.scope-gold{--accent: var(--accent-gold);--accent-soft: var(--accent-gold-soft);--accent-glow: var(--accent-gold-glow);--accent-ink: var(--accent-gold-ink)}.scope-cyan{--accent: var(--accent-cyan);--accent-soft: var(--accent-cyan-soft);--accent-glow: var(--accent-cyan-glow);--accent-ink: var(--accent-cyan-ink)}.scope-violet{--accent: var(--accent-violet);--accent-soft: var(--accent-violet-soft);--accent-glow: var(--accent-violet-glow);--accent-ink: var(--accent-violet-ink)}.scope-pink{--accent: var(--accent-pink);--accent-soft: var(--accent-pink-soft);--accent-glow: var(--accent-pink-glow);--accent-ink: var(--accent-pink-ink)}.scope-emerald{--accent: var(--accent-emerald);--accent-soft: var(--accent-emerald-soft);--accent-glow: var(--accent-emerald-glow);--accent-ink: var(--accent-emerald-ink)}.scope-orange{--accent: var(--accent-orange);--accent-soft: var(--accent-orange-soft);--accent-glow: var(--accent-orange-glow);--accent-ink: var(--accent-orange-ink)}:root{--font-sans: "Geist", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--t-label: 500 11px/1.2 var(--font-sans);--t-meta: 400 12px/1.4 var(--font-sans);--t-body: 400 14px/1.55 var(--font-sans);--t-body-sm: 400 13px/1.5 var(--font-sans);--t-h3: 600 16px/1.3 var(--font-sans);--t-kpi: 500 40px/1 var(--font-mono);--t-kpi-sm: 500 28px/1 var(--font-mono);--t-mono: 500 13px/1.4 var(--font-mono);--t-mono-sm: 500 11px/1.3 var(--font-mono);--track-tight: -.02em;--track-label: .12em;--track-caps: .08em}:root{--r-1: 4px;--r-2: 6px;--r-3: 10px;--r-4: 14px;--r-5: 20px;--r-full: 999px;--shadow-1: 0 1px 0 0 rgba(255,255,255,.03) inset, 0 1px 2px rgba(0,0,0,.35);--shadow-2: 0 1px 0 0 rgba(255,255,255,.04) inset, 0 4px 16px -4px rgba(0,0,0,.55), 0 2px 4px rgba(0,0,0,.3);--shadow-3: 0 1px 0 0 rgba(255,255,255,.05) inset, 0 12px 32px -10px rgba(0,0,0,.7), 0 4px 12px rgba(0,0,0,.45);--shadow-focus: 0 0 0 2px var(--surface-0), 0 0 0 4px var(--accent);--ease-out: cubic-bezier(.16,1,.3,1);--ease-in-out: cubic-bezier(.65,0,.35,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .4s}[data-theme=light]{--shadow-1: 0 1px 0 0 rgba(255,255,255,.6) inset, 0 1px 3px rgba(0,0,0,.1);--shadow-2: 0 1px 0 0 rgba(255,255,255,.6) inset, 0 4px 16px -4px rgba(0,0,0,.14), 0 2px 4px rgba(0,0,0,.07)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px}:root{--nav-h: 56px;--sidebar-w: 232px;--nav-bg: rgba(7,9,13,.82)}[data-theme=light]{--nav-bg: rgba(244,246,250,.88)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--surface-0);color:var(--fg-1);font:var(--t-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1{font:600 28px/1.1 var(--font-sans);color:var(--fg-0);letter-spacing:var(--track-tight);margin:0}h2{font:var(--t-h3);color:var(--fg-0);margin:0}button{font-family:var(--font-sans);cursor:pointer}input,select{font-family:var(--font-sans)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-5);border-radius:2px}.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--r-2);font:500 13px/1 var(--font-sans);white-space:nowrap;cursor:pointer;border:1px solid var(--line-2);background:transparent;color:var(--fg-1);transition:filter var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast)}.btn svg{width:14px;height:14px;flex-shrink:0}.btn:hover{background:var(--surface-3);border-color:var(--line-3);color:var(--fg-0)}.btn:active{transform:translateY(.5px);filter:brightness(.94)}.btn.primary{background:var(--accent);color:#0a0d12;border-color:transparent;font-weight:600;box-shadow:0 0 0 1px var(--accent-soft),0 6px 20px -8px var(--accent-glow)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{border-color:transparent}.btn.icon{width:36px;padding:0;justify-content:center}.btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.input-wrap{position:relative;display:inline-flex;align-items:center}.input{height:36px;background:var(--surface-3);border:1px solid var(--line-2);border-radius:var(--r-2);padding:0 12px;color:var(--fg-0);font:var(--t-mono);width:100%;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.narrow{width:84px;text-align:center}.input.with-prefix{padding-left:32px}.input-prefix{position:absolute;left:10px;color:var(--fg-3);pointer-events:none;display:flex;align-items:center}.select-wrap{position:relative;display:inline-flex;align-items:center}.select-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:36px;background:var(--surface-3);border:1px solid var(--line-2);border-radius:var(--r-2);padding:0 32px 0 12px;color:var(--fg-0);font:500 13px/1 var(--font-sans);cursor:pointer;min-width:92px;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.select-wrap select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select-wrap:after{content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;border-right:1.5px solid var(--fg-2);border-bottom:1.5px solid var(--fg-2);transform:translateY(-70%) rotate(45deg);pointer-events:none}.theme-toggle{display:inline-flex;height:36px;border:1px solid var(--line-2);border-radius:var(--r-full);padding:3px;background:var(--surface-3)}.theme-toggle button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;border:none;background:transparent;color:var(--fg-3);cursor:pointer;border-radius:var(--r-full);transition:background var(--dur-fast),color var(--dur-fast)}.theme-toggle button.on{background:var(--surface-1);color:var(--fg-0);box-shadow:var(--shadow-1)}.theme-toggle button svg{width:14px;height:14px}.page-header{margin-bottom:20px}.page-eyebrow,.eyebrow{font:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--fg-3);margin-bottom:6px}.page-title{font:600 26px/1.1 var(--font-sans);color:var(--fg-0);letter-spacing:var(--track-tight)}.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.kpi-strip-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{position:relative;overflow:hidden;padding:20px 20px 18px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-3);box-shadow:var(--shadow-1);transition:background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-base) var(--ease-out);animation:fade-in .4s var(--ease-out) both}.kpi:hover{background:var(--surface-3);border-color:var(--line-3)}.kpi.is-active{border-color:transparent;box-shadow:0 0 0 1px var(--accent-soft),0 12px 36px -12px var(--accent-glow),var(--shadow-1)}.kpi.is-active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(140% 100% at 100% 0%,var(--accent-soft),transparent 55%);pointer-events:none}.kpi .kpi-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:1}.kpi .kpi-lbl{font:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--fg-3)}.kpi.is-active .kpi-lbl{color:var(--accent-ink)}.kpi .kpi-head svg{width:14px;height:14px;color:var(--fg-3)}.kpi.is-active .kpi-head svg{color:var(--accent)}.kpi .kpi-num{font:var(--t-kpi);color:var(--fg-0);letter-spacing:-.02em;font-variant-numeric:tabular-nums;position:relative;z-index:1}.kpi .kpi-foot{display:flex;align-items:center;gap:8px;margin-top:8px;font:var(--t-mono-sm);position:relative;z-index:1}.kpi .kpi-foot .delta{font-weight:500}.kpi .kpi-foot .delta.pos{color:var(--pos)}.kpi .kpi-foot .delta.neg{color:var(--neg)}.kpi .kpi-foot .kpi-meta{color:var(--fg-3)}.kpi-strip.stagger>*{animation:fade-in .4s var(--ease-out) both}.kpi-strip.stagger>*:nth-child(1){animation-delay:40ms}.kpi-strip.stagger>*:nth-child(2){animation-delay:.1s}.kpi-strip.stagger>*:nth-child(3){animation-delay:.16s}.kpi-strip.stagger>*:nth-child(4){animation-delay:.22s}.card{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-4);padding:22px 22px 20px;box-shadow:var(--shadow-1);animation:fade-in .4s var(--ease-out) both}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:12px}.card-head .card-title,.card-head .title{font:var(--t-h3);color:var(--fg-0)}.card-head .card-subtitle,.card-head .subtitle{font:var(--t-meta);color:var(--fg-3);margin-top:4px}.card-head .card-actions{display:flex;gap:8px;align-items:center}.seg{display:inline-flex;padding:2px;background:var(--surface-3);border:1px solid var(--line-2);border-radius:8px}.seg button{height:26px;padding:0 10px;border:none;background:transparent;color:var(--fg-2);font:500 12px/1 var(--font-sans);border-radius:6px;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.seg button.on{background:var(--surface-1);color:var(--fg-0);box-shadow:var(--shadow-1)}.progress-track{height:6px;background:var(--surface-4);border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:var(--r-full);box-shadow:0 0 14px var(--accent-glow);transition:width .6s var(--ease-out)}.summary-badge{font:var(--t-mono-sm);padding:4px 8px;border-radius:var(--r-1);white-space:nowrap;font-variant-numeric:tabular-nums;display:inline-block}.summary-badge.pos{background:var(--pos-soft);color:var(--pos)}.summary-badge.neg{background:var(--neg-soft);color:var(--neg)}.records{width:100%;border-collapse:separate;border-spacing:0;font:var(--t-body-sm)}.records thead th{text-align:left;font:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--fg-3);padding:14px 22px;background:var(--surface-1);position:sticky;top:0;white-space:nowrap}.records thead th.num,.records tbody td.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.records tbody td{padding:14px 22px;color:var(--fg-1);border-top:1px solid var(--line-1)}.records tbody tr{transition:background var(--dur-fast);cursor:default}.records tbody tr:hover td{background:var(--surface-3);color:var(--fg-0)}.records tbody tr.is-active td,.records tbody tr.is-active:hover td{background:linear-gradient(90deg,var(--accent-soft) 0%,transparent 65%);color:var(--fg-0)}.records tbody tr.is-active td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.records .pos{color:var(--pos)}.records .neg{color:var(--neg)}.records .zero{color:var(--fg-3)}.state-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface-0);font:var(--t-body);color:var(--fg-3);flex-direction:column;gap:12px}.state-page.error{color:var(--neg)}.state-empty{padding:48px 22px;text-align:center;color:var(--fg-2)}.state-empty svg{width:36px;height:36px;margin:0 auto 12px;display:block;color:var(--fg-3)}.state-empty .empty-title{font:var(--t-h3);color:var(--fg-0);margin-bottom:4px}.skel{background:linear-gradient(90deg,var(--surface-3) 0%,var(--surface-4) 50%,var(--surface-3) 100%);background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:4px}.fade-in{animation:fade-in .5s var(--ease-out) both}.spinning{animation:spin .7s linear infinite}.sys-card{transition:transform .3s var(--ease-out),border-color .2s var(--ease-out)}.sys-card:hover{transform:translateY(-2px);border-color:var(--line-3)}.login-page a{color:var(--accent);text-decoration:none}.login-page a:hover{color:var(--accent-ink)}.login-serif{font-family:Newsreader,Georgia,Times New Roman,serif;font-style:italic}.login-eye:hover{color:var(--fg-1)!important}.login-link:hover{color:var(--fg-1)}.login-sys:hover{transform:translateY(-3px);border-color:var(--accent)!important;box-shadow:0 16px 34px -20px var(--accent-glow)}@media(max-width:900px){.login-right{display:none!important}.login-left{flex-basis:100%!important;border-right:none!important}}