.account-page{height:auto;min-height:100vh;padding:36px 20px}.account-shell{max-width:1180px;margin:auto}.login-card{max-width:440px;margin:8vh auto;padding:32px}.account-page h1{font-family:var(--display);font-weight:400;font-size:36px;margin:12px 0}.account-page .form{display:grid;gap:16px}.account-page .fld input,.account-page .fld select{width:100%}.account-page .error{color:var(--red);min-height:20px}.admin-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;margin:24px 0}.account-page .card{padding:24px}.account-page .tablewrap{max-height:600px}.account-page td{white-space:normal}.account-page .notice{color:var(--muted);line-height:1.7}.account-page .success{color:var(--green)}@media(max-width:850px){.admin-grid{grid-template-columns:1fr}.account-page{padding:20px 12px}} 

.admin-page{padding-left:272px}.admin-side{position:fixed;inset:0 auto 0 0;width:236px;z-index:10}.admin-page .account-shell{max-width:1180px}.admin-page #apiPanel{margin-top:24px}.admin-page .admin-grid{margin-top:24px}
@media(max-width:860px){.admin-page{padding:20px 12px}.admin-side{position:relative;inset:auto;width:auto;margin:-20px -12px 24px}.admin-side .side-foot{display:flex;margin-top:0}.admin-side .account-menu{flex-direction:row;flex-wrap:wrap}.admin-side .account-role{display:none}}

.admin-embedded{padding:20px;min-height:100vh}.admin-embedded .admin-side{display:none}.admin-embedded .account-shell{max-width:none}.admin-embedded header{padding:0}

#usersPanel{grid-template-columns:minmax(0,1fr)}
.user-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;margin:auto;border:1px solid var(--line2);border-radius:16px;padding:24px;background:var(--card);color:var(--text);box-shadow:0 24px 80px rgba(0,0,0,.55)}
.user-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}
.dialog-heading h2{margin:0}.user-dialog #userError:empty{display:none}.user-dialog .form{grid-template-columns:1fr 1fr}.user-dialog .form>input[type=hidden]{display:none}.user-dialog .form>.notice,.user-dialog .form>.row,.user-dialog .form>.switch{grid-column:1/-1}
@media(max-width:520px){.user-dialog{padding:18px}.user-dialog .form{grid-template-columns:1fr}}

.test-accounts{border-top:1px solid var(--line2);padding-top:18px;margin-top:4px}.test-accounts-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}.test-account-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.test-account-button{padding:10px 8px;border:1px solid var(--line2);border-radius:9px;background:var(--card2);color:var(--text);font-size:12px}.test-account-button:hover,.test-account-button[aria-pressed=true]{border-color:rgba(245,197,66,.5);background:rgba(245,197,66,.08);color:var(--gold)}.test-account-button:disabled{opacity:.4;cursor:not-allowed}.test-accounts small{display:block;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.5}