.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#eaf0ff,transparent 65%),var(--paper)}
.login-card{width:min(100%,420px);padding:36px;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 18px 60px #2036600d}
.login-card h1{font-size:28px}.login-card label,.user-form label{display:grid;gap:7px;font-size:13px;color:var(--muted)}
.login-card form{display:grid;gap:18px;margin-top:28px}.login-card input,.user-form input,.user-form select{min-width:0;width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;font:inherit;background:white;color:var(--ink)}
.login-help{font-size:12px;line-height:1.8;color:var(--muted);margin:22px 0 0}#message,.user-message{font-size:13px;min-height:20px;white-space:pre-wrap;color:var(--red)}
.users-page{max-width:1100px}.user-form{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.user-form label{flex:1;min-width:160px}.user-form button{flex:none}.user-form fieldset{display:contents}.user-list{overflow:auto}.user-list table{width:100%;border-collapse:collapse}.user-list th,.user-list td{padding:16px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.user-list td button{margin-right:8px}.account-info{color:var(--muted);font-size:13px}.user-editor{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.user-editor label.check{display:flex;align-items:center;gap:8px;flex:0 0 auto}.user-editor input[type=checkbox]{width:auto}