:root,:root[data-theme=light]{color-scheme:light;--bg: #f4f7fa;--surface: #ffffff;--text: #1b2733;--muted: #55677a;--border: #cbd5df;--control-border: #8497aa;--primary: #2f6690;--primary-hover: #264f70;--on-primary: #ffffff;--selected: #dbe7f2;--danger: #b3261e;--focus: #2f6690;--warn: #8a5a00}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1720;--surface: #17212c;--text: #e4ebf2;--muted: #9fb0c1;--border: #2a3a4a;--control-border: #5f7488;--primary: #7cadd6;--primary-hover: #8bb8de;--on-primary: #0b1722;--selected: #22384d;--danger: #ff8a80;--focus: #8bb8de;--warn: #e3b04b}:root[data-theme=sepia]{color-scheme:light;--bg: #f4ecd8;--surface: #fbf5e6;--text: #433422;--muted: #6e5a42;--border: #d8c9a8;--control-border: #8f7a58;--primary: #7a4e22;--primary-hover: #603c19;--on-primary: #ffffff;--selected: #eadcbc;--danger: #a1301f;--focus: #7a4e22;--warn: #7a4e00}*{box-sizing:border-box}body{margin:0;font:14px system-ui,sans-serif;color:var(--text);background:var(--bg)}h1,h2{color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}input,select,button{font:inherit;color:var(--text)}input,select{padding:6px 8px;background:var(--surface);border:1px solid var(--control-border);border-radius:4px}button{padding:6px 12px;cursor:pointer;background:var(--surface);border:1px solid var(--control-border);border-radius:4px}button:hover{background:var(--selected)}button:disabled{opacity:.55;cursor:default}form.card button:not(.plain),.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}form.card button:not(.plain):hover:not(:disabled),.primary:hover{background:var(--primary-hover)}button.danger,.error{color:var(--danger)}.card{max-width:380px;margin:10vh auto;padding:24px;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.card h1{margin:0 0 4px;color:var(--primary)}label{display:flex;flex-direction:column;gap:4px}label.inline{flex-direction:row;align-items:center}.corner{position:fixed;top:12px;right:12px}.shell{display:flex;flex-direction:column;height:100vh}header{display:flex;gap:12px;align-items:center;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}header strong{color:var(--primary)}.spacer{flex:1}nav{display:flex;gap:4px}.tab{padding:6px 12px;border-radius:4px;text-decoration:none;color:var(--text)}.tab:hover{background:var(--selected)}.tab.on{font-weight:600;background:var(--selected);color:var(--primary)}.content{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.page{padding:16px 24px}.page.narrow{max-width:860px;width:100%}.layout{display:grid;grid-template:"t t" auto "a m" 1fr / 340px 1fr;flex:1;min-height:0}.toolbar{grid-area:t;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.toolbar input{width:100%}aside{grid-area:a;overflow:auto;border-right:1px solid var(--border);padding:8px;background:var(--surface)}main{grid-area:m;overflow:auto;padding:12px 16px}ul{list-style:none;padding-left:16px;margin:0}aside>ul{padding-left:0}.twist{display:inline-block;width:14px;cursor:pointer;color:var(--muted)}.node{cursor:pointer}.node:hover{color:var(--primary)}.node.sel{font-weight:600;background:var(--selected)}table{border-collapse:collapse;margin-bottom:12px}th{text-align:left;vertical-align:top;padding:4px 12px 4px 0;font-weight:500;color:var(--muted)}td input:not([type=checkbox]):not([type=radio]){display:block;width:420px;max-width:100%;margin-bottom:4px}.list-tools{display:flex;gap:12px;align-items:center;margin-bottom:12px}.search{flex:1;max-width:520px;padding:8px 10px}table.users{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:6px}table.users th,table.users td{padding:8px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}table.users th{color:var(--muted)}table.users tbody tr:hover{background:var(--selected)}button.th{border:0;background:transparent;padding:0;font-weight:600;color:var(--muted)}a{color:var(--primary)}.sub{color:var(--muted);font-size:12px}.empty{text-align:center!important;color:var(--muted);padding:24px!important}.badge{padding:2px 8px;border-radius:10px;font-size:12px;border:1px solid}.badge.on{color:var(--primary);border-color:var(--primary)}.badge.off{color:var(--danger);border-color:var(--danger)}.pager{display:flex;gap:8px;align-items:center;margin:12px 0}.layout{overflow:hidden}.pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.pagehead h2{margin:0 0 4px}.actions,.formactions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.formactions{margin-top:12px}.btn{display:inline-block;padding:6px 12px;border:1px solid var(--control-border);border-radius:4px;background:var(--surface);color:var(--text);text-decoration:none}.btn:hover{background:var(--selected)}a.btn.primary,.btn.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}a.btn.primary:hover{background:var(--primary-hover)}button.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}button.primary:hover:not(:disabled){background:var(--primary-hover)}button.danger{border-color:var(--danger)}button.plain{border:0;background:transparent;padding:2px 6px;color:var(--muted)}button.link{border:0;background:transparent;padding:2px 0;color:var(--primary);text-align:left;text-decoration:underline}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px 20px;margin:16px 0;display:flex;flex-direction:column;gap:10px}.panel h3,.modal h3{margin:0 0 4px}.field{display:grid;grid-template-columns:170px 1fr;gap:8px 12px;align-items:start}.flabel{display:block;padding-top:6px;color:var(--muted)}.fvalue{padding-top:6px}.finputs{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.frow{display:flex;gap:4px;align-items:center;width:100%}.frow input,.frow textarea{flex:1;max-width:420px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--control-border);border-radius:4px;padding:6px 8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}fieldset{border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;gap:6px}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}.chips li{display:inline-flex;align-items:center;gap:2px;background:var(--selected);border-radius:14px;padding:2px 4px 2px 12px}.chips li:not(:has(button)){padding-right:12px}.rowlink{color:var(--primary);font-weight:500}tr.dim td{color:var(--muted)}.right{text-align:right!important}.okmsg{color:var(--primary)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;padding:16px;z-index:10}.modal{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:20px;width:min(480px,100%);display:flex;flex-direction:column;gap:10px}.secret{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--bg);border:1px dashed var(--control-border);border-radius:6px;padding:10px 12px}.secret code{font-size:16px;letter-spacing:.5px;-webkit-user-select:all;user-select:all}.meter{display:flex;align-items:center;gap:8px}.meter .bar{height:6px;border-radius:3px;background:var(--danger);transition:width .2s;min-width:6px}.meter .bar.s2{background:#c98a00}.meter .bar.s3,.meter .bar.s4{background:var(--primary)}.facts{display:grid;grid-template-columns:200px 1fr;gap:4px 12px;margin:0}.facts dt{color:var(--muted)}.facts dd{margin:0;word-break:break-all}.picker{list-style:none;margin:4px 0 0;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.picker button{width:100%;text-align:left;border:0;border-radius:0;background:transparent;padding:8px 12px}.picker button:hover{background:var(--selected)}textarea{font:inherit}@media (max-width: 720px){.field,.facts,.grid2{grid-template-columns:1fr}.layout{grid-template:"t" auto "a" auto "m" 1fr / 1fr}header{flex-wrap:wrap}header nav{flex-wrap:wrap;width:100%;order:10}.list-tools{flex-wrap:wrap}.list-tools input:not([type=checkbox]),.list-tools select{max-width:100%}.content{min-width:0}table.users{display:block;overflow-x:auto;max-width:100%}}.panel>button,.panel>a.btn{align-self:flex-start}.pagehead{margin-bottom:12px}.wizard{max-width:760px;margin:4vh auto;padding:0 16px}.wizard h1{color:var(--primary)}.steps{list-style:none;display:flex;gap:6px;padding:0;margin:0 0 8px;flex-wrap:wrap}.steps li{padding:4px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:13px}.steps li.on{background:var(--primary);color:var(--on-primary);border-color:var(--primary);font-weight:600}.steps li.done{color:var(--primary);border-color:var(--primary)}.setrow{display:grid;grid-template-columns:220px 1fr;gap:6px 14px;align-items:start}.setlabel{display:block;padding-top:6px;color:var(--muted)}.setcontrol{display:flex;flex-direction:column;gap:4px}.setcontrol input:not([type=checkbox]){max-width:460px;width:100%}.checks{display:flex;flex-direction:column;gap:4px}.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.checklist li{display:flex;gap:8px;align-items:baseline}.checklist .ico{font-weight:700;width:18px;text-align:center}.checklist .pass .ico{color:var(--primary)}.checklist .bad .ico,.checklist .bad{color:var(--danger)}.checklist .warn .ico,.checklist .pend .ico{color:#c98a00}.code{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 12px;margin:0;overflow-x:auto}details.advanced{border:1px solid var(--border);border-radius:6px;padding:8px 12px;display:flex;flex-direction:column;gap:8px}details.advanced summary{cursor:pointer;color:var(--primary)}@media (max-width: 720px){.setrow{grid-template-columns:1fr}}.range{display:flex;align-items:center;gap:8px}.range input{width:140px!important}.found{background:var(--selected);border-radius:6px;padding:8px 12px;margin:0}textarea{background:var(--surface);color:var(--text);border:1px solid var(--control-border);border-radius:4px;padding:6px 8px;width:100%;max-width:460px}.found-list{display:inline}.chip{border:1px solid var(--primary);color:var(--primary);background:transparent;border-radius:12px;padding:0 10px;margin:0 2px;font-size:12px}.chip:hover{background:var(--selected)}.plan{border:1px solid var(--primary);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.plan h3{margin:0}.plan ul{margin:0;padding-left:20px;list-style:disc}.subtabs{display:flex;gap:4px;flex-wrap:wrap}.subtabs .tab{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:4px 12px;cursor:pointer}.subtabs .tab.on{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.panel input[type=search]{width:100%;max-width:460px}.panel.row{flex-direction:row;justify-content:space-between;align-items:center}.overlay .pagehead{margin-bottom:0}.overlay h3{margin:0}.plainlist{margin:0;padding-left:20px}.copyhead{display:flex;justify-content:space-between;align-items:baseline}.code{white-space:pre-wrap;word-break:break-all;font-size:12px}h4{margin:4px 0}.warnmsg{color:var(--warn);border-left:3px solid var(--warn);padding-left:10px;margin:4px 0}.plainlist{list-style:disc}ol.plainlist{list-style:decimal}.issues{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.issues li{border-top:1px solid var(--border);padding-top:10px}.version{text-align:center;color:var(--muted);font-size:12px;padding:6px}tr.bad td{color:var(--danger)}.rules{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 14px}.rules ul{margin:4px 0 0;padding-left:18px;list-style:disc}.bulkbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--selected);border:1px solid var(--border);border-radius:6px;padding:8px 12px;margin-bottom:8px}th.check,td.check{width:32px;padding-right:0!important}.photo-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none}.avatar.blank{display:grid;place-items:center;font-size:2rem;background:var(--border);color:var(--text)}.savebar{position:sticky;bottom:0;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:var(--surface);border-top:2px solid var(--primary);margin-top:12px}.savebar span{flex:1;min-width:12rem}
