:root{--ink:#16213a;--muted:#5d6b82;--line:#dfe5ee;--soft:#f4f7fb;--page:#f6f8fb;--card:#fff;--blue:#1f5fd6;--blue-soft:#e8f0fd;--green:#157a55;--green-soft:#e6f5ee;--amber:#9a5b0c;--amber-soft:#fdf2e1;--red:#b3261e;--red-soft:#fdeceb;--radius:12px}
*{box-sizing:border-box}html{background:var(--page)}body{margin:0;color:var(--ink);font:15px/1.55 "Segoe UI",system-ui,-apple-system,Arial,sans-serif}
a{color:var(--blue);text-underline-offset:3px}h1{font-size:1.75rem;line-height:1.2;margin:0 0 .35rem;letter-spacing:-.01em}h2{font-size:1.05rem;margin:0 0 .75rem}
:focus-visible{outline:3px solid #f0a020;outline-offset:2px}
.top{display:flex;align-items:center;gap:28px;padding:12px 32px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;white-space:nowrap;color:var(--ink);text-decoration:none}.brand strong{display:block;font-size:.98rem}.brand small{display:block;color:var(--muted);font-size:.75rem;margin-top:-2px}
.mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#2b6ae8,#1846a8);color:#fff;font-weight:800}
.primary{display:flex;gap:4px;flex:1}.primary a{padding:8px 12px;border-radius:8px;white-space:nowrap;color:var(--muted);text-decoration:none;font-weight:600;font-size:.92rem}
.primary a:hover{background:var(--soft);color:var(--ink)}.primary a[aria-current]{background:var(--blue-soft);color:var(--blue)}
.account{display:flex;align-items:center;gap:14px;font-size:.88rem;white-space:nowrap;flex-shrink:0}.account .who{color:var(--muted)}.account form{margin:0}.switch{font-weight:600}
main{max-width:1180px;margin:0 auto;padding:28px 32px 64px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin-bottom:18px}
.narrow{max-width:460px;margin:48px auto}.narrowish{max-width:620px}
.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.wide-left{grid-template-columns:3fr 2fr}.grid.tight{gap:14px}
.grid>.card{margin-bottom:0}.grid+.card,.grid+.grid{margin-top:18px}
.page-head{margin-bottom:18px}.muted{color:var(--muted)}small{display:block;color:var(--muted);font-size:.82rem}
.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.licensed{margin:.25rem 0 0;font-size:1rem}.big{font-size:2rem;font-weight:700;margin:.2rem 0 0;line-height:1.1}.big span{font-size:1rem;color:var(--muted);font-weight:500}
.state{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:10px;max-width:440px;background:var(--soft)}.state p{margin:.15rem 0 0;font-size:.9rem}
.state .dot{width:10px;height:10px;border-radius:50%;margin-top:7px;flex:none;background:var(--muted)}
.state.green{background:var(--green-soft)}.state.green .dot{background:var(--green)}.state.amber{background:var(--amber-soft)}.state.amber .dot{background:var(--amber)}
.state.red{background:var(--red-soft)}.state.red .dot{background:var(--red)}.state.blue{background:var(--blue-soft)}.state.blue .dot{background:var(--blue)}
.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--soft);color:var(--muted);margin:0 4px 4px 0}
.pill.green{background:var(--green-soft);color:var(--green)}.pill.amber{background:var(--amber-soft);color:var(--amber)}.pill.red{background:var(--red-soft);color:var(--red)}.pill.blue{background:var(--blue-soft);color:var(--blue)}
.flash{padding:12px 16px;border-radius:10px;margin-bottom:18px;background:var(--green-soft);color:#0f5a3f;font-weight:600}.flash.error{background:var(--red-soft);color:var(--red)}
.stack{display:grid;gap:14px}.stack.compact{gap:8px;margin-top:10px}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
label,.field .label{display:grid;gap:5px;font-weight:600;font-size:.9rem}
input,select{font:inherit;padding:9px 11px;border:1px solid #c5cedc;border-radius:8px;background:#fff;color:var(--ink);width:100%}
input[type=file]{padding:7px;background:var(--soft)}input:focus,select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #1f5fd62a}
button,.button{font:inherit;font-weight:700;padding:9px 16px;border-radius:8px;border:1px solid #c5cedc;background:#fff;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-block}
button:hover,.button:hover{background:var(--soft)}button.primary,.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}button.primary:hover,.button.primary:hover{background:#1a50b6}
button.danger{color:var(--red);border-color:#e8b6b2}button.link{border:0;background:none;padding:0;color:var(--blue);font-weight:600}button.link.danger{color:var(--red)}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th{text-align:left;color:var(--muted);font-weight:600;font-size:.8rem;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}
td.time{white-space:nowrap;color:var(--muted);font-size:.85rem}td.actions{text-align:right;white-space:nowrap}td.actions>*{margin-left:12px;display:inline}td.actions form{display:inline}
.empty{color:var(--muted);padding:6px 0;margin:0}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px 20px;margin:0 0 12px}.facts dt{font-size:.78rem;color:var(--muted);font-weight:600}.facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.mono{font-family:Consolas,monospace;font-size:.85rem}.note{background:var(--soft);border-radius:8px;padding:10px 12px}
.checklist{margin:0;padding:0;list-style:none;display:grid;gap:8px}.checklist li{padding-left:30px;position:relative}.checklist li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;border:2px solid var(--line)}
.checklist li.done{color:var(--muted)}.checklist li.done::before{background:var(--green);border-color:var(--green)}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}.steps li{display:flex;gap:18px;margin:0}.steps .num{flex:none;width:36px;height:36px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:800}
.steps li.done .num{background:var(--green);color:#fff}.steps p{margin:.2rem 0 .8rem}
.device{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:12px}.device.revoked{background:var(--soft)}.device-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}
ul.plain{margin:.3rem 0 .8rem;padding-left:18px;font-size:.9rem}
.editor{border:1px solid #c5cedc;border-radius:8px;overflow:hidden;font-weight:400}.toolbar{display:flex;gap:4px;padding:6px;background:var(--soft);border-bottom:1px solid var(--line)}
.toolbar button{padding:4px 10px;font-size:.88rem}.surface{min-height:220px;padding:14px 16px;outline:none;line-height:1.55}.surface:focus{box-shadow:inset 0 0 0 2px #1f5fd62a}
@media (max-width:1080px){.top{flex-wrap:wrap;padding:10px 16px;gap:10px}.brand{flex:1}.primary{order:3;flex-basis:100%;overflow-x:auto}.account .who{display:none}}
@media (max-width:860px){
main{padding:20px 16px 48px}.grid.two,.grid.three,.grid.wide-left{grid-template-columns:1fr}.hero{flex-direction:column}}