:root{color-scheme:dark}.auth-body{box-sizing:border-box;min-height:100vh;min-height:100dvh;display:grid;place-items:center;margin:0;padding:16px;background:radial-gradient(circle at 20% 10%,#17334b 0,transparent 36%),#08121e;color:#e7eff8;font-family:Inter,system-ui,sans-serif}.auth-card{box-sizing:border-box;width:min(420px,100%);padding:30px;border:1px solid #2b4258;border-radius:18px;background:#101d2ded;box-shadow:0 24px 70px #0008}.auth-brand{font-size:25px;font-weight:800;letter-spacing:2px}.auth-brand span{color:#49e2d0}.auth-card h1{margin:28px 0 7px;font-size:27px}.auth-card>p{margin:0 0 24px;color:#91a8bf}.auth-card label{display:block;margin:14px 0 5px;color:#aabed1;font-size:12px}.auth-card input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #304961;border-radius:9px;background:#091522;color:#eef6ff;font:inherit}.auth-card input:focus{outline:2px solid #49e2d044;border-color:#49e2d0}.auth-card button{width:100%;margin-top:20px;padding:12px;border:0;border-radius:9px;background:#49e2d0;color:#071519;font-weight:750;cursor:pointer}.auth-card button:disabled{opacity:.6}.auth-error{display:none;margin-top:14px;padding:10px;border:1px solid #703c43;border-radius:8px;background:#321b25;color:#f2aab0;font-size:12px}.auth-error.show{display:block}.auth-note{display:block;margin-top:18px;color:#70869b;font-size:10px;line-height:1.5}
@media(max-width:480px){.auth-body{place-items:start center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));overflow-y:auto}.auth-card{margin-top:clamp(8px,8vh,55px);padding:20px 18px;border-radius:14px;box-shadow:0 14px 40px #0007}.auth-brand{font-size:21px}.auth-card h1{margin:20px 0 5px;font-size:23px}.auth-card>p{margin-bottom:18px;font-size:13px}.auth-card label{margin-top:11px}.auth-card input{padding:11px;font-size:16px}.auth-card button{margin-top:16px;padding:11px}.auth-note{margin-top:14px}}
.admin-page{max-width:none}.admin-actions{display:flex;gap:8px}.admin-grid{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(500px,1.2fr);gap:14px}.admin-panel{padding:18px;border:1px solid var(--border);border-radius:14px;background:#101d2d}.admin-panel h2{margin:0 0 14px;font-size:16px}.user-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end;margin-bottom:18px}.user-form label{color:var(--muted);font-size:11px}.user-form input{box-sizing:border-box;width:100%;margin-top:5px}.admin-check{display:flex;align-items:center;gap:6px;padding-bottom:10px}.admin-check input{width:auto;margin:0}.user-list,.login-list{max-height:620px;overflow:auto}.user-row,.login-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--border)}.login-row{grid-template-columns:150px 130px 130px minmax(200px,1fr)}.user-row:first-child,.login-row:first-child{border-top:0}.user-row small,.login-row small{display:block;color:var(--muted);font-size:10px}.role-badge,.login-result{padding:3px 7px;border-radius:9px;background:#26364b;color:#afc1d3;font-size:9px}.role-badge.admin,.login-result.ok{background:#173f39;color:#49e2d0}.login-result.fail{background:#48242b;color:#f2aab0}.danger{color:#f2aab0;border-color:#703c43}.admin-message{min-height:18px;margin:8px 0;color:#f2aab0;font-size:11px}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.user-form{grid-template-columns:1fr}.login-row{grid-template-columns:1fr 1fr}.login-row .agent{grid-column:1/-1}}@media(max-width:600px){.admin-actions{width:100%;justify-content:space-between}.login-row{grid-template-columns:1fr}}