.user-chip{font-size:11px;color:#9d9da7}.manage-button,.logout-button{height:32px;border:1px solid #303036;border-radius:8px;padding:0 12px;background:#19191c;color:#d4d4d8;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center}.manage-button:hover{border-color:#55dce8;color:#55dce8}.logout-button:hover{border-color:#ef6666;color:#ef7777}.auth-page{padding:24px;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,rgba(85,220,232,.12),transparent 28%),radial-gradient(circle at 85% 80%,rgba(197,167,255,.1),transparent 30%),#070709}.auth-card{width:min(420px,100%);padding:30px;border:1px solid #29292f;border-radius:20px;background:linear-gradient(145deg,rgba(24,24,27,.96),rgba(12,12,14,.98));box-shadow:0 30px 100px #000}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:25px}.auth-logo{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(255,211,90,.35);border-radius:15px;color:var(--gold);font-weight:900;background:rgba(255,211,90,.06)}.auth-brand h1{font-size:19px;margin:0 0 4px}.auth-brand p,.auth-note{margin:0;color:#777780;font-size:11px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0b0b0d;border:1px solid #29292f;border-radius:11px;padding:4px;margin-bottom:20px}.auth-tabs button{padding:10px;background:transparent;border-radius:8px;color:#777780;font-size:12px;font-weight:800}.auth-tabs button.active{background:#eee;color:#111}.auth-form label{display:block;color:#a1a1aa;font-size:11px;font-weight:700;margin-bottom:14px}.auth-form input{display:block;width:100%;margin-top:7px;border:1px solid #303036;background:#0b0b0d;border-radius:10px;padding:12px 13px;outline:0;color:#fff}.auth-form input:focus{border-color:#55dce8;box-shadow:0 0 0 3px rgba(85,220,232,.07)}.auth-submit{width:100%;padding:12px;border-radius:10px;background:linear-gradient(90deg,#55dce8,#62e59c);color:#071012;font-weight:900;margin-top:5px}.auth-note{text-align:center;margin-top:18px;line-height:1.5}.auth-message{padding:10px 12px;margin-bottom:15px;border-radius:9px;font-size:11px}.auth-message.error{color:#ff8585;border:1px solid rgba(239,68,68,.25);background:rgba(239,68,68,.08)}.auth-message.success{color:#7ce7a9;border:1px solid rgba(74,222,128,.25);background:rgba(74,222,128,.08)}.modal{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.78);display:none;place-items:center;padding:18px;backdrop-filter:blur(5px)}.modal.open{display:grid}.modal-card{width:min(850px,100%);max-height:80vh;overflow:hidden;border:1px solid #303036;border-radius:16px;background:#121214;box-shadow:0 30px 100px #000}.modal-card>header{display:flex;justify-content:space-between;align-items:center;padding:19px 21px;border-bottom:1px solid #27272a}.modal-card h2{font-size:16px;margin:0 0 5px}.modal-card p{font-size:11px;color:#777780;margin:0}.modal-card header button{background:#202024;width:32px;height:32px;border-radius:8px;font-size:20px}.user-list{padding:10px 18px 18px;overflow:auto;max-height:calc(80vh - 76px)}.user-row{display:grid;grid-template-columns:minmax(150px,1fr) 100px minmax(260px,auto);gap:15px;align-items:center;padding:13px 4px;border-bottom:1px solid #242428}.user-identity{display:flex;flex-direction:column;gap:5px}.user-identity small,.current-user{color:#707079;font-size:10px}.user-status{justify-self:start;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:800;text-transform:uppercase}.user-status.approved{color:#62e59c;background:rgba(98,229,156,.09)}.user-status.pending{color:#ffd35a;background:rgba(255,211,90,.09)}.user-status.blocked{color:#ff7777;background:rgba(255,90,90,.09)}.user-actions{display:flex;justify-content:flex-end;gap:6px}.user-actions button{padding:7px 9px;border:1px solid #34343a;border-radius:7px;background:#1b1b1e;font-size:10px;font-weight:800}.user-actions .approve{color:#62e59c}.user-actions .block,.user-actions .delete{color:#ff7777}.user-actions .delete{border-color:rgba(239,68,68,.35)}.users-loading{text-align:center;padding:35px;color:#777780}.error-text{color:#ff7777}@media(max-width:700px){.user-chip{display:none}.manage-button,.logout-button{padding:0 8px}.user-row{grid-template-columns:1fr auto}.user-actions{grid-column:1/-1;justify-content:flex-start}.auth-card{padding:23px}.top-actions{gap:5px}}
