:root{--font-ui:"Chivo","Segoe UI",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--nsi-gradient:linear-gradient(104deg,#e4322b 0%,#9c2a90 36%,#2e3192 66%,#34a9dc 100%)}html[data-mode=dark]{--bg-0:#07090d;--bg-1:#0e1219;--bg-2:#141a23;--bg-3:#1b2230;--line:#1f2733;--line-2:#2c3949;--tx-0:#e8ecf2;--tx-1:#7d8aa0;--tx-2:#4d586b;--accent:#2ea6e0;--accent-bright:#5cc6f5;--accent-dim:#2ea6e029;--accent-tx:#04141c;--ok:#34d399;--warn:#f5b342;--bad:#fb6f70;--fail:#fb6f70;--unknown:#5b6677;--glow:0 0 0 1px #5cc6f54d,0 0 22px #2ea6e047;--grid-line:#465c780f;--scan:#00000005;--vignette:#1e97d414}html[data-mode=light]{--bg-0:#eef1f6;--bg-1:#fff;--bg-2:#f3f6fa;--bg-3:#e6ebf2;--line:#d9e0ea;--line-2:#c3cdd9;--tx-0:#14202e;--tx-1:#56657a;--tx-2:#8593a6;--accent:#1378b4;--accent-bright:#1e97d4;--accent-dim:#1378b41f;--accent-tx:#fff;--ok:#1a9c6e;--warn:#b9791a;--bad:#d8443f;--fail:#d8443f;--unknown:#8593a6;--glow:0 0 0 1px #1378b440,0 0 14px #1378b41f;--grid-line:#465c7812;--scan:#0000;--vignette:#1e97d40d}*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg-0);color:var(--tx-0);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;font-size:14px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--accent-tx)}.grid-bg{background-image:linear-gradient(var(--grid-line)1px,transparent 1px),linear-gradient(90deg,var(--grid-line)1px,transparent 1px),radial-gradient(ellipse 80% 60% at 50% -10%,var(--vignette),transparent 70%);background-size:44px 44px,44px 44px,100% 100%}.scanveil:after{content:"";pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,var(--scan)3px,transparent 4px);position:fixed;inset:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-2);border:3px solid var(--bg-0);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--tx-2)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.micro,.label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--tx-2);font-size:10px;font-weight:500}.label-x{letter-spacing:.02em;color:var(--tx-1);font-size:11px}.dim{color:var(--tx-1)}.faint{color:var(--tx-2)}.accent-tx{color:var(--accent)}.h-display{font-family:var(--font-ui);letter-spacing:-.02em;font-weight:800;line-height:1.05}.panel{background:linear-gradient(180deg,#ffffff03,transparent 120px),var(--bg-1);border:1px solid var(--line);border-radius:6px;position:relative}.panel-inset{background:var(--bg-0);border:1px solid var(--line);border-radius:6px}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 13px;display:flex}.panel-head .micro{color:var(--tx-1)}.hr{background:var(--line);border:0;height:1px}.ticks:before,.ticks:after{content:"";pointer-events:none;border-color:var(--line-2);border-style:solid;width:7px;height:7px;position:absolute}.ticks:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.ticks:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.chip{border:1px solid var(--line);background:var(--bg-2);color:var(--tx-1);white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:inline-flex}.chip-mono{font-family:var(--font-mono);letter-spacing:-.01em;font-size:10.5px}.kv{border:1px solid var(--line);font-family:var(--font-mono);white-space:nowrap;border-radius:4px;align-items:center;font-size:10.5px;display:inline-flex;overflow:hidden}.kv>.k{background:var(--bg-2);color:var(--tx-2);letter-spacing:.04em;padding:2px 6px}.kv>.v{color:var(--tx-0);padding:2px 7px}.badge{letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1.6;font-family:var(--font-mono);border-radius:4px;align-items:center;gap:5px;padding:2px 7px;display:inline-flex}.badge-ok{color:var(--ok);background:color-mix(in oklab,var(--ok)15%,transparent)}.badge-warn{color:var(--warn);background:color-mix(in oklab,var(--warn)15%,transparent)}.badge-bad,.badge-fail{color:var(--bad);background:color-mix(in oklab,var(--bad)15%,transparent)}.badge-accent{color:var(--accent-bright);background:var(--accent-dim)}.badge-mute{color:var(--tx-2);background:var(--bg-2);border:1px solid var(--line)}.dot{border-radius:999px;flex:none;width:7px;height:7px;display:inline-block}.dot-ok{background:var(--ok)}.dot-warn{background:var(--warn)}.dot-bad,.dot-fail{background:var(--bad)}.dot-accent{background:var(--accent)}.dot-unknown{background:var(--unknown)}.glow{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent),0 0 9px 0 color-mix(in srgb,currentColor 55%,transparent)}.live-dot{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.btn{border:1px solid var(--line-2);background:var(--bg-2);color:var(--tx-0);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:12.5px;font-weight:500;transition:background .14s,border-color .14s,box-shadow .14s,transform 60ms;display:inline-flex}.btn:hover{background:var(--bg-3);border-color:var(--tx-2)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-tx);border-color:#0000;font-weight:600}.btn-primary:hover{filter:brightness(1.08);box-shadow:var(--glow)}.btn-ghost{color:var(--tx-1);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-2);color:var(--tx-0)}.btn-sm{padding:5px 9px;font-size:11.5px}.btn-icon{padding:7px}.input{background:var(--bg-0);border:1px solid var(--line);width:100%;color:var(--tx-0);border-radius:5px;outline:none;padding:8px 11px;font-size:13px;transition:border-color .14s,box-shadow .14s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input::placeholder{color:var(--tx-2)}select.input{appearance:none;cursor:pointer}.input-mono{font-family:var(--font-mono);color:var(--accent-bright)}input[type=range].fader{appearance:none;background:var(--bg-3);cursor:pointer;border-radius:999px;outline:none;width:100%;height:4px}input[type=range].fader::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg-1);width:14px;height:14px;box-shadow:var(--glow);cursor:grab;border-radius:3px}input[type=range].fader::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg-1);border-radius:3px;width:14px;height:14px}.kpi{padding:13px 14px}.kpi-val{font-family:var(--font-mono);letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:1}.kpi-lab{margin-top:7px}.tbl{border-collapse:collapse;width:100%}.tbl th{z-index:1;text-align:left;background:var(--bg-1);border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tx-2);-webkit-user-select:none;user-select:none;padding:8px 12px;font-size:10px;font-weight:600;position:sticky;top:0}.tbl td{border-bottom:1px solid var(--line);padding:9px 12px;font-size:12.5px}.tbl tbody tr{cursor:pointer;transition:background .1s}.tbl tbody tr:hover{background:var(--bg-2)}.tbl tbody tr.sel{background:var(--accent-dim)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes blink{50%{opacity:0}}@keyframes sweep{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes hsweep{0%{transform:translate(-100%)}to{transform:translate(420%)}}.fade-up{animation:.4s cubic-bezier(.22,1,.36,1) both fade-up}.fade-in{animation:.4s both fade-in}.caret{background:var(--accent);vertical-align:-2px;width:7px;height:1.05em;animation:1s step-end infinite blink;display:inline-block}.spinner{border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:999px;width:13px;height:13px;animation:.7s linear infinite spin}.sweep-strip{position:relative;overflow:hidden}.sweep-strip:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-bright)50%,transparent),transparent);width:25%;animation:1.6s linear infinite hsweep;position:absolute;inset:0}.scanner{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.scanner:after{content:"";background:linear-gradient(to bottom,transparent,var(--accent-dim),transparent);height:40%;animation:1.4s ease-in-out infinite sweep;position:absolute;left:0;right:0}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grow{flex:1;min-width:0;min-height:0}.wrap{flex-wrap:wrap}[style*=grid-template-columns]>*{min-width:0}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}