/* ══ LOGIN SCREEN ══ */
#login-screen {
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#0d47a1 0%,#1976d2 50%,#1565c0 100%);
  font-family:'DM Sans',sans-serif;
}
.login-card {
  background:#fff;border-radius:16px;
  padding:40px 36px 32px;
  width:100%;max-width:380px;
  box-shadow:0 24px 64px rgba(0,0,0,.25);
}
.login-logo {
  display:flex;align-items:center;gap:10px;
  margin-bottom:28px;
}
.login-logo-icon {
  width:40px;height:40px;border-radius:8px;
  background:var(--blue);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:900;
}
.login-logo-text {
  font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.3px;
}
.login-logo-sub {
  font-size:11.5px;color:var(--gray-m);font-weight:400;margin-top:1px;
}
.login-title {
  font-size:22px;font-weight:700;color:var(--ink);margin-bottom:6px;
}
.login-sub {
  font-size:13px;color:var(--gray-m);margin-bottom:24px;
}
.login-field {
  display:flex;flex-direction:column;gap:5px;margin-bottom:14px;
}
.login-field label {
  font-size:11.5px;font-weight:600;color:var(--ink-m);text-transform:uppercase;letter-spacing:.05em;
}
.login-field input {
  padding:10px 13px;border:1.5px solid var(--gray-d);border-radius:8px;
  font-family:'DM Sans',sans-serif;font-size:14px;color:var(--ink);
  outline:none;transition:border-color .15s;
}
.login-field input:focus { border-color:var(--blue); }
.login-error {
  display:none;
  background:#fdecea;border:1px solid #f5c6c2;border-radius:8px;
  padding:10px 14px;font-size:13px;color:#c0392b;margin-bottom:14px;
}
.login-btn {
  width:100%;padding:12px;border:none;border-radius:8px;
  background:var(--blue);color:#fff;
  font-family:'DM Sans',sans-serif;font-size:15px;font-weight:600;
  cursor:pointer;transition:background .15s;margin-top:6px;
}
.login-btn:hover { background:var(--blue-h); }
.login-btn:disabled { background:var(--gray-d);cursor:not-allowed; }
.login-footer {
  margin-top:20px;padding-top:16px;border-top:1px solid var(--gray-d);
  text-align:center;font-size:12px;color:var(--gray-m);
}
.login-pwd-wrap { position:relative; }
.login-pwd-wrap input { width:100%;padding-right:38px; }
.login-pwd-toggle {
  position:absolute;right:11px;top:50%;transform:translateY(-50%);
  background:none;border:none;cursor:pointer;color:var(--gray-m);
  font-size:16px;line-height:1;padding:2px;
}
.login-pwd-toggle:hover { color:var(--blue); }