:root{color-scheme:light;--surface-0: #f4f4f2;--surface-1: #fcfcfb;--surface-2: #eeeeeb;--border: #dcdcd7;--border-strong: #c4c4bd;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #7d7c77;--series-1: #2a78d6;--series-2: #008300;--series-3: #e87ba4;--series-4: #eda100;--status-good: #0ca30c;--status-warning: #fab219;--status-critical: #d03b3b;--status-unknown: #9a9a93;--grid: #e5e5e1;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgb(0 0 0 / .05), 0 4px 12px rgb(0 0 0 / .04);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--surface-0: #111110;--surface-1: #1a1a19;--surface-2: #232322;--border: #33332f;--border-strong: #4a4a45;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #8f8e85;--series-1: #3987e5;--series-2: #008300;--series-3: #d55181;--series-4: #c98500;--grid: #2b2b29;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 4px 14px rgb(0 0 0 / .3)}}:root[data-theme=dark]{color-scheme:dark;--surface-0: #111110;--surface-1: #1a1a19;--surface-2: #232322;--border: #33332f;--border-strong: #4a4a45;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #8f8e85;--series-1: #3987e5;--series-2: #008300;--series-3: #d55181;--series-4: #c98500;--grid: #2b2b29;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 4px 14px rgb(0 0 0 / .3)}*{box-sizing:border-box}body{margin:0;background:var(--surface-0);color:var(--text-primary);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input,select{font:inherit}.app{max-width:1400px;margin:0 auto;padding:20px 20px 60px}.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.brand{display:flex;align-items:baseline;gap:10px}.brand h1{margin:0;font-size:21px;font-weight:700;letter-spacing:-.01em}.brand span{color:var(--text-muted);font-size:12px}.spacer{flex:1}.btn{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 13px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn.primary{background:var(--series-1);border-color:var(--series-1);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--status-critical)}.tiles{display:grid;gap:12px;margin-bottom:22px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tile{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:15px 17px;box-shadow:var(--shadow)}.tile .label{color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.tile .value{font-size:30px;font-weight:700;line-height:1.15;margin-top:5px;font-variant-numeric:tabular-nums}.tile .sub{color:var(--text-muted);font-size:12px;margin-top:3px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px}.card>header{display:flex;align-items:center;gap:10px;padding:13px 17px;border-bottom:1px solid var(--border)}.card>header h2{margin:0;font-size:14px;font-weight:650}.card>.body{padding:17px}.grid-2{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:1000px){.grid-2{grid-template-columns:3fr 2fr}}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 6px;border-radius:999px;font-size:11.5px;font-weight:650;white-space:nowrap}.pill .glyph{font-size:9px;line-height:1}.pill.up{background:color-mix(in srgb,var(--status-good) 15%,transparent);color:var(--status-good)}.pill.degraded{background:color-mix(in srgb,var(--status-warning) 20%,transparent);color:color-mix(in srgb,var(--status-warning) 78%,var(--text-primary))}.pill.down{background:color-mix(in srgb,var(--status-critical) 15%,transparent);color:var(--status-critical)}.pill.unknown{background:var(--surface-2);color:var(--text-muted)}.beats{display:flex;gap:2px;align-items:flex-end;height:26px}.beat{flex:1;min-width:2px;border-radius:2px;background:var(--status-unknown)}.beat.up{background:var(--status-good)}.beat.degraded{background:var(--status-warning)}.beat.down{background:var(--status-critical)}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;padding:8px 14px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr[aria-selected=true]{background:color-mix(in srgb,var(--series-1) 10%,transparent)}.num{font-variant-numeric:tabular-nums;text-align:right}.mono{font-family:var(--mono);font-size:12px;color:var(--text-secondary)}.dim{color:var(--text-muted)}.wrap-x{overflow-x:auto}.tabs{display:flex;gap:4px}.tab{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:5px 11px;font-size:12.5px;font-weight:550;color:var(--text-secondary)}.tab[aria-pressed=true]{background:var(--surface-2);border-color:var(--border);color:var(--text-primary)}.tooltip{background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:9px 11px;box-shadow:var(--shadow);font-size:12.5px;line-height:1.55}.tooltip .t-title{color:var(--text-muted);font-size:11px;margin-bottom:3px}.empty{padding:34px;text-align:center;color:var(--text-muted)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary)}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block;margin-right:5px}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);color:var(--text-primary);padding:0;box-shadow:0 20px 50px #0000004d;width:min(520px,92vw)}dialog::backdrop{background:#00000073}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:flex;flex-direction:column;gap:4px}.field.full{grid-column:1 / -1}.field label{font-size:11.5px;font-weight:600;color:var(--text-secondary)}.field input,.field select{background:var(--surface-0);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 9px}.field input:focus,.field select:focus{outline:2px solid var(--series-1);outline-offset:-1px}.mini{background:var(--surface-0);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:4px 7px;font-size:12.5px;max-width:100%}.mini:focus{outline:2px solid var(--series-1);outline-offset:-1px}