:root{--navy:#03172b;--navy2:#09233c;--yellow:#ffd229;--green:#16c486;--ink:#12283a;--muted:#8fa2b3;--bg:#eef3f6}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#e9eff3;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}.screen{display:none;min-height:100vh}.screen.active{display:block}.dark-screen{max-width:720px;margin:auto;background:var(--navy);color:#fff}.brand{display:flex;align-items:center;gap:10px;color:#fff}.brand span{color:var(--yellow);font-size:1.7rem;letter-spacing:-10px}.brand b{margin-left:8px;font-size:1.55rem;font-style:italic;font-weight:900;letter-spacing:-.04em}.brand.dark b{color:var(--navy)}.light-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#fff}.light-head .brand span{letter-spacing:0}.light-head button,.avatar{width:48px;height:48px;border:2px solid var(--yellow);border-radius:50%;background:#123553;color:#fff;font-weight:900}
.driver-head{display:flex;align-items:center;justify-content:space-between;height:104px;padding:20px 24px;background:var(--navy)}.driver-head>div:last-child{display:flex;gap:10px}.driver-head button{position:relative;width:48px;height:48px;border:0;border-radius:50%;background:#0d2e4a;color:#fff;font-size:1.35rem}.driver-head #bell i{position:absolute;right:5px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--yellow)}.driver-head .avatar{border:2px solid var(--yellow);font-size:.9rem}
.summary{display:grid;grid-template-columns:1fr 1.25fr .8fr;margin:0 16px 16px;border:1px solid #1d405d;border-radius:17px;background:#09233c;overflow:hidden;box-shadow:0 10px 30px #00101f66}.summary>button,.summary>div{min-width:0;min-height:82px;padding:12px;border:0;border-right:1px solid #1e405b;background:transparent;color:#fff}.summary>button{display:flex;align-items:center;gap:8px}.summary>button i{width:12px;height:12px;border-radius:50%;background:var(--green)}.summary>button.off i{background:#7f909e}.summary>button span{margin-left:auto}.summary small,.summary strong{display:block}.summary small{color:#91a8ba;font-size:.72rem}.summary strong{margin-top:4px;font-size:1.25rem;white-space:nowrap}
.driver-page{display:none}.driver-page.active{display:block}.map{position:relative;height:min(58vh,590px);min-height:420px;overflow:hidden;background-color:#0e2943;background-image:linear-gradient(22deg,transparent 47%,#304f67 48%,#304f67 50%,transparent 51%),linear-gradient(110deg,transparent 46%,#315069 47%,#315069 49%,transparent 50%),linear-gradient(155deg,transparent 48%,#29465e 49%,#29465e 51%,transparent 52%),radial-gradient(circle at 20% 34%,#d64b4095 0 10%,transparent 25%),radial-gradient(circle at 79% 60%,#e7c72e82 0 12%,transparent 28%)}.map:before,.map:after{content:"";position:absolute;background:#355b74aa}.map:before{width:120%;height:5px;left:-10%;top:52%;transform:rotate(-10deg)}.map:after{width:5px;height:120%;left:48%;top:-10%;transform:rotate(-9deg)}.surge{position:absolute;z-index:2;padding:9px 14px;border-radius:22px;background:#0b1926df;box-shadow:0 6px 20px #00101f77}.surge-a{left:8%;top:22%}.surge-b{right:8%;top:50%}.you{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;border:3px solid #b4d5ff;border-radius:50%;background:#0b2946;color:var(--yellow);font-size:1.7rem;box-shadow:0 0 0 15px #8bc1ff22}.map-tools{position:absolute;z-index:3;right:15px;top:20px;display:grid;gap:10px}.map-tools button{width:50px;height:50px;border:1px solid #345773;border-radius:16px;background:#071c30e8;color:#fff;font-size:1.3rem}.fuel{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border:1px solid #344c62;border-radius:20px;background:#06192deb;box-shadow:0 12px 32px #0009}.fuel b,.fuel span,.fuel strong{display:block}.fuel b{color:var(--yellow);font-size:1.15rem}.fuel span{margin-top:7px}.fuel strong{margin-top:4px;color:var(--yellow);font-size:1.3rem}.fuel strong small{color:#d3dce3;font-size:.75rem;font-weight:500}.fuel button{flex:none;padding:13px 12px;border:1px solid #34506a;border-radius:14px;background:#0d2942;color:var(--yellow);font-weight:800}.console{display:grid;grid-template-columns:54px minmax(0,1fr) 54px;gap:11px;align-items:center;padding:16px 14px;background:#071522}.console>button{height:56px;border:0;border-radius:17px;background:#263a4a;color:#fff;font-size:1.3rem}.console #connect{border-radius:23px;background:var(--yellow);color:var(--navy);font-size:clamp(1rem,4.4vw,1.25rem);font-weight:900;white-space:nowrap}.console #connect.online{background:var(--green);color:#fff}.console small{grid-column:1/-1;text-align:center;color:#9aaab7}
.bottom-nav{position:fixed;z-index:50;left:50%;bottom:0;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);width:min(720px,100%);height:82px;padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:#03172bf8;border-top:1px solid #17364f}.bottom-nav button{display:grid;place-items:center;align-content:center;gap:3px;border:0;background:transparent;color:#8fa2b3;font-size:1.35rem}.bottom-nav b{font-size:.7rem}.bottom-nav button.active{color:var(--yellow)}#driverContent{padding-bottom:82px}
.content-page{min-height:calc(100vh - 284px);padding:18px;background:var(--bg);color:var(--ink)}.card,.balance{margin-bottom:16px;padding:20px;border-radius:22px;background:#fff;box-shadow:0 9px 26px #17304412}.card h2{margin:0 0 14px}.card p{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e7edf1}.balance{background:linear-gradient(135deg,#ffd229,#ffbd20)}.balance small,.balance span,.balance strong{display:block}.balance small{font-weight:900}.balance span{margin-top:14px}.balance strong{font-size:2.3rem}.balance button,.yellow{border:0;border-radius:16px;background:var(--navy);color:#fff;padding:16px;font-weight:900}.balance button{width:100%;margin-top:15px}.progress{height:12px;border-radius:8px;background:#e4eaee;overflow:hidden}.progress i{display:block;width:68%;height:100%;background:var(--green)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #e4eaee}.toggle-row input{width:22px;height:22px;accent-color:var(--green)}.outline{width:100%;padding:14px;border:1px solid #cad6dd;border-radius:14px;background:#fff;font-weight:800}.profile-card{text-align:center;margin:-18px -18px 16px;padding:28px 20px;background:#082640;color:#fff}.profile-card>span{display:grid;place-items:center;width:76px;height:76px;margin:auto;border:3px solid var(--yellow);border-radius:50%;background:#153b59;font-weight:900}.profile-card h2{margin:12px 0 4px}.profile-card p{color:#9fb1bf}.profile-card>div{display:grid;grid-template-columns:1fr 1fr}.profile-card b,.profile-card small{display:block}.profile-card b{font-size:1.3rem}.profile-card small{font-size:.72rem;color:#9fb1bf}.list{display:flex;justify-content:space-between;width:100%;padding:17px 3px;border:0;border-bottom:1px solid #e4eaee;background:#fff;text-align:left}.alert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.alert-grid button{min-height:86px;border:0;border-radius:15px;background:#edf3f6;font-size:1.5rem}.alert-grid b{display:block;margin-top:6px;font-size:.72rem}
.profile-detail{text-align:left}.detail-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.detail-heading>span{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:15px;background:#fff0e5;font-size:1.35rem}.detail-heading h2,.detail-heading p{margin:0}.detail-heading p{margin-top:3px;color:#756b66;font-size:.88rem}.document-list{display:grid;gap:9px}.document-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border:1px solid #eadfd8;border-radius:15px;background:#fffdfa}.document-list article>span{font-size:1.3rem}.document-list b,.document-list small{display:block}.document-list small{margin-top:3px;color:#776d68;font-size:.8rem}.document-list em,.vehicle-card em{padding:6px 8px;border-radius:10px;background:#e8f8ef;color:#0d9652;font-size:.72rem;font-style:normal;font-weight:900}.document-upload{display:block;margin-top:13px;padding:14px;border:1px dashed #e17351;border-radius:14px;color:#c04e40;text-align:center;font-weight:900}.document-upload input{display:none}.privacy-note{display:block;margin-top:11px;color:#7c716c;line-height:1.35}.vehicle-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding:15px;border-radius:17px;background:linear-gradient(135deg,#34292a,#56413f);color:#fff}.vehicle-card>span{font-size:1.8rem}.vehicle-card h3,.vehicle-card b,.vehicle-card small{display:block;margin:0}.vehicle-card b{margin:4px 0}.vehicle-card small{color:#e4d9d6}.profile-form{display:grid;gap:11px}.profile-form>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-form label{color:#655b57;font-size:.82rem;font-weight:800}.profile-form input{width:100%;margin-top:5px;padding:13px;border:1px solid #e1d5ce;border-radius:12px;background:#fff;color:#2e2727;font-size:1rem}.profile-form input:disabled{background:#f2ece8;color:#877c76}.profile-form label small{display:block;margin-top:5px;color:#a44c4e;font-weight:600}
.pass-map{position:relative;height:300px;overflow:hidden;background:linear-gradient(135deg,#bfd1d8,#e3ece7)}.road{position:absolute;width:130%;height:28px;left:-15%;top:43%;background:#fff;transform:rotate(23deg)}.road.two{top:57%;transform:rotate(-35deg)}.p-bike{position:absolute;z-index:2;left:46%;top:45%;padding:12px;border-radius:50%;background:var(--navy)}.pickup,.destination{position:absolute;z-index:2}.pickup{left:20%;top:35%;color:var(--green)}.destination{right:20%;top:54%;color:#f66}.pass-map>b{position:absolute;z-index:2;left:50%;bottom:24px;transform:translateX(-50%);padding:9px 13px;border-radius:18px;background:var(--navy);color:#fff;white-space:nowrap}.pass-sheet{position:relative;margin-top:-22px;padding:25px 20px 35px;border-radius:26px 26px 0 0;background:#fff}.pass-sheet h1{margin-top:0}.pass-sheet label{display:block;margin:13px 0;color:#647786;font-size:.8rem}.pass-sheet input{display:block;width:100%;margin-top:6px;padding:14px;border:1px solid #d8e0e5;border-radius:14px;color:var(--ink)}.services{display:grid;grid-template-columns:1fr 1fr;gap:10px}.services button{display:grid;min-height:100px;padding:12px;border:2px solid transparent;border-radius:17px;background:#f0f4f6;font-size:1.5rem}.services b,.services small{font-size:.8rem}.services button.selected{border-color:var(--yellow);background:#fff9dc}.estimate{display:flex;justify-content:space-between;align-items:center;margin:18px 0;padding:16px;border-radius:16px;background:#f1f5f7}.estimate small{display:block;color:#7c8b95}.estimate strong{font-size:1.35rem}.wide{width:100%;background:var(--yellow);color:var(--navy)}
.admin-screen{background:var(--bg)}.admin-screen main{max-width:800px;margin:auto;padding:20px}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.kpis article{padding:18px;border-radius:18px;background:#fff}.kpis small,.kpis strong,.kpis b{display:block}.kpis strong{margin:6px 0;font-size:1.7rem}.kpis b{color:#16865f}
.overlay{position:fixed;z-index:200;inset:0;display:none;align-items:flex-end;justify-content:center;background:#03111dcc}.overlay.open{display:flex}.overlay>section{width:min(600px,100%);max-height:92vh;overflow:auto;padding:10px 20px 28px;border-radius:28px 28px 0 0;background:#fff;color:var(--ink)}.overlay>section>i{display:block;width:56px;height:5px;margin:0 auto 18px;border-radius:8px;background:#ccd4d9}.overlay h2{margin:0}.overlay p{color:#6f7f8b}.overlay button[data-mode]{display:flex;justify-content:space-between;width:100%;margin:9px 0;padding:17px;border:1px solid #dce5ea;border-radius:16px;background:#f5f8fa;font-weight:800}.overlay .cancel{width:100%;padding:14px;border:0;background:transparent}.offer-price{text-align:center}.offer-price strong{display:block;font-size:2.5rem}.offer-map{height:130px;border-radius:18px;background:linear-gradient(135deg,#cbdce2,#9fc1c8)}.route-box{margin:16px 0;padding:14px;border-radius:14px;background:#f0f4f6}.actions{display:grid;grid-template-columns:1fr 2fr;gap:10px}.actions button,.modal-main{padding:16px;border:0;border-radius:15px;font-weight:900}.modal-main{width:100%;background:var(--yellow)}#toast{position:fixed;z-index:300;left:20px;right:20px;bottom:95px;display:none;padding:15px;border-radius:15px;background:#102d43;color:#fff;text-align:center;font-weight:800}
@media(min-width:721px){#passenger,#admin{max-width:720px;margin:auto}}@media(max-height:760px){.driver-head{height:86px}.summary>button,.summary>div{min-height:68px}.map{height:48vh;min-height:350px}.fuel{bottom:12px;padding-top:12px;padding-bottom:12px}}@media(max-width:380px){.summary>button,.summary>div{padding:9px 7px}.fuel{left:10px;right:10px}.fuel button{padding:11px 8px}.console{padding-left:9px;padding-right:9px}.console #connect{font-size:.94rem}}
.fuel-details{display:flex;align-items:center;gap:12px;margin-bottom:14px}.fuel-details .fuel-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#f0e6df;font-size:1.55rem}.fuel-details small{display:block;margin-bottom:4px;color:var(--muted);font-size:.72rem;font-weight:800}.fuel-details h2{margin:0}.fuel-details+.route-box p{margin:7px 0}.fuel-details+.route-box strong{color:var(--green);font-size:1.08rem}
#onlineSummary b{color:#52b788!important;font-weight:900}#onlineSummary i{background:#52b788!important;box-shadow:0 0 0 4px #52b78822}#onlineSummary.off b{color:#ef5b67!important}#onlineSummary.off i{background:#ef5b67!important;box-shadow:0 0 0 4px #ef5b6722}
.brand-home{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.brand-home:focus-visible{outline:3px solid #ffffff88;outline-offset:6px;border-radius:8px}
.data-verification{text-align:center}.data-verification>span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 10px;border-radius:18px;background:#fff0e5;font-size:1.7rem}.data-verification h2{margin:5px 0 7px}.data-verification p{margin:0 0 6px;color:#756b66}.data-verification>strong{display:block;margin-bottom:15px;color:#2e2727;font-size:1.1rem}.data-verification label{display:block;color:#655b57;text-align:left;font-size:.82rem;font-weight:800}.data-verification input{width:100%;margin-top:6px;padding:15px;border:2px solid #e3d5cc;border-radius:14px;text-align:center;font-size:1.45rem;font-weight:900;letter-spacing:.28rem}.data-verification .modal-main{margin-top:12px}.resend-code{width:100%;margin-top:7px;padding:11px;border:0;background:transparent;color:#c45143;font-weight:900}.data-verification>small{display:block;margin-top:5px;color:#817670}.data-verification>small b{color:#b43e42;letter-spacing:.08rem}
.approved-lock{margin:-2px 0 13px;padding:11px 12px;border-radius:12px;background:#eefaf4;color:#12814b;font-size:.83rem;font-weight:900}
.central-only{margin:-2px 0 13px;padding:11px 12px;border-radius:12px;background:#fff0e5;color:#a9493f;font-size:.83rem;font-weight:900;line-height:1.35}.motorcycle-list{display:grid;gap:10px;margin-bottom:14px}.motorcycle-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;border:1px solid #eadfd8;border-radius:17px;background:#fffdfa}.motorcycle-item.active{border-color:#e97a51;background:linear-gradient(135deg,#34292a,#56413f);color:#fff}.motorcycle-item>span{font-size:1.6rem}.motorcycle-item h3,.motorcycle-item b,.motorcycle-item small{display:block;margin:0}.motorcycle-item b{margin:4px 0}.motorcycle-item small{color:#7a706b}.motorcycle-item.active small{color:#e4d9d6}.motorcycle-item>div:last-child{display:grid;justify-items:end;gap:7px}.motorcycle-item em{padding:6px 8px;border-radius:10px;font-size:.72rem;font-style:normal;font-weight:900}.motorcycle-item em.approved{background:#e8f8ef;color:#0d9652}.motorcycle-item em.pending{background:#fff1d9;color:#a86515}.motorcycle-item [data-select-motorcycle]{padding:7px 9px;border:1px solid #dfcfc6;border-radius:10px;background:#fff;color:#b94e41;font-size:.75rem;font-weight:900}