: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;--ease-out:cubic-bezier(.23, 1, .32, 1);--row-hover:#f1f3f6;--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;--row-hover:#1d2228}}*{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 .summary{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.topbar .right{align-items:center;gap:12px;margin-left:auto;display:inline-flex}.topbar .updated{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.banner{background:var(--banner-bg);color:var(--banner-text);border-radius:var(--radius);transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);margin-bottom:16px;padding:10px 14px;font-weight:600}@starting-style{.banner{opacity:0;transform:translateY(-4px)}}.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,.dot{transition:background-color .2s}.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(min(100%,440px),1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:opacity .2s}.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);padding:12px 0 4px}.env-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.env h3{margin:0;font-size:14px}.env h3 a{color:inherit;text-decoration:none}.env h3 a:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid}@media (hover:hover) and (pointer:fine){.env h3 a:hover{text-decoration:underline}}.env h4{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:10px 0 2px;font-size:11px;font-weight:700}.env h4 .count{letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;margin-left:6px;font-weight:500}.rows{margin:0;padding:0;list-style:none}.row{border-radius:6px;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0 -6px;padding:5px 6px;font-size:13px;display:flex}@media (hover:hover) and (pointer:fine){.row:hover{background:var(--row-hover)}}.row .label{font-weight:600}.row .state{font-variant-numeric:tabular-nums}.row .state.bad{color:var(--down);font-weight:600}.row .meta{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.row .error{color:var(--down);overflow-wrap:anywhere;flex-basis:100%;padding-left:19px;font-size:12px}.tag{border:1px solid;border-radius:999px;padding:0 6px;font-size:11px;font-weight:600;line-height:16px}.tag.healthy{color:var(--up)}.tag.starting{color:var(--degraded)}.tag.unhealthy{color:var(--down)}.empty{color:var(--muted);margin:2px 0 6px;font-size:13px}.dot{border-radius:50%;flex:none;width:9px;height:9px;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;align-items:center;gap:6px;padding:3px 12px;font-size:13px;display:inline-flex}.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;transition:transform .16s var(--ease-out), opacity .16s ease;border:0;padding:10px 12px;font-weight:600}.login button[type=submit]:active:not([disabled]){transform:scale(.97)}.login input:focus-visible{outline:2px solid var(--text);outline-offset:1px}.login button[disabled]{opacity:.6;cursor:default}.test-code{border-radius:var(--radius);border:1px dashed var(--degraded);color:var(--degraded);transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}@starting-style{.test-code{opacity:0;transform:translateY(-4px)}}.test-code-label{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.test-code-value{letter-spacing:.18em;color:var(--text);-webkit-user-select:all;user-select:all;font:600 22px/1 ui-monospace,SFMono-Regular,Menlo,monospace}@media (prefers-reduced-motion:reduce){.banner{transition:opacity .2s}@starting-style{.banner,.test-code{transform:none}}.login button[type=submit]:active:not([disabled]){transform:none}}
