:root{--bg: #0f1115;--surface: #1a1d24;--border: #2a2e38;--text: #e6e8ec;--muted: #8b909c;--accent: #6c8cff;--danger: #e5484d;--ok: #30a46c;--warn: #f5a623;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.center{min-height:100vh;display:grid;place-items:center}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}button,.button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:.5rem .9rem;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:not-allowed}button.ghost,.button.ghost{background:transparent;color:var(--text);border-color:var(--border)}button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}input{font:inherit;width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.signin{width:min(360px,90vw);display:flex;flex-direction:column;gap:.75rem}.signin h1{margin:0}.dashboard{max-width:900px;margin:0 auto;padding:1.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.topbar-actions{display:flex;gap:.6rem}.topbar-user{display:flex;align-items:center;gap:.75rem}.pod-list{list-style:none;padding:0;margin:0;display:grid;gap:.85rem}.pod-card{display:flex;flex-direction:column;gap:.6rem}.pod-head{display:flex;align-items:center;justify-content:space-between}.pod-name{font-weight:600;font-size:1.05rem}.pod-actions{display:flex;align-items:center;gap:.6rem}.newpod-card{display:flex;flex-direction:column;gap:.75rem;border-style:dashed}.newpod-fields{display:flex;flex-direction:column;gap:.5rem}.newpod-fields label{display:flex;flex-direction:column;gap:.25rem}.newpod-fields p{margin:0}select{font:inherit;padding:.5rem .6rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}select:disabled{opacity:.5}@media(max-width:480px){.newpod-fields{grid-template-columns:1fr}}.pod-meta{display:grid;grid-template-columns:auto 1fr;gap:.2rem .75rem;margin:0;font-size:.9rem}.pod-meta>div{display:contents}.pod-meta dt{color:var(--muted)}.pod-meta dd{margin:0;text-align:right}.badge{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border)}.status-running{color:var(--ok);border-color:var(--ok)}.status-starting,.status-stopping{color:var(--warn);border-color:var(--warn)}.status-error{color:var(--danger);border-color:var(--danger)}.status-stopped{color:var(--muted)}.inactive-pods{margin-top:1rem}.inactive-pods summary{cursor:pointer;color:var(--muted);font-size:.9rem;padding:.5rem 0;list-style:none}.inactive-pods summary::-webkit-details-marker{display:none}.inactive-pods summary:before{content:"▸";display:inline-block;margin-right:.4rem;transition:transform .15s ease}.inactive-pods[open] summary:before{transform:rotate(90deg)}.inactive-pods .pod-list{margin-top:.6rem}