@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,800&display=swap";:root{--primary:#f26922;--primary-light:#fff3ec;--bg-color:#f7f8fa;--text-dark:#111418;--text-gray:#6b7280;--border-color:#e5e7eb;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 16px 40px #00000014;--shadow-orange:0 8px 20px #f2692240;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--easing:cubic-bezier(.32, .72, 0, 1);--easing-spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#d1d5db;justify-content:center;align-items:center;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex}.font-weight-400{font-weight:400!important}.font-weight-500{font-weight:500!important}.text-gray{color:var(--text-gray)}.font-13{font-size:13px}.cursor-pointer{cursor:pointer}.opacity-80{opacity:.8}.filter-grayscale{filter:grayscale()opacity(.6)}.mt-2{margin-top:16px}.pb-4{padding-bottom:16px!important}.app-container{background-color:var(--bg-color);border-radius:0;flex-direction:column;width:100%;max-width:414px;height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}@media (width<=480px){.app-container{max-width:100%;height:100dvh}}.icon{width:24px;height:24px}.icon-small{width:16px;height:16px}.icon-micro{width:14px;height:14px}.inline{vertical-align:middle;display:inline-block}.app-header{-webkit-backdrop-filter:blur(12px);z-index:10;background:#ffffffd9;border-bottom:1px solid #e5e7eb80}.header-top{justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.menu-btn,.back-btn,.icon-btn-gray{cursor:pointer;color:#333;background:0 0;border:none;transition:transform .2s}.menu-btn:active,.back-btn:active,.icon-btn-gray:active{transform:scale(.9)}.icon-btn-gray{color:#888}.tab-bar{padding:0 12px;display:flex}.tab{text-align:center;color:var(--text-gray);cursor:pointer;flex:1;padding:14px 0;font-size:14px;font-weight:600;transition:color .3s;position:relative}.tab.active{color:var(--text-dark)}.tab.active:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;width:70%;height:3px;position:absolute;bottom:0;left:15%}.main-content{transition:padding .4s var(--easing);scroll-behavior:smooth;flex:1;padding:20px 20px 320px;overflow-y:auto}body.app-state-initial .main-content{padding-bottom:32px}body.app-state-initial .bottom-sheet{pointer-events:none;opacity:0;transition:transform .5s var(--easing), opacity .4s;transform:translateY(110%)}body.app-state-initial .v-desc,body.app-state-initial .v-specs{display:none}body.app-state-initial .vehicle-card{align-items:center;margin-bottom:10px;padding:14px 20px}body.app-state-initial .vehicle-card.active{box-shadow:var(--shadow-sm);background:#fff;border-color:#0000;transform:none}body.app-state-initial .active-badge{opacity:0;transform:scale(.5)}body.app-state-initial .placeholder-text{color:#9ca3af;font-size:14px;font-weight:500}body.app-state-initial .xem-them{justify-content:center;align-items:center;gap:4px;padding-top:8px;display:flex}.xem-them{display:none}.address-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .3s var(--easing);background:#fff;border:1px solid #00000005;margin-bottom:24px;padding:20px 20px 12px;position:relative}.address-item{cursor:pointer;align-items:flex-start;gap:14px;padding:12px 0;transition:opacity .2s;display:flex}.address-item:active{opacity:.7}.address-content{flex:1}.address-title{color:var(--text-dark);letter-spacing:-.2px;margin-bottom:4px;font-size:15px;font-weight:600}.address-sub{color:var(--text-gray);font-size:13px;line-height:1.5}.time-selector{color:var(--text-dark);background:#f3f4f6;border-radius:20px;align-items:center;padding:4px 10px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.time-selector:active{background:#e5e7eb}.address-divider{border-left:2px dashed #e5e7eb;position:absolute;top:56px;bottom:120px;left:26px}.separator-line{background:#f3f4f6;height:1px;margin:8px -20px}.add-address-btn{width:100%;color:var(--text-dark);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 0;font-size:14px;font-weight:600;transition:background .2s;display:flex}.add-address-btn:active{background:#f9fafb}.section-title{color:var(--text-dark);letter-spacing:-.3px;margin-bottom:16px;font-size:15px;font-weight:700}.vehicle-list{flex-direction:column;gap:14px;display:flex}.vehicle-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border:2px solid #0000;gap:18px;padding:18px 20px;transition:transform .2s,border-color .3s,box-shadow .3s;display:flex;position:relative}.vehicle-card:active{transform:scale(.98)}.vehicle-card.active{border-color:var(--primary);box-shadow:var(--shadow-orange), 0 0 0 1px var(--primary-light) inset;background:#fffaf7;transform:translateY(-2px)}.active-badge{background:var(--primary);z-index:2;width:26px;height:26px;animation:popIn .4s var(--easing-spring) forwards;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 10px #f2692266}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.active-badge svg{width:14px;height:14px}.vehicle-img{flex-shrink:0;width:56px;height:auto}.v-title{letter-spacing:-.3px;margin-bottom:6px;font-size:15px;font-weight:700}.v-desc{color:var(--text-gray);margin-bottom:6px;font-size:13px;line-height:1.4}.v-specs{color:#9ca3af;font-size:12px;font-weight:500}.bottom-sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;box-shadow:var(--shadow-lg), 0 -10px 40px #0000000f;z-index:20;opacity:1;transition:transform .5s var(--easing), opacity .4s;background:#fff;flex-direction:column;padding-top:8px;display:flex;position:absolute;bottom:0;left:0;transform:translateY(0)}.bs-drag-handle{background:#e5e7eb;border-radius:3px;width:44px;height:5px;margin:8px auto 16px}.bs-content{max-height:50vh;padding:0 20px;overflow-y:auto}.bs-services{border-bottom:1px solid var(--border-color);padding-bottom:16px}.bs-title{color:var(--text-dark);letter-spacing:-.3px;margin-bottom:16px;font-size:15px;font-weight:700}.service-item{color:#4b5563;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.price{color:var(--text-dark);font-weight:600}.show-all{color:var(--primary);cursor:pointer;margin-top:12px;font-size:14px;font-weight:600;transition:opacity .2s}.show-all:active{opacity:.7}.text-center{text-align:center}.speed-options{padding:16px 0}.speed-option{border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--easing);border:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;display:flex}.speed-option:active{transform:scale(.98)}.speed-option.active{border-color:var(--primary);background-color:var(--primary-light)}.speed-title{color:var(--text-dark);font-size:15px;font-weight:700}.speed-desc{color:var(--text-gray);margin-top:4px;font-size:12px;line-height:1.3}.speed-price{color:var(--text-dark);transition:transform .3s var(--easing-spring);font-size:15px;font-weight:700}.h-price{color:var(--primary);font-size:18px;transform:scale(1.05)}.bs-action{background:#fff;padding:12px 20px 24px;box-shadow:0 -4px 10px #00000005}.primary-btn{background:var(--primary);color:#fff;cursor:pointer;width:100%;transition:all .2s var(--easing);box-shadow:var(--shadow-orange);border:none;border-radius:12px;justify-content:center;align-items:center;padding:16px;font-size:16px;font-weight:700;display:flex}.primary-btn:active{transform:scale(.96);box-shadow:0 4px 10px #f2692233}.primary-btn.pulse-glow{animation:none}.overlay{z-index:50;transition:transform .4s var(--easing);background:#fff;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;transform:translate(100%)}.overlay.active{transform:translate(0)}.overlay-header{-webkit-backdrop-filter:blur(12px);z-index:2;background:#ffffffd9;border-bottom:1px solid #e5e7eb80;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.overlay-title{letter-spacing:-.3px;font-size:17px;font-weight:700}.overlay-content{background:var(--bg-color);flex:1;padding:0 20px;overflow-y:auto}.overlay-footer{z-index:2;background:#fff;border-top:1px solid #0000000d;padding:16px 20px 24px;position:sticky;bottom:0;box-shadow:0 -10px 30px #00000008}.form-list{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;margin-top:16px;padding:0 16px}.form-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;padding:18px 0;display:flex}.form-item:last-child{border-bottom:none}.i-orange{width:20px;height:20px;color:var(--primary);flex-shrink:0;margin-right:14px}.fi-text{color:var(--text-dark);flex:1;font-size:15px;font-weight:500}.i-arrow{color:#d1d5db;width:20px;height:20px}.toggle{cursor:pointer;background:#e5e7eb;border-radius:15px;width:50px;height:30px;transition:background .4s;position:relative}.toggle.active{background:#34c759}.toggle-knob{width:26px;height:26px;transition:transform .4s var(--easing-spring), box-shadow .3s;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0003}.toggle.active .toggle-knob{transform:translate(20px)}.footer-total{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.footer-total span:first-child{color:var(--text-gray);font-size:14px;font-weight:500}.total-price{color:var(--text-dark);font-size:22px;font-weight:800}#address-overlay{background:#fdfdfd}.map-bg{background-image:url(https://media.wired.com/photos/59269cd37034dc5f91bec0f1/master/pass/GoogleMapTA.jpg);background-position:50%;background-size:cover;flex:1;transition:filter .3s;position:relative}.address-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);z-index:10;background:#fffffff2;border:1px solid #0000000d;border-radius:12px;align-items:center;padding:14px;display:flex;position:absolute;top:20px;left:20px;right:20px}.address-input-group{flex-direction:column;flex:1;margin-left:14px;display:flex}.address-input-group input{background:0 0;border:none;outline:none;width:100%;margin-top:4px;font-size:16px;font-weight:600}.address-input-group input::placeholder{color:#9ca3af;font-weight:500}.map-pin{animation:dropPin .6s var(--easing-spring);flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}@keyframes dropPin{0%{opacity:0;transform:translate(-50%,-150%)}to{opacity:1;transform:translate(-50%,-100%)}}.pin-marker{background:var(--primary);z-index:2;border:2px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:6px;display:flex;transform:rotate(-45deg);box-shadow:2px -2px 12px #f2692266}.pin-dot{background:#fff;border-radius:50%;width:14px;height:14px}.pin-shadow{filter:blur(2px);z-index:1;background:#00000040;border-radius:50%;width:20px;height:5px}.my-location-btn{width:44px;height:44px;box-shadow:var(--shadow-md);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;bottom:30px;right:20px}.my-location-btn:active{transform:scale(.9)}.my-location-btn svg{width:24px;height:24px}.address-details-sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:10;background:#fff;padding:24px 20px;position:relative;box-shadow:0 -8px 30px #00000014}.blue-banner{color:#2563eb;border-radius:var(--radius-sm);background:#eff6ff;align-items:flex-start;gap:10px;margin-bottom:24px;padding:14px 16px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.input-row{margin-bottom:14px}.input-row input{width:100%;transition:all .3s var(--easing);background:#f3f4f6;border:1.5px solid #0000;border-radius:12px;outline:none;padding:16px;font-size:15px;font-weight:500}.input-row input:focus{border-color:var(--primary);background:#fff;box-shadow:0 4px 12px #f2692214}.input-split{gap:12px;display:flex}#finding-overlay,#driver-assigned-overlay{z-index:60}.radar-map{filter:grayscale()opacity(.2)contrast(1.2);z-index:0;background:url(https://media.wired.com/photos/59269cd37034dc5f91bec0f1/master/pass/GoogleMapTA.jpg) 50%/cover;width:100%;height:100%;position:absolute;top:0;left:0}.radar-center{background:var(--primary);color:#fff;z-index:2;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #f2692280}.radar-pulse{background:var(--primary);z-index:1;border-radius:50%;width:70px;height:70px;animation:2.5s cubic-bezier(.1,.8,.3,1) infinite radarPing;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}@keyframes radarPing{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(6)}}.radar-bottom{border-radius:var(--radius-lg) var(--radius-lg) 0 0;text-align:center;z-index:10;background:#fff;width:100%;padding:40px 24px 30px;position:absolute;bottom:0;box-shadow:0 -10px 40px #0000001a}.driver-card-avatar{box-shadow:var(--shadow-sm);border:2px solid #fff}.driver-assigned-btn{color:var(--primary);background:#fff3ec;font-weight:700;transition:all .2s}.driver-assigned-btn:active{opacity:.9;transform:scale(.95)}.sugg-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;padding:18px 20px;transition:background .2s;display:flex}.sugg-item:active{background:#f9fafb}.sugg-item:last-child{border-bottom:none}.sugg-icon{color:#6b7280;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-shade{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;background:#00000080;transition:opacity .4s;position:absolute;inset:0}.sidebar-shade.active{opacity:1;pointer-events:auto}.sidebar{z-index:95;width:85%;max-width:340px;height:100%;transition:transform .4s var(--easing-spring);background:#fff;border-radius:0 24px 24px 0;flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:10px 0 30px #00000026}.sidebar.active{transform:translate(0)}.sb-header{background:linear-gradient(135deg,#fffaf7 0%,#fff 100%);border-bottom:1px solid #f269221a;align-items:center;padding:40px 24px 24px;display:flex}.sb-menu{flex:1;padding:16px 0;overflow-y:auto}.sb-item{color:var(--text-dark);cursor:pointer;align-items:center;padding:18px 24px;font-size:15px;font-weight:600;transition:background .2s,padding-left .2s;display:flex}.sb-item:active{background:#f9fafb;padding-left:28px}.sb-icon{color:#4b5563;width:22px;height:22px;margin-right:18px}#login-overlay{background:linear-gradient(#fffaf7 0%,#fff 40%)}.login-header .logo-large{animation:slideDownFade .8s var(--easing-spring)}.login-content{animation:slideUpFade .8s var(--easing-spring) .1s backwards}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}