:root{--bg: #f7f7f8;--fg: #1c1c1e;--muted: #6b6b70;--line: #d9d9de;--accent: #2456d6;--danger: #b3261e;--ok: #1a7f37;--warn: #b58900;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.6rem 1.2rem;background:#fff;border-bottom:1px solid var(--line)}.topbar .brand{font-weight:700;color:var(--fg);text-decoration:none}.topbar nav{display:flex;gap:1rem;flex:1}.topbar nav a{color:var(--muted);text-decoration:none}.topbar nav a.active{color:var(--accent);font-weight:600}.page{max-width:62rem;margin:0 auto;padding:1.2rem}.page-head{display:flex;align-items:center;gap:1rem}.page-head h1{margin:.2rem 0}.narrow{max-width:30rem}.gate{max-width:30rem;margin:4rem auto;padding:0 1rem;text-align:center}.gate-detail{color:var(--muted);white-space:pre-wrap}.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem}.card{background:#fff;border:1px solid var(--line);border-radius:8px}.card-link{display:block;padding:.9rem;color:inherit;text-decoration:none}.card-head{display:flex;justify-content:space-between;align-items:center}.card-slug,.card-image,.card-hostnames{color:var(--muted);margin:.25rem 0;overflow-wrap:anywhere}.status{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.9rem}.status-dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--muted)}.status-running .status-dot{background:var(--ok)}.status-unhealthy .status-dot{background:var(--danger)}.status-stopped .status-dot,.status-created .status-dot{background:var(--warn)}.badge{margin-left:.5rem;padding:.1rem .5rem;border-radius:999px;background:var(--warn);color:#fff;font-size:.75rem}.storage-bar{height:.5rem;border-radius:4px;background:var(--line);overflow:hidden}.storage-fill{height:100%;background:var(--accent)}.storage-fill-high{background:var(--danger)}.storage-text{color:var(--muted);font-size:.85rem}.notice{padding:.6rem .9rem;border-radius:6px;white-space:pre-wrap}.notice-error{background:#fbeae9;color:var(--danger)}.notice-info{background:#e8f0e9;color:var(--ok)}.tabs{display:flex;gap:1rem;border-bottom:1px solid var(--line);margin:1rem 0}.tabs a{padding:.4rem 0;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent}.tabs a.active{color:var(--accent);border-bottom-color:var(--accent)}.facts{display:grid;grid-template-columns:10rem 1fr;gap:.3rem 1rem}.facts dt{color:var(--muted)}.facts dd{margin:0}form label{display:block;margin:.6rem 0;color:var(--muted)}form label input,form label select{display:block;width:100%;max-width:28rem;padding:.45rem;margin-top:.2rem;border:1px solid var(--line);border-radius:6px;font:inherit;color:var(--fg)}form label.check{display:flex;align-items:center;gap:.5rem}form label.check input{width:auto}.inline{display:flex;align-items:flex-end;gap:.8rem;flex-wrap:wrap}.row{display:flex;align-items:flex-end;gap:.8rem;flex-wrap:wrap;border:1px solid var(--line);border-radius:6px;margin:.6rem 0;padding:.6rem}.row label{margin:0}.row label input,.row label select{width:auto}.allocated{color:var(--muted);font-size:.85rem}button{padding:.45rem .9rem;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;font:inherit;cursor:pointer}button[disabled]{opacity:.6;cursor:default}button.danger{background:var(--danger);border-color:var(--danger)}.button{padding:.45rem .9rem;border-radius:6px;background:var(--accent);color:#fff;text-decoration:none}.actions{display:flex;gap:.8rem;flex-wrap:wrap}.logs{background:#101014;color:#e6e6e6;padding:.9rem;border-radius:6px;min-height:12rem;max-height:32rem;overflow:auto;white-space:pre-wrap}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px}th,td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600}.empty{color:var(--muted)}section{margin-bottom:1.6rem}code{background:#eef;padding:.1rem .3rem;border-radius:4px;overflow-wrap:anywhere}