.fleet-auth{min-height:calc(100vh - 88px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:#f3f6f5;color:#12231f}.fleet-auth__intro{display:flex;align-items:center;padding:clamp(3rem,8vw,8rem);color:#fff;background:linear-gradient(145deg,rgba(5,39,31,.96),rgba(9,83,65,.88)),url('../media/service-civil-utility-construction.jpg') center/cover}.fleet-auth__intro-inner{max-width:680px}.fleet-kicker{margin:0 0 1rem;color:#f3b521;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.fleet-auth h1{max-width:650px;margin:.25rem 0 1.5rem;color:#fff;font-size:clamp(2.6rem,5vw,5rem);line-height:1}.fleet-auth__intro p:not(.fleet-kicker){max-width:600px;font-size:1.08rem;line-height:1.75;color:#dce8e4}.fleet-benefits{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0 0;padding:0;list-style:none}.fleet-benefits li{padding:.65rem .85rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);font-size:.84rem}.fleet-auth__panel{display:grid;place-items:center;padding:clamp(2rem,6vw,6rem)}.fleet-login-card{width:min(100%,520px);padding:clamp(1.5rem,4vw,3rem);border:1px solid #dbe3e0;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(11,43,35,.1)}.fleet-login-card h2{margin:0;color:#102d26;font-size:clamp(1.8rem,3vw,2.5rem)}.fleet-login-card__lead{margin:.75rem 0 1.75rem;color:#63726e}.fleet-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:1.75rem;padding:.3rem;border-radius:12px;background:#edf2f0}.fleet-tabs button{min-height:44px;padding:.55rem;border:0;border-radius:9px;background:transparent;color:#52615d;font-weight:700;cursor:pointer}.fleet-tabs button[aria-selected=true]{background:#fff;color:#0a5745;box-shadow:0 2px 9px rgba(16,45,38,.1)}.fleet-form,.fleet-placeholder{display:grid;gap:.8rem}.fleet-form label,.fleet-placeholder label{font-size:.86rem;font-weight:750}.fleet-form input[type=text],.fleet-form input[type=password],.fleet-placeholder input{width:100%;min-height:50px;padding:.75rem .9rem;border:1px solid #cbd7d3;border-radius:9px;background:#fff}.fleet-check{display:flex;align-items:center;gap:.5rem;margin:.2rem 0 .5rem;color:#52615d}.fleet-alert{padding:.8rem 1rem;border-left:4px solid #b4322b;background:#fff1f0;color:#7b211d}.fleet-placeholder{color:#5c6b67}.fleet-placeholder h3{margin:0;color:#18342d}.fleet-placeholder button:disabled{opacity:.48}.fleet-camera-frame{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:#102d26;color:#c8d7d2}.fleet-camera-frame video{width:100%;height:100%;object-fit:cover}.fleet-camera-frame video:not([srcObject]){display:none}.fleet-camera-frame span{position:absolute}.fleet-qr-reader .button{margin:.35rem .5rem 0 0}.fleet-qr-reader.is-active .fleet-camera-frame span{display:none}@media(max-width:900px){.fleet-auth{grid-template-columns:1fr}.fleet-auth__intro{padding:3.5rem 1.5rem}.fleet-auth h1{font-size:clamp(2.4rem,11vw,4rem)}.fleet-auth__panel{padding:1.5rem}.fleet-benefits{display:none}}@media(max-width:480px){.fleet-login-card{padding:1.25rem}.fleet-tabs{grid-template-columns:1fr}.fleet-tabs button{min-height:40px}}

.fleet-camera-frame video{display:none}.fleet-qr-reader.is-active .fleet-camera-frame video{display:block}
.fleet-tabs{grid-template-columns:repeat(2,1fr)}.fleet-form-note{margin:.2rem 0 0;color:#63726e;font-size:.84rem;line-height:1.5}