.hidden{display:none!important}
.auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,#e9f2ff 0,transparent 34%),radial-gradient(circle at 85% 80%,#fff0c9 0,transparent 30%),#f5f7fa}
.auth-card{width:min(460px,100%);background:#fff;border:1px solid #e1e7ef;border-radius:24px;padding:34px;box-shadow:0 24px 70px #17212b1c}
.auth-brand{display:flex;align-items:center;gap:13px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.auth-brand img{width:48px;height:48px;border-radius:14px;object-fit:cover}.auth-brand b,.auth-brand small{display:block}.auth-brand small{margin-top:4px;color:var(--muted)}
.auth-heading{padding:28px 0 18px}.auth-heading small{color:var(--blue);font-weight:800;letter-spacing:.08em}.auth-heading h1{font-size:28px;margin:9px 0}.auth-heading p,.auth-success p{color:var(--muted);line-height:1.5;margin:0}
.auth-form{display:grid;gap:15px}.auth-field span{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.auth-field input{width:100%;border:1px solid #d8e0e9;border-radius:11px;padding:13px 14px;font-size:16px;outline:none}.auth-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1976d21a}.auth-submit{width:100%;padding:13px;margin-top:2px}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-error{min-height:20px;color:var(--red);font-size:13px;margin:0}
.auth-link,.auth-back,.danger-link{display:block;border:0;background:transparent;cursor:pointer}.auth-link{margin:20px auto 0;color:var(--blue);font-weight:700}.auth-back{padding:18px 0 0;color:var(--muted)}
.auth-success{text-align:center;padding:36px 4px 8px}.auth-success>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:#e6f7ee;color:var(--green);font-size:28px}.auth-success h1{margin-bottom:10px}.auth-success button{margin-top:24px}
.header-right{display:flex;align-items:center;gap:12px}.user-menu{border:1px solid var(--line);background:#fff;border-radius:12px;padding:7px 10px 7px 7px;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left}.user-menu>span:first-child,.account-head>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e8f2ff;color:#1769b7;font-weight:800}.user-menu b,.user-menu small{display:block;font-size:12px}.user-menu small{color:var(--muted);margin-top:2px}
.account-head{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.account-head>span{width:48px;height:48px;font-size:20px}.account-head h2,.account-head p{margin:0}.account-head p{color:var(--muted);margin-top:4px}.pending-section{padding:20px 0}.pending-section h3{margin:0 0 12px}.pending-user{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.pending-user b,.pending-user small{display:block}.pending-user small,.muted-copy{color:var(--muted);margin-top:4px}.danger-link{color:var(--red);font-weight:700;padding:10px 0}
@media(max-width:700px){.auth-card{padding:24px;border-radius:18px}.header-right .header-actions{display:none!important}.user-menu>span:last-child{display:none}.pending-user{grid-template-columns:1fr 1fr}.pending-user div{grid-column:1/-1}.modal{padding:12px}}