:root{--bg:#f6f7fb;--card:#fff;--ink:#101828;--muted:#475467;--line:#d0d5dd;--brand:#0b4f6c;--brand-2:#0f766e;--ok:#05603a;--warn:#b54708}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(180deg, #edf2f7 0%, var(--bg) 35%, #f8fafc 100%);margin:0;font-family:Segoe UI,Helvetica Neue,sans-serif}main{max-width:900px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:16px}h1,h2{margin-top:0}label{margin-bottom:6px;font-size:14px;display:block}input,button{border:1px solid var(--line);border-radius:10px;width:100%;padding:10px 12px;font-size:14px}button{background:var(--brand);color:#fff;cursor:pointer;border:none}button.secondary{background:var(--brand-2)}a.button-link{background:var(--brand-2);color:#fff;border-radius:10px;padding:10px 14px;text-decoration:none;display:inline-block}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.code{color:var(--muted);word-break:break-all;font-family:Consolas,Courier New,monospace;font-size:13px}.status-ok{color:var(--ok)}.status-warn{color:var(--warn)}@media (max-width:720px){.grid{grid-template-columns:1fr}}