*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#08090a;color:#f6f6f6;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.customer-shell{min-height:100vh;background:#0b0c0e;padding-bottom:86px}.top{position:fixed;z-index:40;top:0;left:0;right:0;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(7,8,9,.97),rgba(7,8,9,.2),transparent)}.brand{display:flex;align-items:center;gap:10px}.ft{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#ff8c24,#ee6500);display:grid;place-items:center;color:#121212;font-weight:950;box-shadow:0 8px 28px rgba(255,122,0,.25)}.name{font-weight:950;letter-spacing:.15em;font-size:14px}.sub{color:#999ca0;font-size:9px;letter-spacing:.21em;margin-top:2px}.top-actions{display:flex;align-items:center;gap:8px}.mini,.portal-tag{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.07);color:#fff;border-radius:12px;padding:9px 11px;font-size:10px}.portal-tag{color:#ff8b20;font-weight:900;letter-spacing:.1em}.map-wrap{height:49vh;min-height:370px;position:relative}.map{position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,122,0,.13),transparent 24%),linear-gradient(145deg,#23262a,#121416)}.location-card{position:absolute;z-index:8;left:15px;right:15px;top:calc(82px + env(safe-area-inset-top));padding:16px;border-radius:22px;background:rgba(13,14,16,.8);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);box-shadow:0 17px 38px rgba(0,0,0,.25)}.ey{font-size:10px;color:#ff8b20;letter-spacing:.18em;font-weight:900}.location-line{display:flex;gap:12px;align-items:center;justify-content:space-between}.location-line h1{font-size:20px;margin:5px 0 3px}.location-line p{font-size:11px;margin:0;color:#9ea1a5}.small-btn{border:1px solid rgba(255,255,255,.14);background:#202226;color:#fff;border-radius:12px;padding:10px 12px}.status{display:flex;gap:7px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;color:#a7aaae}.status i,.live i{width:8px;height:8px;border-radius:50%;background:#43d37c;box-shadow:0 0 0 5px rgba(67,211,124,.1)}.status span{margin-left:auto}.sheet{position:relative;margin-top:-38px;z-index:12;border-radius:30px 30px 0 0;background:#101113;padding:10px 15px 30px;box-shadow:0 -20px 40px rgba(0,0,0,.35)}.handle{width:42px;height:4px;border-radius:10px;background:#43464a;margin:0 auto 18px}.welcome{display:flex;justify-content:space-between;align-items:center}.welcome h2,.panel h2{font-size:28px;margin:4px 0 15px;letter-spacing:-.05em}.avatar{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#26282c;color:#fff;font-weight:900}.avatar .dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#ff7a00;right:0;top:1px}.active-vehicle{width:100%;margin-bottom:12px;border:1px solid rgba(255,255,255,.07);background:#17191b;color:#fff;border-radius:18px;padding:12px 13px;display:flex;gap:10px;align-items:center;text-align:left}.active-vehicle>div{flex:1}.active-vehicle small,.active-vehicle b,.active-vehicle em{display:block}.active-vehicle small{font-size:8px;letter-spacing:.12em;color:#80848a}.active-vehicle b{font-size:14px}.active-vehicle em{font-size:10px;color:#9b9ea2;font-style:normal}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service{min-height:82px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#1b1d20,#151618);color:#fff;padding:14px;display:flex;align-items:center;gap:12px;text-align:left}.service.primary{background:linear-gradient(145deg,#ff8c22,#f16a00);color:#111;border-color:transparent;box-shadow:0 10px 30px rgba(255,122,0,.2)}.svc-icon{font-size:27px}.service b,.service small{display:block}.service small{font-size:10px;color:#9ea0a3;margin-top:4px}.service.primary small{color:#111a}.garage{margin-top:12px;width:100%;border-radius:22px;border:1px solid rgba(255,126,21,.2);background:#18191b;color:#fff;padding:16px;text-align:left}.garage b,.garage small{display:block}.garage b{font-size:16px;margin:5px 0}.garage small{color:#a5a8ab}.nav{position:fixed;z-index:50;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(13,14,16,.96);border-top:1px solid rgba(255,255,255,.06);padding:8px 10px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(18px)}.nav button{background:transparent;border:0;color:#7b7f84;display:grid;place-items:center;gap:3px}.nav button span{font-size:9px}.nav .active{color:#ff7a00}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end}.scrim{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(4px)}.panel{position:relative;width:100%;max-height:90vh;overflow:auto;background:#111214;border-radius:29px 29px 0 0;padding:10px 16px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 55px rgba(0,0,0,.5)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.x{width:40px;height:40px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#1d1f22;color:#fff;font-size:22px}.muted{color:#9ea1a5;font-size:12px;line-height:1.5}.input,.textarea{width:100%;border:1px solid rgba(255,255,255,.08);outline:none;background:#1a1c1f;color:#fff;border-radius:14px;padding:13px;margin:5px 0}.textarea{resize:vertical}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tabs button,.amounts button,.option-list button{border:1px solid rgba(255,255,255,.08);background:#1b1d20;color:#fff;border-radius:14px;padding:13px 9px}.tabs button.selected,.amounts button.selected,.option-list button.selected{border-color:#ff7a00;background:rgba(255,122,0,.12)}.amounts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.panel label{display:block;margin:18px 0 8px;font-size:10px;color:#9b9ea2;letter-spacing:.1em;font-weight:800}.cta{width:100%;border:0;border-radius:17px;background:linear-gradient(145deg,#ff8e26,#ee6800);color:#111;font-weight:950;padding:16px;font-size:15px;box-shadow:0 10px 30px rgba(255,122,0,.22);margin-top:12px}.cta.dark{background:#202226;color:#fff}.cta:disabled{opacity:.6}.summary{margin:14px 0;border-radius:18px;padding:14px;background:#17191b;border:1px solid rgba(255,255,255,.07)}.summary div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;font-size:12px}.summary span{color:#96999d}.summary b{text-align:right}.summary .total{margin-top:5px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08);font-size:15px}.warn{margin:14px 0;padding:13px;border-radius:15px;border:1px solid rgba(255,164,0,.2);background:#1a1c1f;color:#ffad42;font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.option-list,.list{display:grid;gap:8px}.option-list button{text-align:left}.option-list b,.option-list small{display:block}.option-list small{font-size:10px;color:#95999e;margin-top:3px}.list-row,.order-row,.notif{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.07);background:#181a1d;color:#fff;padding:12px;border-radius:15px;text-align:left}.full{width:100%}.list-row>div,.order-row>div,.notif>div{flex:1}.list-row b,.list-row small,.order-row b,.order-row small,.notif b,.notif small,.notif em{display:block}.list-row small,.order-row small,.notif small{color:#8e9297;margin-top:3px;font-size:10px}.list-row i{font-size:8px;background:#ff7a00;color:#111;padding:5px 7px;border-radius:8px;font-style:normal}.status-dot{width:10px;height:10px;border-radius:50%;background:#777}.status-dot.completed{background:#43d37c}.status-dot.en_route,.status-dot.assigned,.status-dot.arrived,.status-dot.in_service{background:#ff7a00}.search{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.09);background:#1a1c1f;border-radius:15px;padding:0 13px;margin-bottom:10px}.search input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:15px 0}.track-map{height:260px;border-radius:18px;overflow:hidden;background:#1a1d20}.track-status{display:flex;gap:12px;align-items:center;background:#17191b;padding:14px;border-radius:16px;margin-top:10px}.track-status>i{width:14px;height:14px;border-radius:50%;background:#ff7a00;box-shadow:0 0 0 8px rgba(255,122,0,.11)}.track-status b,.track-status span{display:block;text-transform:capitalize}.track-status span{font-size:10px;color:#90949a;margin-top:2px}.driver-box{display:flex;align-items:center;gap:10px;background:#151719;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:12px;margin-top:10px}.driver-box>div:nth-child(2){flex:1}.driver-box small,.driver-box b,.driver-box span{display:block}.driver-box small{font-size:8px;color:#7d8287}.driver-box span{font-size:10px;color:#96999d}.driver-box a{width:40px;height:40px;border-radius:13px;background:#ff7a00;color:#111;display:grid;place-items:center;text-decoration:none}.notif{width:100%;position:relative}.notif.read{opacity:.7}.notif em{font-style:normal;color:#666;font-size:9px;margin-top:3px}.notif>i{width:8px;height:8px;border-radius:50%;background:#ff7a00}.upload{display:flex!important;gap:10px;align-items:center;border:1px dashed rgba(255,255,255,.13);background:#17191b;border-radius:15px;padding:14px;margin:9px 0!important}.upload div{flex:1}.upload b,.upload small{display:block}.upload small{color:#8f9398}.upload input{display:none}.toast{position:fixed;z-index:300;left:50%;bottom:90px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#f5f5f5;color:#111;padding:12px 16px;border-radius:14px;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.4);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{text-align:center;padding:28px;color:#858a8f}.empty-icon{font-size:32px}.empty b,.empty span{display:block}.empty b{color:#fff;margin:8px 0 3px}.empty span{font-size:11px}.gate{min-height:100vh;background:radial-gradient(circle at 50% 12%,rgba(255,122,0,.11),transparent 24%),#0b0c0e;padding:22px}.gate-card{max-width:420px;margin:11vh auto 0;text-align:center;background:#121416;border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:30px}.lock{font-size:45px;color:#ff7a00}.gate-card p{color:#9da1a5;line-height:1.5}.ops{min-height:100vh;background:#0b0c0e}.ops .top{position:sticky}.ops-main{max-width:1280px;margin:auto;padding:24px}.driver-hero,.job,.franchise-banner{border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#17191c,#111315);border-radius:24px;padding:20px}.driver-hero{display:flex;justify-content:space-between;align-items:center}.driver-hero h1,.command-title h1{font-size:34px;margin:4px 0;letter-spacing:-.05em}.driver-hero p{color:#909499;margin:0}.power{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#23262a;color:#777;font-size:25px}.power.online{background:#ff7a00;color:#111;box-shadow:0 0 0 10px rgba(255,122,0,.1)}.job{margin-top:14px}.job-head{display:flex;justify-content:space-between}.job-head h2{font-size:25px;margin:7px 0}.job-head strong{font-size:24px;color:#ff8a1d}.pill,.status-chip{display:inline-block;border-radius:20px;background:#24272a;color:#d3d4d6;font-size:9px;text-transform:uppercase;padding:6px 8px;font-style:normal}.status-chip.en_route,.status-chip.assigned,.status-chip.arrived,.status-chip.in_service{background:rgba(255,122,0,.14);color:#ff8a1d}.status-chip.completed,.status-chip.available{background:rgba(67,211,124,.12);color:#43d37c}.destination{display:flex;gap:10px;align-items:center;margin:15px 0;padding:14px;border-radius:16px;background:#0f1113}.destination b,.destination small{display:block}.destination small{font-size:10px;color:#96999c}.stats>div{padding:13px;background:#17191b;border-radius:15px}.stats small,.stats b{display:block}.stats small{font-size:9px;color:#888d91}.secondary{display:block;margin-top:8px;width:100%;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#1a1c1f;color:#fff;padding:13px;text-align:center;text-decoration:none}.section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 10px}.section-title h3{margin:0}.section-title span{background:#24272a;color:#aaa;padding:4px 8px;border-radius:10px;font-size:10px}.command-title{display:flex;justify-content:space-between;align-items:center}.live{display:flex;align-items:center;gap:7px;background:#151817;border:1px solid rgba(67,211,124,.15);padding:8px 11px;border-radius:20px;font-size:10px;font-weight:900}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.kpis>div{padding:16px;border:1px solid rgba(255,255,255,.07);background:#151719;border-radius:18px}.kpis span,.kpis b{display:block}.kpis span{font-size:10px;color:#888c91}.kpis b{font-size:20px;margin-top:5px}.command-map{height:300px;border-radius:20px;overflow:hidden;background:#1a1d20}.actions{display:flex;gap:8px;margin:12px 0}.actions button,.trow button{border:1px solid rgba(255,255,255,.08);background:#191b1e;color:#fff;border-radius:12px;padding:9px 11px}.table{border:1px solid rgba(255,255,255,.07);background:#121416;border-radius:20px;overflow:hidden}.trow{display:grid;grid-template-columns:1.4fr 1.2fr .8fr .8fr .5fr;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.045);font-size:12px}.trow:last-child{border-bottom:0}.trow b,.trow small{display:block}.trow small{color:#7f8489}.driver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.driver-card{display:flex;gap:9px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.07);background:#141618;border-radius:16px}.driver-card>div{flex:1}.driver-card b,.driver-card small{display:block}.driver-card small{font-size:10px;color:#878b90}.presence{width:9px;height:9px;border-radius:50%;background:#555}.presence.on{background:#43d37c;box-shadow:0 0 0 5px rgba(67,211,124,.08)}.franchise-banner{display:flex;gap:12px;align-items:center;background:linear-gradient(145deg,rgba(255,122,0,.12),#151719)}.franchise-banner b,.franchise-banner small{display:block}.franchise-banner small{color:#9da1a5;margin-top:3px}@media(min-width:720px){.customer-shell{width:500px;margin:auto;box-shadow:0 0 80px rgba(0,0,0,.55)}.customer-shell .top,.customer-shell .nav{width:500px;left:50%;transform:translateX(-50%)}.panel{width:500px;margin:auto}.location-card{left:calc(50% - 235px);right:calc(50% - 235px)}}@media(max-width:820px){.ops-main{padding:16px}.kpis{grid-template-columns:1fr 1fr}.driver-grid{grid-template-columns:1fr}.trow{grid-template-columns:1fr auto}.trow>*:nth-child(2),.trow>*:nth-child(3){grid-column:1}.trow>*:nth-child(4){grid-column:2;grid-row:1}.driver-hero h1,.command-title h1{font-size:28px}.portal-tag{display:none}}