:root{--bg: #0b0f14;--panel: #131a22;--panel-2: #0f151c;--line: #1f2a36;--line-soft: #18222d;--text: #c9d4e0;--text-bright: #eaf1f8;--muted: #5c6b7a;--muted-2: #3d4955;--up: #3fb950;--up-dim: #1c3b24;--down: #ff4d4d;--down-dim: #3a1718;--impacted: #f0a202;--impacted-dim: #3a2c08;--degraded: #d98cff;--unknown: #5c6b7a;--accent: #2dd4bf;--accent-2: #38bdf8;--accent-rgb: 45, 212, 191;--glow: rgba(45, 212, 191, .45);--glass: linear-gradient(158deg, rgba(255, 255, 255, .058), rgba(255, 255, 255, .018));--glass-brd: rgba(255, 255, 255, .09);--glass-hi: rgba(255, 255, 255, .1);--r-lg: 16px;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: "Inter", system-ui, -apple-system, sans-serif;--display: "Space Grotesk", var(--sans);--r: 4px;--shadow: 0 1px 0 rgba(255, 255, 255, .02), 0 8px 24px rgba(0, 0, 0, .4)}:root[data-theme=aurora]{--accent: #2dd4bf;--accent-2: #38bdf8;--accent-rgb: 45, 212, 191;--glow: rgba(45, 212, 191, .45)}:root[data-theme=signal]{--accent: #f5a524;--accent-2: #8b5cf6;--accent-rgb: 245, 165, 36;--glow: rgba(245, 165, 36, .45)}:root[data-theme=verdant]{--accent: #34d399;--accent-2: #a3e635;--accent-rgb: 52, 211, 153;--glow: rgba(52, 211, 153, .45)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 620px at 86% -6%,rgba(var(--accent-rgb),.12),transparent 60%),radial-gradient(820px 600px at -6% 8%,rgba(var(--accent-rgb),.06),transparent 55%),linear-gradient(180deg,#0c121c,var(--bg) 60%);background-attachment:fixed;color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}h1,h2,h3{color:var(--text-bright);font-weight:600;margin:0;font-family:var(--display);letter-spacing:-.01em}button{font-family:var(--sans);cursor:pointer}.mono{font-family:var(--mono)}.ip,.metric-val,.counter{font-family:var(--mono);font-variant-ligatures:none}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}.dot.up{background:var(--up);box-shadow:0 0 6px var(--up)}.dot.down{background:var(--down);box-shadow:0 0 8px var(--down)}.dot.impacted{background:var(--impacted);box-shadow:0 0 6px var(--impacted)}.dot.degraded{background:var(--degraded)}.dot.unknown{background:var(--unknown)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--line)}.pill.up{color:var(--up);border-color:var(--up-dim);background:#3fb9500f}.pill.down{color:var(--down);border-color:var(--down-dim);background:#ff4d4d12}.pill.impacted{color:var(--impacted);border-color:var(--impacted-dim);background:#f0a2020f}.pill.degraded{color:var(--degraded);border-color:#3a2440}.pill.unknown{color:var(--muted)}.panel{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 42%),var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-lg);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);box-shadow:inset 0 1px 0 var(--glass-hi),0 24px 50px -28px #000000b8}input:not([type=checkbox]):not([type=radio]),select,textarea{font-family:var(--sans);font-size:13px;color:var(--text-bright);background:#ffffff0a;border:1px solid var(--glass-brd);border-radius:10px;padding:9px 11px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}input::placeholder,textarea::placeholder{color:var(--muted-2)}select option{background:var(--panel);color:var(--text-bright)}.panel table{width:100%;border-collapse:collapse}.panel thead th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--glass-brd)}.panel tbody td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.panel tbody tr:last-child td{border-bottom:none}.panel tbody tr:hover td{background:rgba(var(--accent-rgb),.05)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:13px;font-weight:500;padding:9px 14px;border-radius:10px;border:1px solid var(--glass-brd);background:#ffffff0a;color:var(--text-bright);cursor:pointer;transition:.15s}.btn:hover{background:#ffffff14}.btn-primary{border:none;color:#06120c;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 20px -8px var(--glow),inset 0 1px #fff6}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:transparent}.btn-danger{color:var(--down);border-color:var(--down-dim);background:#ff4d4d12}.panel.clickable{transition:transform .15s,box-shadow .15s,border-color .15s}.panel.clickable:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.32);box-shadow:inset 0 1px 0 var(--glass-hi),0 28px 60px -28px #000000d1,0 0 32px -12px var(--glow)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}.notif-row:hover{background:var(--panel-2)!important}@media (max-width: 720px){.panel table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.page-pad{padding:14px 16px!important}}