:root{--bg: #0f1115;--surface: #181b21;--border: #2a2f3a;--fg: #e7e9ee;--muted: #9aa3b2;--accent: #4f8cff;--accent-fg: #ffffff;--danger: #ff6b6b;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg)}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.app{min-height:100vh}.topbar{display:flex;align-items:center;gap:2rem;padding:0 1.5rem;height:56px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar .brand{font-weight:700}.topbar .brand span{color:var(--accent)}.topbar nav{display:flex;gap:1rem}.topbar nav a{color:var(--muted);padding:.25rem 0}.topbar nav a.active,.topbar nav a:hover{color:var(--fg)}.topbar .who{margin-left:auto;display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.9rem}main{padding:2rem 1.5rem;max-width:1280px;margin:0 auto}button{cursor:pointer;border:1px solid var(--border);background:var(--accent);color:var(--accent-fg);padding:.5rem 1rem;border-radius:8px;font-size:.9rem}.topbar .who button{background:transparent;color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login .card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2.5rem;max-width:360px;text-align:center}.login h1 span{color:var(--accent)}.login p{color:var(--muted);margin:.5rem 0 1.5rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;margin-left:.4rem}.small{font-size:.8rem;margin-top:.2rem}table.grid{width:100%;border-collapse:collapse;margin-top:1.25rem}table.grid th,table.grid td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}table.grid th{color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}table.grid tbody tr:hover{background:var(--surface)}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;border:1px solid var(--border)}.plan-starter{color:#9aa3b2}.plan-pro{color:#4f8cff;border-color:#2d4d80}.plan-scale{color:#c08cff;border-color:#5a3d80}.state-alpha{color:#ff6b6b;border-color:#7a2d2d}.state-beta{color:#fc6;border-color:#7a662d}.state-mature{color:#6bd28f;border-color:#2d7a4d}.state-deprecated{color:#9aa3b2;text-decoration:line-through}.on{color:#6bd28f}.off{color:var(--muted)}.warn{color:#fc6;font-size:.8rem;margin-left:.5rem}button.danger{background:transparent;color:var(--danger);border-color:#7a2d2d}button.primary{background:var(--accent);color:var(--accent-fg)}form{display:inline-flex;align-items:center;gap:.25rem}.states{display:flex;flex-wrap:wrap;gap:.3rem}button.chip{background:transparent;color:var(--muted);border:1px solid var(--border);padding:.2rem .6rem;font-size:.78rem}button.chip:hover:not(:disabled){color:var(--fg);border-color:var(--accent)}button.chip.current{color:var(--accent-fg);background:var(--accent);border-color:var(--accent);cursor:default}