/* Fleet Firebase login — production split-screen experience */
body[data-page="login"]{margin:0;min-height:100vh;background:#07131e;overflow:auto}
body[data-page="login"] .auth{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:minmax(430px,1.08fr) minmax(430px,.92fr)!important;
  background:
    radial-gradient(circle at 14% 88%,rgba(237,27,47,.20),transparent 31%),
    linear-gradient(135deg,#07111a 0%,#0b1a27 48%,#10283a 100%)!important;
}
body[data-page="login"] .auth-left{
  position:relative;overflow:hidden;display:flex!important;align-items:flex-end!important;
  padding:clamp(48px,7vw,104px)!important;color:#fff!important;background:transparent!important;
}
body[data-page="login"] .auth-left:before{
  content:"";position:absolute;inset:auto auto -24vw -15vw;width:62vw;height:62vw;border-radius:50%;
  background:radial-gradient(circle,rgba(237,27,47,.20) 0%,rgba(237,27,47,.06) 35%,transparent 66%);pointer-events:none;
}
body[data-page="login"] .auth-left:after{
  content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.13),transparent);
}
body[data-page="login"] .auth-left>div{position:relative;z-index:1;max-width:650px}
body[data-page="login"] .auth-mark{width:min(430px,76%)!important;height:76px!important;margin:0 0 30px!important}
body[data-page="login"] .auth-left h1{
  margin:0 0 20px!important;font-size:clamp(54px,5.7vw,86px)!important;line-height:.88!important;
  letter-spacing:-.065em!important;font-weight:900!important;text-transform:uppercase!important;color:#fff!important;
}
body[data-page="login"] .auth-left p{margin:0!important;max-width:520px;color:#aebdca!important;font-size:17px!important;line-height:1.55!important;letter-spacing:.005em}
body[data-page="login"] .auth-right{
  display:grid!important;place-items:center!important;padding:48px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.01))!important;
}
body[data-page="login"] .auth-card{
  width:min(500px,100%)!important;background:#fff!important;color:#101820!important;border:1px solid rgba(255,255,255,.68)!important;
  border-radius:24px!important;padding:42px 42px 36px!important;box-shadow:0 38px 100px rgba(0,0,0,.42),0 2px 8px rgba(0,0,0,.12)!important;
}
body[data-page="login"] .auth-card .brand{width:min(330px,100%)!important;height:58px!important;margin:0 0 28px!important}
body[data-page="login"] .auth-card h2{margin:0 0 6px!important;font-size:36px!important;line-height:1.05!important;letter-spacing:-.045em!important;font-weight:850!important;color:#101820!important}
body[data-page="login"] .auth-card>.muted,body[data-page="login"] .auth-card>p.muted{color:#647380!important;font-size:14px!important;margin:0 0 24px!important}
body[data-page="login"] .field{margin:15px 0!important}
body[data-page="login"] .field label{font-size:10px!important;font-weight:850!important;letter-spacing:.10em!important;text-transform:uppercase!important;color:#5d6d79!important;margin-bottom:7px!important}
body[data-page="login"] .field input{
  min-height:50px!important;border:1px solid #cbd5dd!important;border-radius:11px!important;background:#fbfcfd!important;color:#101820!important;
  padding:0 14px!important;box-shadow:inset 0 1px 2px rgba(16,24,32,.035)!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body[data-page="login"] .field input:focus{border-color:#7fa9d4!important;background:#fff!important;box-shadow:0 0 0 4px rgba(20,120,242,.09)!important}
body[data-page="login"] #login-pass{border-radius:11px 0 0 11px!important}
body[data-page="login"] #login-eye{min-height:50px!important;border-radius:0 11px 11px 0!important;border-left:0!important;background:#f3f6f8!important;color:#344552!important}
body[data-page="login"] #login-go{
  min-height:50px!important;margin-top:8px!important;border-radius:11px!important;font-size:14px!important;font-weight:850!important;
  box-shadow:0 12px 28px rgba(237,27,47,.23)!important;
}
body[data-page="login"] #forgot-password{min-height:46px!important;border-radius:11px!important;background:#fff!important;border-color:#d5dde4!important;color:#354652!important}
body[data-page="login"] #login-error{min-height:20px!important;margin-top:14px!important;font-size:12px!important;line-height:1.45!important}
@media(max-width:980px){
  body[data-page="login"] .auth{grid-template-columns:1fr!important}
  body[data-page="login"] .auth-left{min-height:270px;align-items:center!important;padding:42px 34px!important}
  body[data-page="login"] .auth-left h1{font-size:52px!important}
  body[data-page="login"] .auth-left:after{display:none}
  body[data-page="login"] .auth-right{padding:32px 22px 46px!important}
  body[data-page="login"] .auth-card{margin-top:-42px;position:relative;z-index:2}
}
@media(max-width:560px){
  body[data-page="login"] .auth-left{min-height:215px;padding:30px 22px!important}
  body[data-page="login"] .auth-mark{width:min(330px,88vw)!important;height:58px!important;margin-bottom:18px!important}
  body[data-page="login"] .auth-left h1{font-size:40px!important}
  body[data-page="login"] .auth-left p{font-size:14px!important}
  body[data-page="login"] .auth-right{padding:20px 14px 34px!important}
  body[data-page="login"] .auth-card{padding:30px 24px 26px!important;border-radius:19px!important}
  body[data-page="login"] .auth-card h2{font-size:31px!important}
}