/* ── Login Screen ────────────────────────────────────────────── */
#login-screen{position:fixed;inset:0;background:linear-gradient(135deg,var(--c2) 0%,var(--c1) 50%,#001040 100%);z-index:9000;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;padding:20px;overflow-y:auto}
#login-screen::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(0,156,222,.25) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(0,48,135,.4) 0%,transparent 50%);pointer-events:none}
.login-card{background:rgba(255,255,255,.97);border-radius:24px;padding:40px 36px;width:100%;max-width:400px;box-shadow:0 32px 80px rgba(0,0,0,.4);position:relative;z-index:1;margin:auto}
.login-logo{text-align:center;margin-bottom:28px}
.login-logo-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--c3),var(--c2));display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 12px;box-shadow:0 8px 24px rgba(0,156,222,.35)}
.login-logo h1{font-size:1.5rem;font-weight:800;color:var(--c2);margin-bottom:2px}
.login-logo p{font-size:.78rem;color:var(--text-muted)}
.login-field{margin-bottom:16px}
.login-label{display:block;font-size:.67rem;font-weight:700;color:var(--text-mid);text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px}
.login-input{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:11px 14px;font-size:.88rem;font-family:'Poppins',sans-serif;color:var(--c2);outline:none;transition:border-color .15s,box-shadow .15s;background:#fff;-webkit-appearance:none}
.login-input:focus{border-color:var(--c3);box-shadow:0 0 0 3px rgba(0,156,222,.12)}
.login-input::placeholder{color:var(--text-light)}
.login-btn{width:100%;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--c3),var(--c2));color:#fff;font-size:.88rem;font-weight:700;font-family:'Poppins',sans-serif;cursor:pointer;transition:all .18s;box-shadow:0 4px 16px rgba(0,156,222,.35);margin-top:4px;-webkit-tap-highlight-color:transparent}
.login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(0,156,222,.5)}
.login-btn:active{transform:translateY(0)}
.login-error{background:var(--rose-lt);border:1px solid rgba(220,38,38,.25);color:var(--rose);border-radius:8px;padding:9px 13px;font-size:.76rem;font-weight:600;margin-bottom:14px;display:none}
.login-error.show{display:block}
.login-footer{text-align:center;margin-top:20px;font-size:.67rem;color:var(--text-muted)}
.login-role-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:.62rem;font-weight:700;background:var(--accent-lt2);color:var(--c3);border:1px solid rgba(0,156,222,.2)}

/* Mobile */
@media(max-width:440px){
  .login-card{padding:30px 22px;border-radius:18px}
  .login-logo h1{font-size:1.3rem}
  .login-logo-icon{width:56px;height:56px;font-size:24px}
}
@media(max-width:360px){
  .login-card{padding:24px 18px}
  .login-input{font-size:16px}
}