:root{--text:#5f6673;--text-h:#111827;--bg:#f6f7f9;--surface:#fff;--border:#d9dee7;--code-bg:#eef1f5;--chip:#f4f6f9;--accent:#2563eb;--good:#15803d;--good-soft:#15803d1f;--warning:#b45309;--danger:#b91c1c;--danger-soft:#b91c1c1f;--muted:#9ca3af;--sans:Inter, ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font:16px/1.45 var(--sans);letter-spacing:0;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--text:#aab2c0;--text-h:#f4f7fb;--bg:#101317;--surface:#171b21;--border:#2a3039;--code-bg:#111827;--chip:#202630;--accent:#60a5fa;--good:#4ade80;--good-soft:#4ade8024;--warning:#fbbf24;--danger:#fb7185;--danger-soft:#fb718524;--muted:#6b7280}}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}h1,h2,p{margin-block-start:0}h1,h2{color:var(--text-h);font-weight:750}h1{margin-block-end:0;font-size:clamp(30px,5vw,46px);line-height:1.05}h2{font-size:18px;line-height:1.2}code{background:var(--code-bg);color:var(--text-h);font-family:var(--mono);border-radius:4px;padding:2px 5px;font-size:.9em}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 48px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 0 26px;display:flex}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:700}.topbar h1{margin:0}.api-status{text-align:left;align-items:center;gap:10px;min-width:190px;padding-top:8px;display:flex}.api-status strong,.last-seen strong{color:var(--text-h);font-size:14px;display:block}.api-status span,.last-seen span{color:var(--text);font-size:13px;display:block}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.metric{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-height:74px;padding:14px}.metric span{color:var(--text);margin-bottom:8px;font-size:13px;display:block}.metric strong{color:var(--text-h);font-size:24px;line-height:1;display:block}.metric-good strong{color:var(--good)}.metric-warning strong{color:var(--warning)}.metric-danger strong{color:var(--danger)}.host-list{gap:10px;display:grid}.host-row{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:8px;grid-template-columns:minmax(190px,1.2fr) minmax(360px,2fr) minmax(180px,1fr) minmax(110px,.7fr);align-items:center;gap:16px;padding:16px;display:grid}.host-main{align-items:center;gap:12px;min-width:0;display:flex}.status-dot{background:var(--muted);border-radius:50%;flex:0 0 10px;width:10px;height:10px}.status-dot.online{background:var(--good);box-shadow:0 0 0 4px var(--good-soft)}.status-dot.offline{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.host-main h2{overflow-wrap:anywhere;margin:0 0 2px}.host-main p{color:var(--text);font-family:var(--mono);font-size:13px}.metrics{grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px;display:grid}.host-row .metric{min-height:60px;padding:10px}.host-row .metric strong{font-size:18px}.services{flex-wrap:wrap;gap:6px;display:flex}.services span{border:1px solid var(--border);color:var(--text-h);background:var(--chip);border-radius:999px;padding:4px 8px;font-size:12px;line-height:1.2}.services .empty{color:var(--text)}.last-seen{text-align:right}.empty-state{border:1px dashed var(--border);background:var(--surface);text-align:left;border-radius:8px;padding:28px}.empty-state h2{margin-top:0}.empty-state pre{background:var(--code-bg);color:var(--text-h);font-family:var(--mono);border-radius:8px;margin:18px 0 0;padding:14px;font-size:13px;overflow-x:auto}@media (width<=920px){.topbar{display:grid}.host-row{grid-template-columns:1fr}.summary-grid,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.last-seen{text-align:left}}@media (width<=560px){.app-shell{width:min(100% - 20px,1180px);padding-top:14px}.summary-grid,.metrics{grid-template-columns:1fr}}