:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#0a0a0a;--surface-2:#111;--border:#1f1f1f;--border-strong:#2e2e2e;--text:#ededed;--muted:#8b8b8b;--accent:#fafafa;--accent-hover:#d6d6d6;--danger:#f87171;--ok:#4ade80;--radius:10px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(60rem 40rem at 50% -10%, #ffffff12, transparent 60%), var(--bg);min-height:100vh;margin:0}.app-body{place-items:center;min-height:100vh;padding:1.5rem 1rem;display:grid}.app-main{width:100%;max-width:400px}.app-main>*+*{margin-top:1.5rem}.app-main:has(.console){max-width:640px}.app-main:has(.dashboard.open){max-width:1100px}.dashboard{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.dashboard.open{grid-template-columns:minmax(0,640px) minmax(0,420px)}.dash-col>*+*{margin-top:1.5rem}.dash-col.side{animation:.25s ease-out slide-in;position:sticky;top:1.5rem}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}}@media (width<=960px){.dashboard.open{grid-template-columns:minmax(0,1fr)}.dash-col.side{position:static}}.console-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.console-head .tabs{margin-bottom:0}.btn-compact{padding:.5rem 1rem;font-size:.9rem}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.row-actions .btn-compact{padding:.4rem .75rem;font-size:.82rem}.danger-outline{color:var(--danger);border-color:#f8717159}.danger-outline:hover:not(:disabled){border-color:var(--danger);background:#f8717114}@media (width<=560px){.manage-row{flex-wrap:wrap}}.list.activity{max-height:520px;overflow-y:auto}.list-row .dot{background:var(--ok);border-radius:50%;flex:none;align-self:flex-start;width:8px;height:8px;margin-top:.45rem}.list-row .dot.bad{background:var(--danger)}.list-row strong{font-weight:600}.forgot-link{align-self:center}.avatar{object-fit:cover;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:50%;flex:none}.avatar.initials{color:var(--text);letter-spacing:.02em;place-items:center;font-weight:600;display:inline-grid}.account-head{align-items:center;gap:.85rem;display:flex}.account-head h2{margin:0}.profile-photo{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.photo-actions{align-items:center;gap:.9rem;display:flex}.field textarea{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;font:inherit;color:inherit;resize:vertical;padding:.7rem .85rem}.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ffffff1f}.field input:disabled{color:var(--muted)}.char-count{text-align:right;color:var(--muted);margin-top:.25rem;font-size:.75rem;display:block}.btn-primary.active{color:var(--text);border-color:var(--border-strong);background:0 0}h3{margin:0 0 .9rem;font-size:1rem;font-weight:600}.tabs{background:var(--bg);border:1px solid var(--border);border-radius:12px;gap:.25rem;margin-bottom:1.25rem;padding:.25rem;display:inline-flex}.tab{color:var(--muted);border:none;border-radius:8px;padding:.4rem .9rem}.tab.active,.tab.active:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.list{border:1px solid var(--border);border-radius:12px;margin:0 0 1.5rem;padding:0;list-style:none;overflow:hidden}.list-row{align-items:center;gap:.6rem;padding:.75rem .9rem;display:flex}.list-row+.list-row{border-top:1px solid var(--border)}.list-main{flex-direction:column;flex:1;min-width:0;display:flex}.list-title{font-weight:500}.list-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.tag{border:1px solid var(--border-strong);white-space:nowrap;border-radius:999px;padding:.1rem .55rem;font-size:.75rem}.tag.muted{color:var(--muted)}.danger-link{color:var(--danger);background:0 0;border:none;padding:.25rem 0;font-weight:500}.danger-link:hover:not(:disabled){background:0 0;text-decoration:underline}.subform{border-top:1px solid var(--border);margin-top:.5rem;padding-top:1.75rem}.hint{font-size:.85rem;margin:0 0 1.5rem!important}button[type=submit].btn-secondary{border-color:var(--border-strong);color:var(--text);background:0 0}button[type=submit].btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:#3d3d3d}.perm-grid{border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem;margin:0;padding:.9rem;display:grid}.perm-grid legend{padding:0 .35rem;font-size:.82rem;font-weight:500}.perm-group{flex-direction:column;gap:.3rem;display:flex}.perm-area{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.check{cursor:pointer;align-items:center;gap:.45rem;font-size:.88rem;display:flex}.check input{accent-color:var(--accent);width:15px;height:15px}.panel,.identity-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;animation:.35s ease-out rise;box-shadow:inset 0 0 0 1px #ffffff05,0 30px 80px -24px #ffffff14,0 24px 60px -20px #000000e6}p.panel[role=status]{color:var(--muted);align-items:center;gap:.75rem;margin:0;display:flex}p.panel[role=status]:before{content:"";border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes spin{to{transform:rotate(360deg)}}h1,h2{letter-spacing:-.025em;margin:0 0 .4rem;font-size:1.5rem;font-weight:600;line-height:1.25}.panel p,.identity-card p{color:var(--muted);margin:0 0 1.25rem}.panel-lead{margin-bottom:1.75rem!important}.view-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}button,select,input{font:inherit;color:inherit}.field{margin-bottom:1rem}.field label{color:var(--text);margin-bottom:.4rem;font-size:.82rem;font-weight:500;display:block}.field input,.field select{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;padding:.7rem .85rem;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#555}.field input:hover,.field select:hover{border-color:#3d3d3d}.field input:focus,.field select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ffffff1f}.field input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 100px var(--bg) inset;caret-color:var(--text)}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--danger)}.field-error{border-radius:var(--radius);background:#f8717114;border:1px solid #f8717140;padding:.6rem .8rem;font-size:.85rem;color:var(--danger)!important;margin:.25rem 0 1rem!important}.form-actions{flex-direction:column;gap:.6rem;margin-top:1.25rem;display:flex}button{border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.7rem 1rem;font-weight:500;transition:background .15s,border-color .15s,opacity .15s}button:hover:not(:disabled){background:var(--surface-2);border-color:#3d3d3d}button[type=submit],.btn-primary{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}button[type=submit]:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.linkish{color:var(--muted);background:0 0;border:none;padding:.25rem 0;font-weight:500}.linkish:hover:not(:disabled){color:var(--text);background:0 0}.notice{border-radius:var(--radius);background:#4ade800f;border:1px solid #4ade8033;padding:.7rem .9rem;font-size:.88rem;color:var(--text)!important}.reset-note{color:var(--muted);margin-top:1rem;font-size:.85rem}.totp-qr{background:#fff;border-radius:12px;width:184px;height:184px;margin:0 auto 1.25rem;padding:10px;display:block}.totp-manual{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:.7rem .9rem;font-size:.88rem}.totp-manual summary{cursor:pointer;color:var(--muted)}.totp-manual summary:hover{color:var(--text)}.totp-manual dl{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:.75rem 0 0;display:grid}.totp-manual dt{color:var(--muted)}.totp-manual dd{word-break:break-all;margin:0}code{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85em}.identity-card dl{grid-template-columns:max-content 1fr;gap:.6rem 1.25rem;margin:1.25rem 0 0;font-size:.9rem;display:grid}.identity-card dt{color:var(--muted)}.identity-card dd{overflow-wrap:anywhere;margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=480px){.panel,.identity-card{padding:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important}}