:root{--bg:#0c151d;--panel:#111f2a;--panel2:#162a38;--text:#f5f8fa;--muted:#9db0bd;--line:rgba(255,255,255,.11);--blue:#138df3;--violet:#6455f5;--danger:#ff6068;--success:#44cf8a}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 10% 10%,#183344 0,transparent 35%),linear-gradient(145deg,#091118 0%,#0d1a24 54%,#12172d 100%)}
.auth-shell{width:min(100%,480px)}.brand{display:flex;justify-content:center;align-items:center;margin:0 0 26px;min-height:58px}.brand img{width:190px;max-height:58px;object-fit:contain;display:block;background:transparent}.brand-fallback{display:none;font-size:30px;font-weight:900;letter-spacing:2px;color:#fff}
.auth-card{border:1px solid var(--line);background:linear-gradient(160deg,rgba(26,62,83,.92),rgba(33,29,89,.92));box-shadow:0 24px 80px rgba(0,0,0,.38);border-radius:28px;padding:28px;overflow:hidden;position:relative}
.auth-card:before{content:'';position:absolute;inset:-40% 30% 55% -20%;background:radial-gradient(circle,#1f9df7aa,transparent 60%);pointer-events:none}.auth-card>*{position:relative}
h1{font-size:30px;margin:0 0 8px}p.lead{margin:0 0 24px;color:#d9e5eb}.field{margin:18px 0}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:8px;color:#dce9ef}
.auth-input,.auth-select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;padding:14px 15px;border-radius:14px;font-size:17px;outline:none}.auth-input::placeholder{color:#9fb2bf}.auth-input:focus,.auth-select:focus{border-color:#5eb5fa;box-shadow:0 0 0 3px rgba(60,160,240,.16)}
.primary{width:100%;border:0;border-radius:15px;padding:14px 18px;background:linear-gradient(90deg,var(--blue),var(--violet));color:#fff;font-weight:800;font-size:16px;cursor:pointer}.primary:active{transform:translateY(1px)}
.small-note{color:var(--muted);font-size:12px;margin-top:14px}.error{min-height:20px;color:#ffbbc0;font-size:13px;margin-top:12px}
.employee-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.employee{border:1px solid var(--line);background:rgba(255,255,255,.07);padding:15px;border-radius:17px;color:white;text-align:left;cursor:pointer}.employee strong{display:block;font-size:16px}.employee span{font-size:12px;color:#b9c8d0}.employee.active{border-color:#64b8f8;background:rgba(65,157,229,.18)}
.pin-stage{display:none;text-align:center}.pin-title{font-size:24px;font-weight:800;margin:4px 0}.pin-sub{color:#bed0da;margin:0 0 18px}.dots{display:flex;justify-content:center;gap:13px;margin:20px 0 24px}.dot{width:12px;height:12px;border-radius:50%;border:1.5px solid #fff;background:transparent}.dot.filled{background:#fff}
.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:330px;margin:0 auto}.key{aspect-ratio:1.35;border:0;border-radius:18px;background:rgba(255,255,255,.06);color:#fff;font-size:24px;cursor:pointer}.key:hover{background:rgba(255,255,255,.12)}.key.alt{font-size:15px;color:#c6d7df}.backlink{display:inline-block;margin-top:18px;color:#c8d7df;text-decoration:none;font-size:13px;cursor:pointer}
.device-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:12px;color:#c6d7df;background:rgba(0,0,0,.15);margin-bottom:18px}
.admin-page{background:#f2f5f6;color:#172329;min-height:100vh;padding:22px}.admin-wrap{max-width:1180px;margin:auto}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.admin-nav a{padding:9px 12px;background:#fff;border:1px solid #dbe3e6;border-radius:9px;color:#235f80;text-decoration:none;font-weight:700}.admin-card{background:#fff;border:1px solid #dbe3e6;border-radius:14px;padding:18px;margin-bottom:14px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:9px;border-bottom:1px solid #e7ecee;text-align:left;font-size:13px}.admin-form{display:grid;grid-template-columns:2fr 1fr auto;gap:8px}.admin-form input{padding:10px;border:1px solid #cbd6da;border-radius:8px}.admin-btn{border:0;border-radius:8px;padding:9px 11px;background:#235f80;color:#fff;font-weight:700;cursor:pointer}.admin-btn.danger{background:#a62d32}.admin-btn.ok{background:#287b53}.status-ok{color:#287b53}.status-bad{color:#a62d32}
@media(max-width:620px){.auth-page{padding:0}.auth-shell{width:100%;min-height:100vh}.auth-card{border-radius:0;min-height:100vh;padding:28px 22px;display:flex;flex-direction:column;justify-content:center}.employee-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.admin-form{grid-template-columns:1fr}.brand img{width:170px}.key{aspect-ratio:1.5}}