:root{font-family:Segoe UI,Arial,sans-serif;color-scheme:dark;background:#14171d;color:#edf0f5}*{box-sizing:border-box}body{margin:0;padding:28px}main{max-width:480px;margin:6vh auto;padding:28px;border:1px solid #414650;border-radius:14px;background:#23272f}body[data-screen=admin] main{max-width:980px;margin:20px auto}h1{font-size:23px;margin-top:0}h2{font-size:17px}p,.note{color:#b5bfcd;font-size:14px;line-height:1.7}form{display:grid;gap:15px;margin:18px 0}label{display:grid;gap:6px;font-size:14px;color:#cad1dc}input,select,button{font:inherit;border:1px solid #4a515e;border-radius:7px;padding:11px;background:#151920;color:#fff;min-width:0}button{cursor:pointer;background:#e4aa51;color:#171717;font-weight:600}button:disabled{opacity:.5;cursor:default}a{color:#efb963}#message{white-space:pre-wrap;line-height:1.6;color:#f3bc79;min-height:24px;font-size:14px}header{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}nav{display:flex;gap:15px}section.user{border:1px solid #414650;border-radius:10px;padding:18px;margin:14px 0}.user form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.user form button{align-self:end}.user h2{margin-top:0}.status{font-size:13px;color:#abb5c3}.check{display:flex;align-items:center;gap:7px}.check input{width:18px;height:18px}details{margin-top:10px}summary{cursor:pointer;color:#efb963}body[data-screen=admin] #message{position:sticky;top:0;background:#23272f;padding:12px;border-radius:7px;z-index:2}@media(max-width:650px){body{padding:12px}.user form{grid-template-columns:1fr}main{padding:20px}}
:root .activity{padding:12px;background:#161b22;border-radius:7px;line-height:1.8;font-size:13px;color:#b5bfcd}
:root .activity.online{border-left:3px solid #81c797;color:#b7dfc0}
.delete-user-button{background:#52292e;color:#ffd0d4;border-color:#a1535c;margin-top:14px}
.delete-user-dialog{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;padding:24px;border:1px solid #555e6b;border-radius:14px;background:#23272f;color:#edf0f5;box-shadow:0 20px 70px #0008}
.password-field{display:flex;align-items:stretch;gap:8px;min-width:0}
.password-field input{flex:1;width:0;min-width:0}
.password-visibility{flex:0 0 65px;padding:8px;background:#343b46;color:#edf0f5;font-size:13px}
.password-visibility:focus-visible{outline:2px solid #efb963;outline-offset:2px}
.signed-in-account{margin:0 0 18px;padding:10px 14px;border:1px solid #414650;border-radius:7px;color:#efb963;overflow-wrap:anywhere}
.delete-user-dialog::backdrop{background:#0009}
.delete-user-dialog p{line-height:1.7}
.delete-user-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.delete-user-actions .delete-user-button{margin:0}
