:root{--bg:#f2f4f7;--surface:#fff;--sunk:#e9edf2;--ink:#14202f;--muted:#5b6676;--line:#d8dee6;--accent:#1d5c8c;--accent-ink:#fff;--accent-soft:#e2ecf5;--good:#2d7a4c;--good-soft:#e3f2e8;--warn:#a86a12;--warn-soft:#fbf0dc;--bad:#b8362a;--bad-soft:#fbe6e3;--f-display:"Archivo", "Helvetica Neue", Arial, sans-serif;--f-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--r:6px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e141c;--surface:#161f2a;--sunk:#1c2633;--ink:#e5ebf2;--muted:#94a1b2;--line:#2a3646;--accent:#71a9d8;--accent-ink:#0e141c;--accent-soft:#1b3044;--good:#5dbe85;--good-soft:#173324;--warn:#e3ab4e;--warn-soft:#3a2c13;--bad:#ea7464;--bad-soft:#3d1d19;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e141c;--surface:#161f2a;--sunk:#1c2633;--ink:#e5ebf2;--muted:#94a1b2;--line:#2a3646;--accent:#71a9d8;--accent-ink:#0e141c;--accent-soft:#1b3044;--good:#5dbe85;--good-soft:#173324;--warn:#e3ab4e;--warn-soft:#3a2c13;--bad:#ea7464;--bad-soft:#3d1d19;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);margin:0;font-size:14px;line-height:1.5}.wrap{max-width:1160px;padding-inline:max(16px, env(safe-area-inset-left,0px));margin:0 auto}header.app{background:var(--surface);border-bottom:1px solid var(--line);padding-block:12px}.brand{font-family:var(--f-display);letter-spacing:-.01em;font-size:18px;font-weight:700}.brand b{color:var(--accent)}.muted{color:var(--muted)}h1{font-family:var(--f-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:22px;font-weight:600}.small{font-size:12.5px}p{margin:0}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.user{align-items:center;gap:12px;min-width:0;display:flex}.page{flex-direction:column;gap:16px;padding-block:24px 64px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.empty{flex-direction:column;gap:4px;padding:24px;display:flex}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);padding:12px 16px}.list li:last-child{border-bottom:0}.list .name{font-weight:600}.btn{font:500 14px var(--f-body);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r);cursor:pointer;padding:8px 14px}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.small{padding:4px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.field input{font:15px var(--f-body);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:9px 10px}.field input.code{font-family:var(--f-mono);letter-spacing:.2em;max-width:12ch;font-size:20px}.form-error{background:var(--bad-soft);color:var(--ink);border:1px solid color-mix(in srgb, var(--bad) 40%, transparent);border-radius:var(--r);padding:10px 12px;font-size:13.5px}.signin{min-height:100vh;padding:24px max(16px, env(safe-area-inset-left,0px));place-items:center;display:grid}.signin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:20px;width:100%;max-width:400px;padding:28px 24px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.steps{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.enrol{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.qr{border-radius:var(--r);border:1px solid var(--line);background:#fff;width:200px;max-width:100%;height:200px;padding:8px}.key{font-family:var(--f-mono);color:var(--ink);word-break:break-all;-webkit-user-select:all;user-select:all;font-size:13px}