:root{--bg:#f6f7fb;--card:#fff;--ink:#161a2b;--muted:#667085;--line:#e4e7ee;--brand:#5b4bff;--brand-ink:#fff;--ok:#12805c;--warn:#b25e09;--bad:#c0352b}@media (prefers-color-scheme:dark){:root{--bg:#0f1222;--card:#181c31;--ink:#eef0fa;--muted:#98a2b8;--line:#2a2f4a;--brand:#7b6dff;--ok:#4cc9a0;--warn:#f0a24b;--bad:#ff7b70}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--brand);text-decoration:none}h1{font-size:24px;margin:0 0 4px}h2{font-size:17px;margin:0 0 12px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{max-width:960px;margin:0 auto;padding:0 16px 64px}.nav{display:flex;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:24px}.nav .brand{font-weight:700;margin-right:auto;color:var(--ink)}.nav a.active{font-weight:600;text-decoration:underline;text-underline-offset:6px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grow{flex:1 1}.btn{background:var(--brand);color:var(--brand-ink);border:0;border-radius:8px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-within{outline:2px solid var(--brand);outline-offset:2px}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.small{padding:5px 10px;font-size:13px}label{display:block;font-weight:600;margin:12px 0 4px;font-size:14px}input[type=datetime-local],input[type=email],input[type=password],input[type=text],select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}textarea{min-height:90px;resize:vertical}.err{color:var(--bad)}.err,.okmsg{margin:8px 0}.okmsg{color:var(--ok)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--line)}.badge.ok{color:var(--ok)}.badge.bad{color:var(--bad)}.badge.warn{color:var(--warn)}.grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.acct{display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:var(--line);object-fit:cover;flex:none}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.chip{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 11px;font-size:13px;cursor:pointer}.chip.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,transparent)}.chip.off{opacity:.45;cursor:not-allowed}.chip input{margin:0}.bar{height:8px;background:var(--line);border-radius:99px;overflow:hidden;margin-top:8px}.bar>div{height:100%;background:var(--brand);transition:width .2s}.steps{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.step{padding:4px 12px;border-radius:999px;background:var(--line);font-size:13px}.step.on{background:var(--brand);color:var(--brand-ink)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:9px 6px;border-bottom:1px solid var(--line)}@media (max-width:600px){.shell{padding:0 12px 48px}.nav{flex-wrap:wrap;gap:10px 16px}.nav .brand{flex-basis:100%;margin-right:0}.nav .who{display:none}.nav .btn{margin-left:auto}video{max-width:100%}}