:root{--fg:#1d2330;--muted:#5b6474;--bg:#fff;--panel:#f3f5f8;--line:#d6dbe3;--accent:#005eb8;--error:#b3261e;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}body{margin:0}main{max-width:1100px;margin:0 auto;padding:16px 24px}main.narrow{max-width:420px;padding-top:48px}h1{margin:0 0 16px;font-size:1.6rem}h2{margin:32px 0 12px;font-size:1.2rem}.topbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:10px 24px;display:flex}.topbar .brand{margin-right:auto;font-weight:600}form{gap:12px;display:grid}form.inline{flex-wrap:wrap;align-items:end;gap:12px;display:flex}label{gap:4px;font-weight:500;display:grid}input{font:inherit;border:1px solid var(--line);border-radius:6px;padding:8px 10px}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;justify-self:start;padding:8px 16px}button.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}button:disabled{opacity:.6;cursor:default}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}th{background:var(--panel);font-weight:600}.muted{color:var(--muted)}.error{color:var(--error);margin:0}