#usersDialog{--user-bg:#fff;--user-soft:#fff7ed;--user-text:#172033;--user-muted:#596579;--user-border:#d4c3b3;box-sizing:border-box;width:min(880px,calc(100% - 24px));max-height:92dvh;margin:auto;padding:0;border:1px solid var(--user-border);border-radius:18px;background:var(--user-bg);color:var(--user-text);font:16px 'Segoe UI',Arial,sans-serif;overflow:auto}
#usersDialog::backdrop{background:#000a;backdrop-filter:blur(4px)}
#usersDialog *{box-sizing:border-box}
#usersDialog header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;background:var(--user-bg);border-bottom:1px solid var(--user-border)}
#usersDialog h2,#usersDialog h3{margin:0 0 8px;line-height:1.3;color:var(--user-text)}
#usersDialog header p{margin:0;color:var(--user-muted)}
#usersDialog .users-content{padding:22px;display:grid;gap:22px}
#usersDialog section{padding:18px;border:1px solid var(--user-border);border-radius:12px;background:var(--user-soft)}
#usersDialog label{display:grid;gap:6px;margin:12px 0;color:var(--user-text);font-weight:600}
#usersDialog input:not([type=checkbox]){min-width:0;width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--user-border);border-radius:9px;background:var(--user-bg);color:var(--user-text);font:inherit}
#usersDialog button,#openUsersBtn,.users-account-button{min-height:44px;padding:10px 15px;border:1px solid #a65b1a;border-radius:9px;background:#c56f16!important;color:#fff!important;font:600 15px 'Segoe UI',Arial,sans-serif;cursor:pointer;white-space:normal}
#usersDialog button.secondary{background:var(--user-bg)!important;color:var(--user-text)!important;border-color:var(--user-border)}
#usersDialog button:disabled{opacity:.6;cursor:wait}
#usersDialog button:focus-visible,#usersDialog input:focus-visible{outline:3px solid #ec922e;outline-offset:3px}
#usersDialog .users-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
#usersDialog .users-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
#usersDialog .users-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--user-border)}
#usersDialog .users-row:last-child{border:0}
#usersDialog .users-row strong{display:block;overflow-wrap:anywhere}
#usersDialog .users-row small,#usersDialog .users-help{color:var(--user-muted);line-height:1.55}
#usersDialog .users-check{display:flex;align-items:center;gap:10px}
#usersDialog input[type=checkbox]{width:20px;height:20px;accent-color:#c56f16}
#usersDialog [role=status]{line-height:1.5;margin:0;overflow-wrap:anywhere;color:var(--user-text)}
#usersDialog [role=status][data-error=true]{color:#c32a2a}
#usersDialog [hidden]{display:none!important}
.users-account-button{margin:8px;max-width:100%;overflow-wrap:anywhere}
@media(prefers-color-scheme:dark){#usersDialog{--user-bg:#18181b;--user-soft:#222225;--user-text:#fffaf5;--user-muted:#d4c9bf;--user-border:#664126}#usersDialog [role=status][data-error=true]{color:#fda4af}#adminUsername{background:#202024!important;color:#fff!important;border-color:#775231!important}}
@media(max-width:600px){#usersDialog{width:calc(100% - 16px);max-height:94dvh}#usersDialog header,#usersDialog .users-content{padding:16px}#usersDialog section{padding:14px}#usersDialog .users-form-grid{grid-template-columns:1fr}#usersDialog .users-actions button{flex:1}#usersDialog h2{font-size:21px}.users-account-button{font-size:13px;padding:8px;min-height:40px}}