:root{--bg:#f6f7f9;--surface:#fff;--border:#e3e6ea;--text:#16191d;--muted:#5f6873;--up:#1f9d55;--degraded:#c98a04;--down:#d23c3c;--unknown:#8a939e;--banner-bg:#fdecec;--banner-text:#8f1f1f;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1215;--surface:#171b20;--border:#2a3038;--text:#e8ebef;--muted:#9aa3ad;--up:#34c473;--degraded:#e3a82b;--down:#ef5b5b;--unknown:#77818c;--banner-bg:#3a1717;--banner-text:#ffc9c9}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1080px;margin:0 auto;padding:20px 16px 48px}.topbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.topbar h1{margin:0;font-size:18px}.topbar .updated{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.banner{background:var(--banner-bg);color:var(--banner-text);border-radius:var(--radius);margin-bottom:16px;padding:10px 14px;font-weight:600}.pill{letter-spacing:.02em;color:#fff;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill.UP{background:var(--up)}.pill.DEGRADED{background:var(--degraded)}.pill.DOWN{background:var(--down)}.pill.UNKNOWN{background:var(--unknown)}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.card.stale{opacity:.55}.card header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.card h2{margin:0;font-size:16px}.env{border-top:1px solid var(--border);grid-template-columns:96px 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.env .name{font-weight:600}.env .name a{color:inherit}.env .detail{color:var(--muted);font-size:13px}.env .detail .line{display:block}.dots{vertical-align:middle;gap:5px;margin-right:8px;display:inline-flex}.dot{border-radius:50%;width:11px;height:11px;display:inline-block}.dot.UP{background:var(--up)}.dot.DEGRADED{background:var(--degraded)}.dot.DOWN{background:var(--down)}.dot.UNKNOWN{background:var(--unknown)}.unlisted{margin-top:28px}.unlisted h2{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:600}.unlisted ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.unlisted li{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px 12px;font-size:13px}.muted{color:var(--muted)}.who{color:var(--muted);font-size:13px}button.link{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.login{max-width:360px;margin:12vh auto 0}.login h1{margin:0 0 20px;font-size:20px}.login form{gap:10px;display:grid}.login label{font-size:14px;font-weight:600}.login input{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 12px}.login button[type=submit]{font:inherit;border-radius:var(--radius);background:var(--text);color:var(--bg);cursor:pointer;border:0;padding:10px 12px;font-weight:600}.login button[disabled]{opacity:.6;cursor:default}