:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#101217;color:#f4f5f7;line-height:1.55}
*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:0 auto;padding:42px 24px 80px}a{color:#b5bdcf;text-decoration:none}a:hover{text-decoration:underline}header,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}h1{font-size:36px;letter-spacing:-1px;line-height:1.15;margin:12px 0}h2{font-size:22px;margin:0 0 4px}p{color:#aab0bd;margin:8px 0 20px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#ff9571;margin:30px 0 0}section,details{margin-top:28px;padding:26px;background:#191d25;border:1px solid #303644;border-radius:16px}button,select{font:inherit;border-radius:8px;padding:11px 16px}button{border:1px solid transparent;background:#f49a75;color:#1d1715;font-weight:650;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:transparent;border-color:#495163;color:#e3e6ed}button.revoke{background:transparent;color:#ffc4b8;border-color:#734c46}select{color:#eef0f5;background:#11151d;border:1px solid #465064;width:100%;margin-top:6px}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:13px;color:#bec5d1}form button{align-self:end}form .scope{grid-column:1/-1;margin:0}.scope{background:#222938;border-left:3px solid #879be0;padding:14px;color:#dae1f4;font-size:14px}.card{padding:20px 0;border-top:1px solid #343b49}.card:first-child{border-top:0}.card h3{margin:0;font-size:17px}.card p{margin:7px 0;overflow-wrap:anywhere}.meta{font-size:12px;color:#9aa5b7}.actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:16px}.actions select{min-width:160px}.pill{font-size:11px;border:1px solid #52645e;color:#b7dac8;padding:3px 8px;border-radius:20px;margin-left:8px}.focus{outline:2px solid #f49a75;outline-offset:8px;border-radius:8px}#status{padding:14px 0;margin:12px 0 0;min-height:50px}.error{color:#ffb2a2!important}summary{cursor:pointer;font-weight:600}[hidden]{display:none!important}:focus-visible{outline:2px solid #a9b9ff;outline-offset:3px}@media(max-width:650px){main{padding:24px 16px 60px}header{display:block}header button{margin-top:10px}h1{font-size:30px}section,details{padding:18px}form{grid-template-columns:1fr}.section-heading{align-items:start}.actions button{flex:1}}

#status.success{padding:16px;border:1px solid #52645e;border-radius:10px;background:#1d332b;color:#c4edda}details>p{margin-top:16px}