/* login.css — sign-in + installer pages (self-contained) */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; font-size: 14px; color: #333;
  min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px 16px;
  background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
}
.login-card { width: 100%; max-width: 400px; background: #fff; border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,.3); padding: 36px 32px 28px; }
.login-card h1 { font-size: 22px; font-weight: 600; color: #1a1a2e; text-align: center; margin-bottom: 6px; }
.login-card .subtitle { font-size: 13px; color: #888; text-align: center; margin-bottom: 24px; }
.login-card code { background: #f2f4f6; padding: 1px 5px; border-radius: 3px; font-size: 12px; }
.login-card a { color: #2c5364; }
.field { position: relative; margin-bottom: 18px; }
.field input { width: 100%; padding: 14px 16px; font-size: 14px; border: 1px solid #ddd; border-radius: 8px; outline: none; background: #f9fafb; transition: border-color .2s, box-shadow .2s; }
.field input:focus { border-color: #2c5364; box-shadow: 0 0 0 3px rgba(44,83,100,.12); background: #fff; }
.field label { position: absolute; left: 16px; top: 14px; font-size: 14px; color: #999; pointer-events: none; transition: .2s ease all; }
.field input:focus + label, .field input:not(:placeholder-shown) + label { top: -8px; left: 12px; font-size: 11px; background: #fff; padding: 0 4px; color: #2c5364; }
.btn-primary { padding: 13px; font-size: 15px; font-weight: 600; color: #fff; background: linear-gradient(135deg, #203a43, #2c5364); border: none; border-radius: 8px; cursor: pointer; }
.btn-primary:hover { opacity: .92; }
.btn-primary:disabled { opacity: .5; cursor: not-allowed; }
.login-error { background: #fdecea; color: #b02a1a; border: 1px solid #f5c6cb; border-radius: 6px; padding: 9px 12px; font-size: 13px; margin-bottom: 16px; }
.inst-sec { font-size: 12px; font-weight: 600; color: #2c5364; text-transform: uppercase; letter-spacing: .4px; margin: 6px 0 14px; }
#login_status { text-align: center; font-size: 13px; margin-top: 14px; min-height: 18px; color: #c0392b; }