:root{color-scheme:light dark;--bg:#0f1419;--surface:#1a2332;--border:#2d3a4f;--text:#e8edf4;--muted:#8b9cb3;--accent:#3b82f6;--up:#22c55e;--down:#ef4444;--unknown:#f59e0b}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(ellipse at top,#1e293b 0,var(--bg) 55%);color:var(--text)}main{max-width:720px;margin:0 auto;padding:3rem 1.25rem 4rem}h1{margin:0 0 .35rem;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.lead{margin:0 0 2rem;color:var(--muted);line-height:1.5}.grid{display:grid;grid-gap:1rem;gap:1rem}.card{display:block;padding:1.1rem 1.25rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--accent);transform:translateY(-1px)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.card h2{margin:0;font-size:1.1rem}.badge{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:999px;white-space:nowrap}.badge-up{background:color-mix(in srgb,var(--up) 20%,transparent);color:var(--up)}.badge-down{background:color-mix(in srgb,var(--down) 20%,transparent);color:var(--down)}.badge-unknown{background:color-mix(in srgb,var(--unknown) 20%,transparent);color:var(--unknown)}.card p{margin:0;font-size:.92rem;line-height:1.45}.card p,.latency{color:var(--muted)}.latency{margin-top:.55rem;font-size:.78rem}.empty{color:var(--muted);padding:2rem;text-align:center;border:1px dashed var(--border);border-radius:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:720px;margin:0 auto;padding:1.25rem 1.25rem 0}.site-title{font-weight:600;color:var(--muted);font-size:.9rem}.auth-bar{display:flex;align-items:center;gap:.65rem}.auth-email,.auth-status{font-size:.82rem;color:var(--muted)}.card-static{cursor:default}.card-static:hover{transform:none}.card-title-link{color:inherit;text-decoration:none}.card-title-link:hover{color:var(--accent)}.badges{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.badge-infra{font-size:.68rem}.badge-infra-running{background:color-mix(in srgb,var(--up) 20%,transparent);color:var(--up)}.badge-infra-stopped{background:color-mix(in srgb,var(--down) 20%,transparent);color:var(--down)}.badge-infra-pending{background:color-mix(in srgb,var(--unknown) 20%,transparent);color:var(--unknown)}.badge-infra-unknown{background:color-mix(in srgb,var(--muted) 20%,transparent);color:var(--muted)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--border)}.btn{font-size:.82rem;font-weight:600;padding:.35rem .75rem;border-radius:8px;border:1px solid var(--border);cursor:pointer;transition:opacity .15s,background .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 35%,transparent)}.btn-danger{background:color-mix(in srgb,var(--down) 15%,transparent);color:var(--down);border-color:color-mix(in srgb,var(--down) 35%,var(--border))}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--down) 25%,transparent)}.btn-secondary{background:transparent;color:var(--muted)}.btn-secondary:hover{color:var(--text);border-color:var(--accent)}.control-error{margin:0;font-size:.78rem;color:var(--down);width:100%}.infra-details{display:grid;grid-gap:.45rem;gap:.45rem;margin-top:.75rem;padding:.65rem .75rem;border-radius:8px;background:color-mix(in srgb,var(--bg) 40%,transparent);border:1px solid var(--border)}.infra-component{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;font-size:.78rem}.infra-component-label{font-weight:600;color:var(--muted);min-width:2.25rem}.infra-component-state{font-weight:600}.infra-component-detail{color:var(--muted)}.component-running .infra-component-state{color:var(--up)}.component-stopped .infra-component-state{color:var(--down)}.component-pending .infra-component-state{color:var(--unknown)}.component-unknown .infra-component-state{color:var(--muted)}.transition-bar{margin-top:.25rem}.transition-bar-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--border) 80%,transparent);overflow:hidden}.transition-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--unknown));transition:width .4s ease}.transition-bar-label{display:block;margin-top:.3rem;font-size:.72rem;color:var(--muted)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 4rem);padding:2rem 1.5rem;text-align:center}.login-page h1{margin:0 0 .5rem;font-size:1.75rem}.login-page .lead{max-width:28rem;margin:0 0 1.5rem}.login-btn{font-size:.95rem;padding:.55rem 1.25rem}.login-error{margin:0 0 1rem;padding:.65rem 1rem;border-radius:8px;background:color-mix(in srgb,var(--down) 15%,transparent);color:var(--down);font-size:.88rem;max-width:28rem}