.preview-switch{margin-bottom:25px}.admin-entry{margin-top:20px}.admin-section{max-width:950px;margin:28px auto;padding:30px;border:1px solid #456473;border-radius:18px;background:#061923e8}
.admin-section[hidden],.member-card [hidden]{display:none!important}.member-row h2{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.member-row h2 .badge{margin-left:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}
.badge.pending{border-color:#c4ab71;color:#ffe9b7;background:#4b3d2255}
@media(max-width:600px){.admin-section{padding:20px}.masthead{padding:20px}.member-card{padding:24px}}
.membership-check{display:flex;align-items:flex-start;gap:12px;margin:24px 0 4px;line-height:1.5}.membership-check input{width:22px;height:22px;flex:none;margin:2px 0 0;accent-color:#9be6f4}
.password-settings{margin-top:24px;padding-top:18px;border-top:1px solid #7cb3c24d}.password-settings summary{cursor:pointer;color:#c5ebf4;font-weight:700}.password-settings form{display:grid;gap:9px;margin-top:16px}.password-settings label{margin-top:8px;font-size:14px}.password-settings input{width:100%}.password-settings button{justify-self:start;margin-top:6px}
.preview-switch[hidden]{display:none!important}.auth-route{margin:22px 0 0;text-align:center;color:#b9d6df;line-height:1.7}.auth-route a{color:#9fe4f2;text-underline-offset:4px;font-weight:700}.remember-option{margin-top:20px}
.avatar-settings{display:flex;align-items:center;gap:20px;margin:24px 0;padding:18px;border:1px solid #73b4c36b;border-radius:14px;background:#071d2b}
.avatar-preview{width:100px;height:100px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid #8bd4e29c;border-radius:50%;background:linear-gradient(145deg,#265165,#0b2637);color:#bcecf5;font-size:40px}
.avatar-preview img{width:100%;height:100%;object-fit:cover}
.avatar-controls{min-width:0}.avatar-controls strong{display:block;color:#e3f8fc;font-size:18px}.avatar-controls p{margin:6px 0 12px;color:#b6d0da;line-height:1.6;font-size:13px}.avatar-picker{position:relative;overflow:hidden;cursor:pointer}.avatar-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.avatar-picker:focus-within{outline:3px solid #b1f4fa;outline-offset:4px}.avatar-controls #avatarMessage{margin:10px 0 0}
@media(max-width:500px){.avatar-settings{gap:14px;padding:14px}.avatar-preview{width:76px;height:76px}.avatar-controls strong{font-size:16px}}
