.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f6f8fa}.login-story{background:#132239;color:white;padding:60px clamp(35px,6vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-story:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #34453d;border-radius:50%;left:-230px;bottom:-180px;pointer-events:none}.login-story .wordmark{font-size:42px;margin-bottom:70px}.login-story h1{font-size:45px;max-width:460px;line-height:1.15;color:#f3f6fa}.login-story p{font-size:14px;line-height:1.9;color:#98a9bf;max-width:370px;margin-top:22px}.login-story .eyebrow{color:#d0f542;margin-bottom:20px;font-size:10px}.login-form-area{display:flex;align-items:center;justify-content:center;padding:40px 30px}.login-form{width:100%;max-width:350px}.login-form h2{font-size:29px;margin-bottom:12px}.login-form>p{color:#8b99aa;font-size:12px;line-height:1.8;margin-bottom:25px}.login-form .field{margin-top:18px}.login-form .field>span{font-size:11px}.login-form input{height:47px;font-size:14px}.login-form .button{width:100%;min-height:46px;margin-top:24px;font-size:13px}.login-form small{font-size:10px;color:#a2adba;display:block;line-height:1.7;margin-top:20px}.login-form .form-error{margin-top:20px}.live-indicator{display:flex;align-items:center;gap:6px;color:#78915a;font-size:10px}.live-indicator.offline{color:#b57954}.live-indicator.offline .dot{background:#c1885f}.gps-panel{padding:22px;display:flex;flex-direction:column;justify-content:center;min-height:410px;background:radial-gradient(ellipse at 70% 30%,#edf3e4 0,transparent 55%),#f8fafb}.gps-panel-top{position:absolute;left:20px;right:20px;top:20px;display:flex;justify-content:space-between;align-items:center}.gps-center{max-width:480px;text-align:center;margin:auto;padding:32px 20px}.gps-center>.icon{width:60px;height:60px;stroke-width:1.2;color:#aec573;background:#edf4dd;padding:14px;box-sizing:content-box;border-radius:26px;margin-bottom:20px}.gps-center h2{font-size:23px;margin-bottom:12px}.gps-center p{font-size:12px;line-height:1.8;color:#90a0b2;max-width:360px;margin:0 auto 16px}.gps-coordinates{font-family:monospace;font-size:14px;letter-spacing:1px;margin:15px 0;color:#567046}.gps-center .button{margin-top:8px}.gps-control{padding:16px 19px;margin-bottom:17px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gps-control p{color:#8c9eb1;font-size:10px;line-height:1.7;margin-top:6px}.gps-control strong{font-size:11px;font-weight:600}.gps-control>.icon{color:#94a66d;width:22px;height:22px}.transfer-card{padding:16px 19px;background:#f4f8e9;margin-bottom:17px}.transfer-card h3{font-size:13px;margin-bottom:8px}.transfer-card p{font-size:11px;color:#7a8c66;line-height:1.7;margin-bottom:12px}.transfer-card .row{gap:8px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setup-grid>.panel:last-child{grid-column:1/-1}.setup-list{padding:0 20px 18px}.setup-row{padding:14px 0;display:flex;align-items:center;gap:12px;border-top:1px solid #edf0f4}.setup-row strong{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.setup-row p{font-size:10px;color:#90a0b0;line-height:1.6}.setup-row>.icon{color:#9bac7e}.access-link{width:100%;padding:12px;border:1px solid #d7e2c0;border-radius:8px;font-size:11px;color:#536647;background:#f8fbed;margin:10px 0}.offline-notice{border:1px solid #f0d9c2;background:#fff8ef;color:#9b7750;padding:12px 16px;font-size:11px;line-height:1.7;display:flex;gap:10px;align-items:center;border-radius:10px;margin-bottom:18px}.account-pill{display:flex;align-items:center;gap:8px}.logout-button{color:#91a0b4;font-size:10px}.live-business{font-size:9px;color:#9aaabf}.no-driver{padding:30px;text-align:center;font-size:12px;color:#8997a8;line-height:1.8}.no-driver .button{margin:15px auto}.sync-error{padding:15px;margin-bottom:15px;border:1px solid #efd4bc;border-radius:9px;background:#fff7ee;color:#8f6940;font-size:11px;line-height:1.8}
@media(max-width:700px){.login-shell{display:block}.login-story{padding:28px 25px 32px}.login-story .wordmark{font-size:30px;margin-bottom:32px}.login-story .eyebrow{font-size:8px;margin-bottom:12px}.login-story h1{font-size:28px;max-width:310px}.login-story p{font-size:11px;margin-top:15px;max-width:310px}.login-form-area{padding:32px 25px}.login-form h2{font-size:25px}.login-form>p{font-size:11px;margin-bottom:17px}.login-form .field{margin-top:16px}.setup-grid{grid-template-columns:1fr}.setup-grid>.panel:last-child{grid-column:auto}.gps-panel{min-height:300px;padding:15px}.gps-center{padding-top:50px}.gps-center h2{font-size:19px}.gps-center p{font-size:10px}.gps-center>.icon{width:40px;height:40px;padding:12px;margin-bottom:15px}.gps-panel-top{left:15px;right:15px;top:14px}.gps-control{padding:15px}.gps-control .button{font-size:10px}.live-indicator{font-size:8px}.logout-button{font-size:9px}.transfer-card{padding:15px}.setup-list{padding:0 15px 12px}.setup-row strong{font-size:11px}.setup-row p{font-size:9px}.sync-error{font-size:10px}.offline-notice{font-size:10px}.account-pill .avatar{display:none}}
