:root{color-scheme:light dark;--bg:#edf2f7;--panel:#fff;--text:#14243a;--muted:#53647a;--line:#cbd5e1;--accent:#215faa;--error:#a52636}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif}.card{max-width:480px;margin:7vh auto;padding:36px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 70px #18283b12}.wide{max-width:920px}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:1.5px}h1{font-size:30px;margin:12px 0}h2{font-size:21px}p,.note{color:var(--muted)}.note{font-size:13px}label{display:block;margin:18px 0;font-size:14px;font-weight:600}input,select{width:100%;padding:12px;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font:inherit}button{padding:12px 18px;border:0;border-radius:8px;background:var(--accent);color:white;font:600 15px system-ui;cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--accent)}#message,.error{color:var(--error)}section{border-top:1px solid var(--line);margin-top:28px;padding-top:16px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}html[data-theme=dark]{color-scheme:dark;--bg:#0b1420;--panel:#142236;--text:#e4edf8;--muted:#a9bad0;--line:#35485f;--accent:#75abed;--error:#ff9aab}html[data-theme=dark] button{color:#081728}@media(prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark;--bg:#0b1420;--panel:#142236;--text:#e4edf8;--muted:#a9bad0;--line:#35485f;--accent:#75abed;--error:#ff9aab}html:not([data-theme=light]) button{color:#081728}}@media(max-width:520px){.card{margin:18px;padding:24px}}

.settings-sidebar{position:fixed;inset:0 auto 0 0;width:222px;padding:34px 22px;background:var(--panel);border-right:1px solid var(--line)}.settings-brand{font-size:24px;font-weight:700;text-decoration:none}.settings-brand small{font-size:10px;letter-spacing:2px}.settings-sidebar nav{margin-top:36px}.settings-sidebar nav a{display:block;padding:12px;text-decoration:none;color:var(--muted);border-radius:8px;margin:5px 0}.settings-sidebar nav a[aria-current=page]{background:var(--bg);color:var(--accent);font-weight:700}.settings-layout .card{margin-left:254px;margin-right:32px;max-width:920px}input[type=checkbox]{width:auto;display:inline;margin-right:8px}@media(max-width:700px){.settings-sidebar{position:static;width:auto;padding:20px}.settings-sidebar nav{display:flex;flex-wrap:wrap;margin-top:12px}.settings-sidebar nav a{font-size:13px;padding:8px}.settings-layout .card{margin:20px}}
.password-control{position:relative;margin-top:-12px;margin-bottom:18px}.password-control input{padding-right:52px}.password-control button{position:absolute;right:4px;top:11px;padding:8px;background:transparent;color:var(--muted);line-height:0}.password-control button:hover{color:var(--accent)}

.settings-logout{position:absolute;bottom:28px;left:22px;width:178px}@media(max-width:700px){.settings-logout{position:static;width:auto;margin-top:16px}}

.enrollment-indicator{margin-left:auto;text-align:right;font-size:.85rem}dialog{max-width:42rem;width:90%;border-radius:1rem;padding:1.5rem}dialog input{width:100%;box-sizing:border-box}dialog button{margin:.5rem .5rem .5rem 0}