:root{--ink:#1d232b;--muted:#5d6874;--line:#d9dee4;--brand:#1f3a5f;--ok:#1d7a45;--warn:#9a6200;--bad:#b3261e;--bg:#f7f8fa}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font:16px/1.5 system-ui,sans-serif}main{max-width:960px;margin:0 auto;padding:24px 16px}h1{margin:0 0 16px;font-size:1.6rem}h2{margin:24px 0 8px;font-size:1.2rem}a{color:var(--brand)}button{font:inherit;border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;border-radius:6px;padding:8px 14px}button.secondary{color:var(--brand);background:#fff}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;padding:8px}label{margin:12px 0 4px;font-weight:600;display:block}.card{border:1px solid var(--line);background:#fff;border-radius:8px;margin:12px 0;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.muted{color:var(--muted)}.error{color:var(--bad)}.notice{color:var(--ok)}.badge{background:var(--line);border-radius:999px;padding:2px 8px;font-size:.8rem;display:inline-block}