:root{--bg-0: #07090d;--bg-1: #0d1117;--bg-2: #121821;--bg-3: #1a222e;--bg-4: #232d3b;--line: #1f2a38;--line-2: #2a3749;--line-3: #3b4a60;--fg-0: #e6edf7;--fg-1: #aab4c4;--fg-2: #6d7a8d;--fg-3: #4b5668;--cyan: #4ee1f0;--cyan-dim: #1b6b74;--emerald: #4ae28a;--amber: #ffb84d;--rose: #ff5f7a;--violet: #9d7bff;--blue: #6aa9ff;--cyan-glow: 0 0 24px rgba(78, 225, 240, .35);--rose-glow: 0 0 24px rgba(255, 95, 122, .45);--amber-glow: 0 0 24px rgba(255, 184, 77, .35);--sans: "IBM Plex Sans", "Inter", system-ui, sans-serif;--mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--shadow-1: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px rgba(0, 0, 0, .5);--shadow-2: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 16px 40px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--fg-0);font-family:var(--sans);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}body{min-height:100vh;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input,select{font-family:inherit;color:inherit;background:transparent;border:none;outline:none}::selection{background:#4ee1f04d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:5px;border:2px solid var(--bg-1)}::-webkit-scrollbar-track{background:var(--bg-1)}.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum","zero"}.panel{background:linear-gradient(180deg,var(--bg-2) 0%,#0f141c 100%);border:1px solid var(--line);border-radius:var(--r-md);display:flex;flex-direction:column;position:relative;overflow:hidden}.panel-hd{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);background:#ffffff03;flex-shrink:0}.panel-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-1);font-weight:600}.panel-meta{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--fg-2);font-size:10px;font-family:var(--mono)}.panel-body{flex:1;padding:12px;min-height:0;position:relative}.panel-body.flush{padding:0}.chip{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 8px;border-radius:10px;border:1px solid var(--line-2);background:var(--bg-3);color:var(--fg-1);font-family:var(--mono);font-size:10px;letter-spacing:.04em}.chip .dot{width:6px;height:6px;border-radius:50%;background:var(--fg-2)}.chip.ok{color:var(--emerald);border-color:#4ae28a40;background:#4ae28a0f}.chip.ok .dot{background:var(--emerald);box-shadow:0 0 6px var(--emerald)}.chip.warn{color:var(--amber);border-color:#ffb84d40;background:#ffb84d0f}.chip.warn .dot{background:var(--amber);box-shadow:0 0 6px var(--amber)}.chip.crit{color:var(--rose);border-color:#ff5f7a4d;background:#ff5f7a12}.chip.crit .dot{background:var(--rose);box-shadow:0 0 8px var(--rose)}.chip.info{color:var(--violet);border-color:#9d7bff40;background:#9d7bff0f}.chip.cyan{color:var(--cyan);border-color:#4ee1f040;background:#4ee1f00f}.kpi-val{font-family:var(--mono);font-size:28px;font-weight:500;color:var(--fg-0);letter-spacing:-.01em}.kpi-unit{font-family:var(--mono);font-size:13px;color:var(--fg-2);margin-left:3px}.kpi-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-2)}.kpi-delta{font-family:var(--mono);font-size:11px;color:var(--fg-2)}.kpi-delta.up{color:var(--emerald)}.kpi-delta.down{color:var(--rose)}.btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--r-sm);background:var(--bg-3);border:1px solid var(--line-2);color:var(--fg-1);font-size:12px;transition:all .12s}.btn:hover{background:var(--bg-4);color:var(--fg-0);border-color:var(--line-3)}.btn.primary{background:#4ee1f01f;border-color:#4ee1f066;color:var(--cyan)}.btn.primary:hover{background:#4ee1f033}.btn.danger{background:#ff5f7a1a;border-color:#ff5f7a59;color:var(--rose)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--bg-3);border-color:var(--line-2)}.btn.xs{height:22px;padding:0 8px;font-size:11px}.sev-crit{color:var(--rose)}.sev-warn{color:var(--amber)}.sev-info{color:var(--violet)}.sev-ok{color:var(--emerald)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #ff5f7a80}80%{box-shadow:0 0 0 10px #ff5f7a00}to{box-shadow:0 0 #ff5f7a00}}.pulse-ring{animation:pulse-ring 1.6s infinite}.row{display:flex;gap:12px}.col{display:flex;flex-direction:column;gap:12px}.grid{display:grid;gap:12px}.spark{display:block;width:100%;height:28px}.tbl{width:100%;border-collapse:collapse;font-size:12px}.tbl th{text-align:left;font-weight:500;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);padding:6px 10px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg-2);z-index:1}.tbl td{padding:7px 10px;border-bottom:1px solid var(--line);color:var(--fg-1)}.tbl tr:hover td{background:#ffffff05}.tbl tr.clickable{cursor:pointer}.divider{width:1px;height:18px;background:var(--line-2)}.nav-tab{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;color:var(--fg-1);font-size:13px;border-radius:var(--r-sm);position:relative;transition:color .12s}.nav-tab:hover{color:var(--fg-0)}.nav-tab.active{color:var(--fg-0);background:var(--bg-3)}.nav-tab.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-10px;height:2px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.banner{animation:slide-down .24s ease-out}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer{animation:slide-in-right .24s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .16s ease-out}.placeholder-stripe{background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgba(255,255,255,.025) 6px 12px)}.u-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-dim{color:var(--fg-2)}.u-xdim{color:var(--fg-3)}.u-accent{color:var(--cyan)}.screen-root{min-height:100vh;display:flex;flex-direction:column}.screen-main{flex:1;padding:14px}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:3px;background:var(--bg-3);border:1px solid var(--line-2);border-bottom-width:2px;font-family:var(--mono);font-size:10px;color:var(--fg-1)}:where(button,a):focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:3px}