:root{--font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: 11px;--fs-s: 12.5px;--fs-m: 13.5px;--fs-l: 15px;--fs-xl: 19px;--fs-2xl: 26px;--fs-3xl: 34px;--bg: #f7f8fb;--bg-grad: radial-gradient(1200px 600px at 100% -10%, #edeffb 0%, transparent 60%), #f7f8fb;--bg-raise: #ffffff;--surface-2: #ffffff;--overlay: rgba(255,255,255,.72);--fg: #0e1320;--fg-dim: #5a6474;--fg-faint: #97a0b0;--line: #e9ecf2;--line-strong: #d7dbe4;--accent: #5a5ff0;--accent-2: #9333ea;--accent-fg: #ffffff;--accent-soft: #edeefe;--accent-glow: rgba(90,95,240,.22);--ok: #10b981;--warn: #e0a411;--stall: #ee6b2f;--miss: #ef4444;--ok-soft: #e6f6ef;--warn-soft: #fbf1dc;--stall-soft: #fdeadf;--miss-soft: #fdeaea;--sh-1: 0 1px 2px rgba(16,20,32,.05), 0 1px 3px rgba(16,20,32,.04);--sh-2: 0 2px 4px rgba(16,20,32,.05), 0 8px 24px rgba(16,20,32,.07);--sh-3: 0 8px 20px rgba(16,20,32,.08), 0 24px 60px rgba(16,20,32,.12);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--radius: 8px;--r-m: 12px;--r-l: 16px;--r-full: 999px;--row-h: 40px;--content-w: 1040px;--ease: cubic-bezier(.22,.72,.2,1);--ease-spring: cubic-bezier(.22,1.15,.34,1);--dur-1: .14s;--dur-2: .24s;--dur-3: .4s}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #08090d;--bg-grad: radial-gradient(1100px 560px at 100% -12%, #191a2e 0%, transparent 55%), radial-gradient(900px 500px at -10% 10%, #101725 0%, transparent 50%), #08090d;--bg-raise: #0f1117;--surface-2: #14171f;--overlay: rgba(16,18,26,.7);--fg: #edeff5;--fg-dim: #99a1b2;--fg-faint: #5e6a7b;--line: #1c2029;--line-strong: #2a3040;--accent: #838aff;--accent-2: #b06bff;--accent-soft: #191b2e;--accent-glow: rgba(131,138,255,.3);--ok: #34d399;--warn: #fbbf24;--stall: #fb923c;--miss: #f87171;--ok-soft: #0f261d;--warn-soft: #271f0e;--stall-soft: #26190f;--miss-soft: #271414;--sh-1: 0 1px 2px rgba(0,0,0,.4);--sh-2: 0 2px 8px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.44);--sh-3: 0 12px 32px rgba(0,0,0,.5), 0 32px 72px rgba(0,0,0,.55)}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg: #08090d;--bg-grad: radial-gradient(1100px 560px at 100% -12%, #191a2e 0%, transparent 55%), radial-gradient(900px 500px at -10% 10%, #101725 0%, transparent 50%), #08090d;--bg-raise: #0f1117;--surface-2: #14171f;--overlay: rgba(16,18,26,.7);--fg: #edeff5;--fg-dim: #99a1b2;--fg-faint: #5e6a7b;--line: #1c2029;--line-strong: #2a3040;--accent: #838aff;--accent-2: #b06bff;--accent-soft: #191b2e;--accent-glow: rgba(131,138,255,.3);--ok: #34d399;--warn: #fbbf24;--stall: #fb923c;--miss: #f87171;--ok-soft: #0f261d;--warn-soft: #271f0e;--stall-soft: #26190f;--miss-soft: #271414;--sh-1: 0 1px 2px rgba(0,0,0,.4);--sh-2: 0 2px 8px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.44);--sh-3: 0 12px 32px rgba(0,0,0,.5), 0 32px 72px rgba(0,0,0,.55)}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg-grad, var(--bg));background-attachment:fixed;color:var(--fg);font:var(--fs-m)/1.55 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv01"}::selection{background:var(--accent-glow)}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5{text-wrap:balance;letter-spacing:-.01em}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint);background-clip:padding-box}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input,textarea{font:inherit;color:inherit;background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--radius);padding:9px var(--sp-3);outline:none;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}input::placeholder,textarea::placeholder{color:var(--fg-faint)}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.shell{max-width:var(--content-w);margin:0 auto;padding:0 var(--sp-4) var(--sp-8)}main{display:block;animation:fadeUp var(--dur-3) var(--ease) both}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:2px;height:56px;margin-bottom:var(--sp-6);font-size:var(--fs-s);color:var(--fg-dim);background:var(--overlay);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}.topbar .brand{color:var(--fg);font-weight:750;font-size:var(--fs-l);letter-spacing:-.02em;display:inline-flex;align-items:center;gap:8px;padding-right:var(--sp-4);margin-right:var(--sp-2)}.topbar .brand:before{content:"";width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 2px 8px var(--accent-glow)}.topbar .spacer{flex:1}.topbar .navlink{color:var(--fg-dim);padding:7px 11px;border-radius:var(--radius);white-space:nowrap;font-weight:500;transition:color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.topbar .navlink:hover{color:var(--fg);background:color-mix(in srgb,var(--fg) 6%,transparent)}.topbar .navlink.active{color:var(--fg);background:var(--accent-soft)}.topbar .navlink.search{color:var(--fg-faint);display:inline-flex;align-items:center;gap:6px}.row{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--row-h);padding:0 var(--sp-3);border-radius:var(--radius);transition:background var(--dur-1) var(--ease)}.row:hover,.row[data-selected=true]{background:color-mix(in srgb,var(--fg) 5%,transparent)}.row .t{flex:1;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .m{color:var(--fg-dim);font-size:var(--fs-s);white-space:nowrap}.sec{margin-top:var(--sp-6)}.sec>h5,.card>h5{font-size:var(--fs-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-faint);font-weight:700;margin-bottom:var(--sp-2)}.quiet{color:var(--fg-dim);font-size:var(--fs-s)}kbd{font-family:var(--font-mono);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-size:10px;color:var(--fg-dim);background:var(--bg-raise)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px transparent}.dot[data-h=on_track]{background:var(--ok)}.dot[data-h=at_risk]{background:var(--warn);animation:livepulse 2.6s var(--ease) infinite;--pulse: var(--warn)}.dot[data-h=stalled]{background:var(--stall);animation:livepulse 2.2s var(--ease) infinite;--pulse: var(--stall)}.dot[data-h=missed]{background:var(--miss);animation:livepulse 1.8s var(--ease) infinite;--pulse: var(--miss)}.card{background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--r-m);padding:var(--sp-6);box-shadow:var(--sh-1);transition:box-shadow var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.page-h{font-size:var(--fs-2xl);font-weight:750;letter-spacing:-.025em;margin:var(--sp-2) 0 var(--sp-6)}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-3)}@media (max-width: 860px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{position:relative;overflow:hidden;background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--r-m);padding:var(--sp-4);box-shadow:var(--sh-1);animation:fadeUp var(--dur-3) var(--ease-spring) both;transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.kpi:after{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.8}.kpi:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:var(--line-strong)}.kpi:nth-child(2){animation-delay:.04s}.kpi:nth-child(3){animation-delay:.08s}.kpi:nth-child(4){animation-delay:.12s}.kpi:nth-child(5){animation-delay:.16s}.kpi-n{font-family:var(--font-mono);font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}.kpi-k{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);font-weight:700;margin-top:var(--sp-2)}.kpi-s{font-size:var(--fs-s);color:var(--fg-dim);margin-top:var(--sp-1);font-variant-numeric:tabular-nums}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-top:var(--sp-4)}@media (max-width: 860px){.report-grid{grid-template-columns:1fr}}.report-grid .card{animation:fadeUp var(--dur-3) var(--ease) both}.bars{display:flex;flex-direction:column;gap:9px}.barrow{display:grid;grid-template-columns:128px 1fr auto;align-items:center;gap:var(--sp-3);font-size:var(--fs-s)}.barlabel{color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.bartrack{height:9px;background:color-mix(in srgb,var(--fg) 7%,transparent);border-radius:999px;overflow:hidden}.barfill{display:block;height:100%;border-radius:999px;min-width:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:left;animation:growX var(--dur-3) var(--ease-spring) both}.barval{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg-dim);white-space:nowrap;font-size:var(--fs-s)}.spark{display:flex;align-items:flex-end;gap:5px;height:130px;padding-top:var(--sp-2)}.sparkcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:5px}.sparkbar{width:100%;max-width:24px;border-radius:4px 4px 2px 2px;min-height:3px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 55%,transparent));transform-origin:bottom;animation:growY var(--dur-3) var(--ease-spring) both}.sparkcol:hover .sparkbar{background:linear-gradient(180deg,var(--accent-2),var(--accent))}.sparkx{font-family:var(--font-mono);font-size:9px;color:var(--fg-faint)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes growY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes livepulse{0%{box-shadow:0 0 color-mix(in srgb,var(--pulse) 55%,transparent)}70%,to{box-shadow:0 0 0 5px transparent}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 var(--sp-4);border-radius:var(--radius);font-weight:600;font-size:var(--fs-m);transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{box-shadow:0 6px 22px var(--accent-glow)}.btn-ghost{background:var(--bg-raise);border:1px solid var(--line-strong);color:var(--fg)}.btn-ghost:hover{background:color-mix(in srgb,var(--fg) 5%,transparent)}.login{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-6);position:relative}.login-aura{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(600px 380px at 50% 32%,var(--accent-glow),transparent 70%)}.login-card{width:100%;max-width:380px;background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--sp-8) var(--sp-6);box-shadow:var(--sh-3);display:flex;flex-direction:column;gap:var(--sp-3);text-align:center;animation:popIn var(--dur-3) var(--ease-spring) both}.login-mark{width:46px;height:46px;border-radius:13px;margin:0 auto var(--sp-2);background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 24px var(--accent-glow),inset 0 0 0 1px #ffffff26}.login-title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em}.login-sub{color:var(--fg-dim);font-size:var(--fs-m);margin-bottom:var(--sp-3)}.login-form{display:flex;flex-direction:column;gap:var(--sp-2);text-align:left}.login-form input{width:100%;height:42px}.login-form .btn{margin-top:var(--sp-1)}.login-link{color:var(--fg-dim);font-size:var(--fs-s);padding:var(--sp-2)}.login-link:hover{color:var(--fg)}.login-err{color:var(--miss);font-size:var(--fs-s)}.login-or{display:flex;align-items:center;gap:var(--sp-3);color:var(--fg-faint);font-size:var(--fs-xs);margin:var(--sp-1) 0}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:var(--line)}.login-foot{color:var(--fg-faint);font-size:var(--fs-xs);margin-top:var(--sp-6);font-family:var(--font-mono)}.cmdk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:center;align-items:flex-start;background:#06070b80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:overlayIn var(--dur-2) var(--ease) both;padding:12vh var(--sp-4) var(--sp-4)}.cmdk{width:100%;max-width:600px;max-height:60vh;overflow:hidden;display:flex;flex-direction:column;background:var(--overlay);backdrop-filter:saturate(1.8) blur(24px);-webkit-backdrop-filter:saturate(1.8) blur(24px);border:1px solid var(--line-strong);border-radius:var(--r-l);box-shadow:var(--sh-3);animation:popIn var(--dur-2) var(--ease-spring) both}.cmdk-search{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);border-bottom:1px solid var(--line);color:var(--fg-faint)}.cmdk-input{flex:1;border:0;background:none;border-radius:0;box-shadow:none!important;height:52px;font-size:var(--fs-l);padding:0}.cmdk-list{overflow-y:auto;padding:var(--sp-2);display:flex;flex-direction:column;gap:1px}.cmdk-list .row{min-height:44px}.area{display:flex;flex-direction:column;gap:var(--sp-2)}.area-svg{width:100%;height:130px;display:block;overflow:visible}.area-line{animation:draw 1s var(--ease) both}.area-poly{animation:fadeUp var(--dur-3) var(--ease) both}.area-x{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;color:var(--fg-faint)}@keyframes draw{0%{stroke-dasharray:400;stroke-dashoffset:400}to{stroke-dashoffset:0}}.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;background:color-mix(in srgb,var(--fg) 7%,transparent);color:var(--fg-dim);letter-spacing:.01em}.badge .dot{width:6px;height:6px;animation:none!important;box-shadow:none}.badge-neutral{background:color-mix(in srgb,var(--fg) 7%,transparent);color:var(--fg-dim)}.badge-faint{background:color-mix(in srgb,var(--fg) 5%,transparent);color:var(--fg-faint)}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-stall{background:var(--stall-soft);color:var(--stall)}.badge-miss{background:var(--miss-soft);color:var(--miss)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);color:var(--fg-dim)}.empty-icon{font-size:26px;opacity:.5;margin-bottom:var(--sp-1)}.empty-title{font-size:var(--fs-l);font-weight:600;color:var(--fg)}.empty-hint{font-size:var(--fs-s);color:var(--fg-dim);max-width:42ch}.empty-hint a{color:var(--accent);font-weight:600}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);color:var(--fg-dim);transition:color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}.theme-toggle:hover{color:var(--fg);background:color-mix(in srgb,var(--fg) 6%,transparent)}