:root{--font-display: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Consolas, monospace;--ease: cubic-bezier(.22, .61, .36, 1);--card-radius: 10px;--wrap: 1240px}:root{--bg: #0c0e12;--bg-dim: #101319;--bg-dark: #080a0d;--surface: #14171e;--surface-2: #181c24;--ink: #f4f6fa;--muted: #aab3c2;--muted-light: #7c8696;--line: #222731;--line-soft: #1b1f27;--accent: #2f95ff;--accent-soft: rgba(47, 149, 255, .12);--accent-glow: rgba(47, 149, 255, .22);--hover-green: #2db200;--header-bg: rgba(8, 10, 13, .85);--status-up: #2db200;--status-up-soft: rgba(45, 178, 0, .14);--status-warn: #e8a33d;--status-warn-soft: rgba(232, 163, 61, .14);--status-down: #e5484d;--status-down-soft: rgba(229, 72, 77, .14);--status-unknown: #7c8696;--status-unknown-soft: rgba(124, 134, 150, .14);--shadow-card: none}:root[data-theme=light]{--bg: #ffffff;--bg-dim: #e9f0f9;--bg-dark: #0c0e12;--surface: #f5f9fe;--surface-2: #e8eff9;--ink: #0d1117;--muted: #49535f;--muted-light: #69727f;--line: #d5dfec;--line-soft: #e3eaf4;--accent-soft: rgba(47, 149, 255, .1);--accent-glow: rgba(47, 149, 255, .18);--header-bg: rgba(255, 255, 255, .82);--status-up: #1f7a00;--status-up-soft: rgba(31, 122, 0, .1);--status-warn: #a86a00;--status-warn-soft: rgba(168, 106, 0, .1);--status-down: #c62a2f;--status-down-soft: rgba(198, 42, 47, .1);--status-unknown: #69727f;--status-unknown-soft: rgba(105, 114, 127, .1);--shadow-card: 0 1px 2px rgba(19, 38, 66, .05), 0 8px 24px -16px rgba(19, 38, 66, .18)}html{color-scheme:dark}:root[data-theme=light]{color-scheme:light}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em}.num,td.num,.stat-value{font-variant-numeric:tabular-nums}:root{--series-1: #2f95ff;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #9085e9;--chart-surface: var(--surface);--chart-grid: rgba(255, 255, 255, .07);--chart-axis: var(--muted-light)}:root[data-theme=light]{--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--series-5: #e87ba4;--series-6: #4a3aa7;--chart-grid: rgba(13, 17, 23, .08)}*,*:before,*:after{box-sizing:border-box}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.boot,.empty{padding:48px 24px;color:var(--muted);text-align:center}.shell{min-height:100vh;background:var(--bg)}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar nav{display:flex;flex-wrap:wrap;gap:4px;flex:1}.topbar nav a{padding:6px 12px;border-radius:8px;color:var(--muted);font-weight:500;white-space:nowrap}.topbar nav a:hover{background:var(--surface-2);color:var(--ink);text-decoration:none}.topbar nav a.active{background:var(--accent-soft);color:var(--accent)}.topbar-right{display:flex;align-items:center;gap:10px}.who{color:var(--muted);font-size:13px}.brand{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--ink);letter-spacing:-.02em}.brand span{color:var(--accent)}.brand-sm{font-size:17px}.brand-sm:hover{text-decoration:none}main{max-width:var(--wrap);margin:0 auto;padding:24px 20px 64px}.page-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.page-head h1{margin:0;font-size:24px}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:8px 16px;font-weight:500}button:disabled{opacity:.6;cursor:default}button.ghost{background:transparent;color:var(--muted);border-color:var(--line)}button.ghost:hover{color:var(--ink);border-color:var(--accent)}input[type=text],input[type=email],input[type=password],input[type=search]{font:inherit;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);min-width:0}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.filters input[type=search]{min-width:260px}.check{display:inline-flex;align-items:center;gap:6px;color:var(--muted);white-space:nowrap}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--accent-soft),var(--bg) 70%)}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:var(--shadow-card)}.login-card h1{margin:0}.login-sub{margin:0 0 16px;color:var(--muted)}.login-card label{font-size:13px;color:var(--muted);margin-top:8px}.login-card button{margin-top:20px}.form-error{color:var(--status-down);font-size:13px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);padding:18px;margin-bottom:20px;box-shadow:var(--shadow-card)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h2{margin:0;font-size:15px;font-weight:600}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.tiles-sm{margin:12px 0 0}.tile{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--card-radius);padding:14px 16px}.tile-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-light)}.stat-value{font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1.25;margin-top:4px;word-break:break-word}.tile-sub{font-size:12px;color:var(--muted)}.tile-warn{border-color:var(--status-warn)}.tile-down{border-color:var(--status-down)}.facts{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:12px 0;font-size:13px}.facts dt{color:var(--muted-light)}.facts dd{margin:0}.meters{display:grid;gap:8px;margin:12px 0}.meters label{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.pill-up{color:var(--status-up);background:var(--status-up-soft)}.pill-warn{color:var(--status-warn);background:var(--status-warn-soft)}.pill-down{color:var(--status-down);background:var(--status-down-soft)}.pill-unknown{color:var(--status-unknown);background:var(--status-unknown-soft)}.meter{display:flex;align-items:center;gap:8px;min-width:120px}.meter-track{flex:1;height:6px;border-radius:999px;background:var(--line);overflow:hidden}.meter-fill{height:100%;border-radius:999px}.meter-up{background:var(--status-up)}.meter-warn{background:var(--status-warn)}.meter-down{background:var(--status-down)}.meter-value{font-size:12px;color:var(--muted);min-width:34px;text-align:right}.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:12px 0 0}.chips li{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--bg-dim);font-size:12px}.chip-client{color:var(--muted-light);font-size:11px}.ver{font-family:var(--font-mono);font-size:12px;padding:1px 6px;border-radius:5px;background:var(--accent-soft);color:var(--accent)}.code-badge{font-family:var(--font-mono);font-size:12px;padding:3px 9px;border-radius:6px;border:1px solid var(--line);color:var(--muted)}.tag{margin-left:6px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:1px 5px;border-radius:4px;background:var(--surface-2);color:var(--muted-light)}.tag-warn{background:var(--status-warn-soft);color:var(--status-warn)}.notice{margin:10px 0;padding:8px 12px;border-radius:8px;background:var(--bg-dim);border:1px solid var(--line);color:var(--muted);font-size:13px}.notice-bad{border-color:var(--status-down);color:var(--status-down)}.table-scroll{overflow-x:auto;margin:0 -18px;padding:0 18px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{text-align:left;padding:8px 12px 8px 0;border-bottom:1px solid var(--line-soft);vertical-align:top}.data-table th{color:var(--muted-light);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table tbody tr:hover{background:var(--surface-2)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.matrix th[scope=row]{text-transform:none;font-size:13px;color:var(--ink);font-weight:500}.row-drift{background:var(--status-warn-soft)}.mono{font-family:var(--font-mono);font-size:12px}.muted{color:var(--muted-light)}.small{font-size:12px}.failures,.runs,.drift{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13px}.failures li,.runs li{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:20px}.chart{position:relative;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);padding:14px 16px;box-shadow:var(--shadow-card)}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.chart-title{font-family:var(--font-display);font-weight:600;font-size:14px}.chart-toggle{background:transparent;border:1px solid var(--line);color:var(--muted);padding:2px 10px;font-size:12px}.chart-empty{color:var(--muted-light);font-size:13px;padding:24px 0;text-align:center}.chart-svg{width:100%;height:auto;display:block;touch-action:none}.grid{stroke:var(--chart-grid);stroke-width:1}.axis-label{fill:var(--chart-axis);font-size:10px;font-family:var(--font-body)}.crosshair{stroke:var(--muted-light);stroke-width:1;stroke-dasharray:3 3}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;list-style:none;margin:0 0 6px;padding:0;font-size:12px;color:var(--muted)}.chart-legend li{display:inline-flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.chart-tooltip{position:absolute;top:12px;right:16px;display:grid;gap:2px;padding:8px 10px;border-radius:8px;background:var(--bg-dark);border:1px solid var(--line);color:var(--ink);font-size:12px;pointer-events:none;box-shadow:0 8px 24px -12px #00000080}.chart-tooltip span{display:inline-flex;align-items:center;gap:6px}@media(max-width:640px){.topbar{gap:10px;padding:10px 16px}main{padding:16px 16px 48px}.filters input[type=search]{min-width:0;width:100%}.table-scroll{margin:0 -16px;padding:0 16px}}.server-clients{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.client-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:500}.client-badge .count{font-variant-numeric:tabular-nums;color:var(--muted);background:var(--surface);border-radius:999px;padding:0 6px;font-weight:400}.client-badge .guest{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--status-warn)}.sso-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:8px;background:var(--surface-2);color:var(--ink);border-color:var(--line)}.sso-button:hover{border-color:var(--accent)}.ms-logo{display:grid;grid-template-columns:9px 9px;grid-template-rows:9px 9px;gap:2px}.ms-logo i:nth-child(1){background:#f25022}.ms-logo i:nth-child(2){background:#7fba00}.ms-logo i:nth-child(3){background:#00a4ef}.ms-logo i:nth-child(4){background:#ffb900}.sso-hint{margin:6px 0 0;font-size:12px;color:var(--muted-light);text-align:center}.or{display:flex;align-items:center;gap:10px;margin:18px 0 2px;font-size:12px;color:var(--muted-light)}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}