:root{--bg:#f6f3f6;--surface:#fff;--text:#241d26;--muted:#6e6472;--border:#e3dbe4;--accent:#7a4e7e;--accent-text:#fff;--danger:#b3261e;--success:#1d6b3a;--note-bg:#f3ebf4;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin:0 0 .5rem;font-size:1.4rem}h2{margin:0 0 .5rem;font-size:1.1rem}.muted{color:var(--muted)}.small{font-size:.875rem}.center{text-align:center;margin-top:30vh}.error{color:var(--danger);margin:.25rem 0}.success{color:var(--success);margin:.25rem 0}.note{background:var(--note-bg);border-radius:8px;margin:0;padding:.6rem .8rem}input,select,button{font:inherit;font-size:16px}input:not([type=checkbox]),select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:8px;padding:.5rem .75rem}input:disabled,select:disabled{opacity:.6}label{flex-direction:column;gap:.3rem;font-weight:500;display:flex}label.check{flex-direction:row;align-items:center;gap:.6rem;min-height:40px;font-weight:400}label.check input{flex:none;width:20px;height:20px}fieldset{border:1px solid var(--border);border-radius:8px;margin:0;padding:.5rem .75rem}legend{padding:0 .3rem;font-weight:500}button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;padding:.5rem 1rem}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.danger{color:var(--danger);border-color:var(--danger)}button.link{color:var(--accent);background:0 0;border:none;min-height:auto;padding:.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{flex-direction:column;gap:.9rem;width:100%;max-width:380px;display:flex}.auth-card h1,.auth-card p{margin:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.brand{color:var(--accent);font-weight:700;text-decoration:none}.who{align-items:center;gap:.5rem;min-width:0;display:flex}.who-name{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.9rem;overflow:hidden}.tabs{background:var(--surface);border-bottom:1px solid var(--border);gap:.25rem;padding:.5rem 1rem;display:flex;overflow-x:auto}.tabs a{white-space:nowrap;color:var(--text);border-radius:999px;padding:.5rem .8rem;text-decoration:none}.tabs a.active{background:var(--accent);color:var(--accent-text)}.content{max-width:900px;margin:0 auto;padding:1rem}.page-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.page-head h1{margin:0}.tiles{gap:.75rem;margin:1rem 0;display:grid}.tile{color:var(--text);flex-direction:column;gap:.25rem;text-decoration:none;display:flex}.list{flex-direction:column;gap:.5rem;display:flex}.row{text-align:left;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;display:flex}.form{flex-direction:column;gap:.9rem;margin-bottom:1rem;display:flex}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.user{flex-direction:column;gap:.75rem;display:flex}.user.inactive{opacity:.65}.user-controls{gap:.5rem;display:flex}.user-controls select{flex:1}.badge{background:var(--note-bg);color:var(--accent);border-radius:999px;margin-left:.4rem;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.badge.off{color:var(--danger)}.log{flex-direction:column;gap:.2rem;padding:.75rem 1rem;display:flex}.security{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1.5rem;display:flex}.role-text{color:var(--muted);align-self:center}@media (width>=700px){.tiles{grid-template-columns:repeat(3,1fr)}.user{flex-direction:row;justify-content:space-between;align-items:center}.user-controls{min-width:320px}}