:root{--color-text-primary: #FFFFFF;--color-text-secondary: #B3B3B3;--color-text-tertiary: #808080;--color-brand-yellow: #FFB800;--color-brand-orange: #FF7A00;--color-brand-red: #FF2D55;--color-warning-yellow: #F59E0B;--color-info-blue: #3B82F6;--color-primary-green: var(--color-brand-orange);--color-alert-red: var(--color-brand-red);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--accent-green: var(--color-brand-yellow);--accent-green-hover: #E56E00;--accent-green-dim: rgba(255, 184, 0, .14);--danger-red: var(--color-brand-red);--warning-yellow: var(--color-warning-yellow);--info-blue: var(--color-info-blue);--brand-gradient: linear-gradient(135deg, #FFB800 0%, #FF7A00 50%, #FF2D55 100%);--brand-gradient-hover: linear-gradient(135deg, #FFC933 0%, #FF8F26 52%, #FF4769 100%);--bg-color: #000000;--card-bg: #141414;--card-border: #2A2A2A;--nav-bg: #FFFFFF;--nav-active: var(--color-brand-yellow);--nav-inactive: #9ca3af;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-h1-size: 28px;--font-h1-lh: 36px;--font-h1-ls: -.5px;--font-h1-weight: 800;--font-h2-size: 22px;--font-h2-lh: 28px;--font-h2-ls: -.3px;--font-h2-weight: 700;--font-h3-size: 18px;--font-h3-lh: 24px;--font-h3-ls: 0;--font-h3-weight: 600;--font-body-lg-size: 16px;--font-body-lg-lh: 24px;--font-body-size: 14px;--font-body-lh: 20px;--font-body-sm-size: 12px;--font-body-sm-lh: 16px;--font-caption-size: 11px;--font-caption-lh: 16px;--font-label-size: 13px;--font-label-lh: 16px;--font-label-ls: .5px;--font-label-weight: 500}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family);-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background-color:var(--bg-color);color:var(--text-primary);overflow:hidden}.app-view{width:100%;height:100%;height:100dvh;background-color:var(--bg-color);position:relative;overflow:hidden;display:flex;flex-direction:column}#map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.mapboxgl-map{background-color:#000!important}.mapboxgl-ctrl-attrib{background:#000000b3!important;color:#444!important;font-size:8px!important}.app-header{position:absolute;top:0;left:0;width:100%;padding:16px 20px 12px;display:flex;justify-content:space-between;align-items:flex-start;z-index:100;pointer-events:auto}.header-left{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.brand-logo{display:flex;align-items:center;line-height:0}.brand-logo__img{display:block;height:40px;width:auto;max-width:min(72vw,200px);object-fit:contain}.auth-login-brand.brand-logo .brand-logo__img,.auth-register-brand.brand-logo .brand-logo__img{height:48px;max-width:min(80vw,220px)}.header-actions{display:flex;align-items:center;gap:12px;padding-top:2px}.back-btn-header{display:none;width:36px;height:36px;border-radius:50%;background-color:#fff;border:none;box-shadow:0 4px 12px #00000040;align-items:center;justify-content:center;color:#000;cursor:pointer;transition:all .2s;padding:0}.app-view.panel-open .app-header{z-index:200}.app-view.panel-open .back-btn-header{display:flex;position:relative;z-index:201}.app-view.map-pick-mode #map{cursor:crosshair}.app-view.ride-map-pick-active .back-btn-header{display:none!important}.app-view.ride-map-pick-active #map,.app-view.ride-map-pick-active #map .mapboxgl-map{pointer-events:auto!important;z-index:130}.app-view.ride-map-pick-active .screens-container{pointer-events:none;z-index:140}.app-view.ride-map-pick-active .tab-navigator-wrap{pointer-events:auto;position:relative;z-index:145;flex-shrink:0}.app-view.ride-map-pick-active.panel-open .bottom-ui{max-height:none;background:transparent;box-shadow:none;border-radius:0;overflow:visible;pointer-events:none}.app-view.ride-map-pick-active #panelStep2.bottom-panel{display:none!important}.back-btn-header:active{transform:scale(.9);background-color:#f0f0f0}.header-icon-btn{width:36px;height:36px;border-radius:50%;background-color:#12181fd9;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;color:var(--text-primary);cursor:pointer;position:relative;transition:all .2s}.header-icon-btn:has(.ooride-profile-avatar--header){overflow:hidden;padding:0}.header-icon-btn:active{transform:scale(.92);background-color:#12181f}.header-icon-img{width:20px;height:20px;object-fit:contain;display:block;pointer-events:none;filter:brightness(0) invert(1)}.header-icon-img--profile{width:24px;height:24px}.header-icon-svg{display:block;pointer-events:none}.badge-dot{position:absolute;top:8px;right:9px;width:6px;height:6px;border-radius:50%;background-color:var(--danger-red)}.notification-count-badge{position:absolute;top:4px;right:2px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9999px;background-color:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:1;letter-spacing:-.02em;border:2px solid var(--notification-badge-ring, rgba(18, 24, 31, 1));box-sizing:border-box;pointer-events:none}.screens-container{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:120;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end}.app-view.home-map-only .bottom-ui{background-color:var(--bg-color);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -10px 30px #00000080;padding:0 0 12px}.app-view.home-map-only #panelStep1.bottom-panel.active{display:flex!important}.bottom-ui{display:flex;flex-direction:column;width:100%;gap:0;background-color:var(--bg-color);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -10px 30px #00000080;pointer-events:auto;padding:0 0 12px}.bottom-panel{background-color:transparent;border-radius:0;padding:20px 20px 12px;border-top:none;pointer-events:auto;display:none;flex-direction:column;box-shadow:none;max-height:58vh;overflow-y:auto;position:relative;flex-shrink:0;margin:0}.bottom-panel.active{display:flex;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}.bottom-panel.map-collapsed{max-height:none;overflow:hidden;padding-top:12px;padding-bottom:8px}.bottom-panel.map-collapsed>:not(.panel-top){display:none!important}.bottom-panel.map-collapsed .panel-top{cursor:pointer}.bottom-panel.map-collapsed .panel-top .panel-drag-handle{display:none}.bottom-panel.map-collapsed .panel-top .location-row-header,.bottom-panel.map-collapsed .panel-top .panel-subtitle,.bottom-panel.map-collapsed .panel-top .review-header-row{margin-bottom:0}.panel-drag-handle{width:40px;height:4px;border-radius:2px;background-color:#ffffff26;align-self:center;margin-bottom:14px;position:absolute;top:8px;left:calc(50% - 20px)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.panel-title{font-size:var(--font-h3-size);line-height:var(--font-h3-lh);font-weight:var(--font-h3-weight);letter-spacing:var(--font-h3-ls);color:var(--text-primary);margin-bottom:4px;margin-top:4px}.panel-subtitle{font-size:var(--font-body-sm-size);line-height:var(--font-body-sm-lh);font-weight:400;color:var(--text-secondary);margin-bottom:16px}.primary-btn{width:100%;height:48px;background:var(--brand-gradient);color:#fff;border:none;border-radius:12px;font-size:var(--font-label-size);line-height:var(--font-label-lh);font-weight:500;letter-spacing:var(--font-label-ls);display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:all .2s;margin-top:4px}.primary-btn:active{background:var(--brand-gradient-hover);transform:scale(.98)}.tab-navigator-wrap{pointer-events:auto;background-color:var(--nav-bg);border:1px solid rgba(0,0,0,.05);z-index:110;border-radius:30px;box-shadow:0 8px 24px #00000040;padding:8px 16px;margin:0 16px 16px}.tab-navigator{height:48px;display:flex;justify-content:space-around;align-items:center}.tab-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--nav-inactive);cursor:pointer;flex:1;transition:all .2s ease-in-out}.tab-item.active{color:var(--nav-active)}.tab-icon{width:22px;height:22px;stroke-width:2;fill:none;stroke:currentColor;transition:transform .2s,opacity .2s}.tab-item:not(.active) .tab-icon{opacity:.5}.tab-item.active .tab-icon{stroke:var(--nav-active);transform:scale(1.05)}.tab-nav-icon-img{width:22px;height:22px;object-fit:contain;display:block;pointer-events:none}.tab-item:not(.active) .tab-nav-icon-img[src$=".png"]{opacity:.5;filter:brightness(0)}.tab-item.active .tab-nav-icon-img{opacity:1;filter:brightness(0) saturate(100%) invert(76%) sepia(89%) saturate(1800%) hue-rotate(360deg) brightness(103%) contrast(101%)}.tab-item.active .tab-nav-icon-img[src$=".png"]{opacity:1}.tab-item:active .tab-icon{transform:scale(.9)}.tab-label{font-size:var(--font-caption-size);line-height:var(--font-caption-lh);font-weight:500;letter-spacing:0}.tab-item.active .tab-label{font-weight:600}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;padding-bottom:4px}.service-card{background-color:var(--card-bg);border:1.5px solid var(--card-border);border-radius:18px;padding:10px 10px 12px;display:flex;flex-direction:column;align-items:stretch;text-align:left;position:relative;cursor:pointer;transition:all .23s ease;min-width:0;min-height:196px}.service-card__body{display:flex;flex-direction:column;align-items:flex-start;flex:1;width:100%;min-width:0;gap:0}.service-card.active{border-color:var(--accent-green);background-color:#ffb8000a}.service-card.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:18px;height:3px;background-color:var(--accent-green);border-radius:2px}.service-icon-container{width:38px;height:38px;border-radius:10px;background-color:#ffffff08;display:flex;justify-content:center;align-items:center;margin-bottom:24px;color:var(--text-secondary)}.service-card.active .service-icon-container{color:var(--accent-green);background-color:var(--accent-green-dim)}.service-icon-container svg{width:20px;height:20px;stroke-width:1.8;stroke:currentColor;fill:none}.service-icon-container--ride,.service-icon-container--sabay,.service-icon-container--rent{width:100%;height:118px;margin-bottom:10px;background:transparent;border-radius:0;overflow:visible;align-items:flex-end;justify-content:center;position:relative;flex-shrink:0}.service-card.active .service-icon-container--ride,.service-card.active .service-icon-container--sabay,.service-card.active .service-icon-container--rent{background:transparent;color:inherit}.service-icon-3d{position:relative;z-index:1;width:100%;height:auto;max-height:118px;object-fit:contain;object-position:center bottom;display:block;margin:0 auto;filter:drop-shadow(0 0 8px rgba(255,255,255,.16)) drop-shadow(0 2px 6px rgba(255,255,255,.1)) drop-shadow(0 6px 10px rgba(0,0,0,.4))}.service-icon-3d--ride{max-height:112px;transform:translate(2px)}.service-icon-3d--sabay{width:108%;max-width:108%;max-height:118px;margin-left:-4%}.service-icon-3d--rent{width:100%;max-width:100%;max-height:118px;object-position:center bottom}.service-icon-bottom-fade{position:absolute;bottom:0;left:0;right:0;height:22px;z-index:2;pointer-events:none;background:linear-gradient(to top,var(--card-bg) 0%,color-mix(in srgb,var(--card-bg) 88%,transparent) 45%,transparent 100%)}.service-card.active .service-icon-bottom-fade{background:linear-gradient(to top,rgba(255,184,0,.04) 0%,color-mix(in srgb,rgba(255,184,0,.04) 88%,transparent) 45%,transparent 100%)}.service-title{font-size:14px;line-height:1.2;font-weight:700;color:var(--text-primary);margin-bottom:4px}.service-desc{font-size:11px;line-height:1.35;font-weight:400;color:var(--text-secondary)}.bottom-ui:has(#panelStep2.active){max-height:min(78dvh,calc(100dvh - 132px));overflow:hidden;display:flex;flex-direction:column}#panelStep2.bottom-panel{max-height:100%;flex:1 1 auto;min-height:0;padding:4px 14px 10px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#panelStep2 .panel-drag-handle{position:relative;top:auto;left:auto;margin-bottom:8px}#panelStep2 .panel-top{padding-top:0}#panelStep2 .location-row-header{margin-bottom:10px}#panelStep2 .location-header-title{font-size:17px;line-height:1.25;font-weight:700}#panelStep2 .cancel-btn{color:var(--accent-green);font-size:var(--font-body-size);line-height:var(--font-body-lh);font-weight:600}#panelStep2 .location-section{margin-bottom:10px;padding:10px 12px}#panelStep2 .location-inputs{gap:8px}#panelStep2 .loc-label{font-size:9px;margin-bottom:1px}#panelStep2 .loc-value{font-size:13px;line-height:1.25}#panelStep2 .selection-title{display:block;margin-bottom:6px;font-size:10px}#panelStep2 .horizontal-scroll-container{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;overflow:visible;margin-bottom:10px;padding-bottom:0}#panelStep2 .vehicle-card{flex:none;min-width:0;padding:8px 6px;border-radius:10px}#panelStep2 .vehicle-price{display:none}#panelStep2 .vehicle-visual{width:32px;height:32px;margin-bottom:8px}#panelStep2 #veh-motorcycle .vehicle-visual--3d,#panelStep2 #veh-taxi .vehicle-visual--3d,#panelStep2 #veh-van .vehicle-visual--3d{width:46px;height:46px;margin-bottom:2px}#panelStep2 #veh-motorcycle.active .vehicle-visual--3d,#panelStep2 #veh-taxi.active .vehicle-visual--3d,#panelStep2 #veh-van.active .vehicle-visual--3d{width:50px;height:50px}#panelStep2 .vehicle-name{font-size:11px}#panelStep2 .vehicle-time{font-size:10px;margin-top:2px}#panelStep2 #type-regular .vehicle-visual--3d,#panelStep2 #type-pool .vehicle-visual--3d,#panelStep2 #type-free .vehicle-visual--3d{width:56px;height:56px;margin-bottom:4px}#panelStep2 #type-regular.active .vehicle-visual--3d,#panelStep2 #type-pool.active .vehicle-visual--3d,#panelStep2 #type-free.active .vehicle-visual--3d{width:64px;height:64px}#panelStep2.is-hide-upfront-fare .estimated-fare-card{display:none}#panelStep1 .service-card[data-service=sabay].active{border-color:#ff7a00;background-color:#ff7a000f}#panelStep1 .service-card[data-service=sabay].active:after{background-color:#ff7a00}#panelStep1 .service-card[data-service=sabay].active .service-icon-container{color:#ff7a00;background-color:#ff7a001f}#panelStep3.is-hide-upfront-fare #summaryPrice,#panelStep3.is-hide-upfront-fare #metricFareRow{display:none}.bottom-ui:has(#panelStep3.active){max-height:min(78dvh,calc(100dvh - 132px));overflow:hidden;display:flex;flex-direction:column}#panelStep3.bottom-panel{max-height:100%;flex:1 1 auto;min-height:0;padding:8px 16px 12px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#panelStep3 .panel-drag-handle{position:relative;top:auto;left:auto;margin-bottom:12px}#panelStep3 .panel-top{flex-shrink:0;padding-top:4px}#panelStep3 .panel-step3-body{flex:none;min-height:0;overflow:visible}#panelStep3.map-collapsed{flex:0 0 auto;overflow:hidden}#panelStep3 .primary-btn--step3{flex:0 0 auto;align-self:stretch;width:100%;margin-top:16px;margin-bottom:8px;min-height:52px;height:52px;max-height:52px;padding:0 24px;font-size:16px;line-height:1.2;font-weight:600;border-radius:999px;letter-spacing:.01em;box-sizing:border-box}#panelStep2 .estimated-fare-card{flex-shrink:0;margin-bottom:8px;padding:10px 12px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px}#panelStep2 .estimated-fare-card__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}#panelStep2 .estimated-fare-card__copy{flex:1;min-width:0}#panelStep2 .estimated-fare-card__price{font-size:18px;font-weight:800;color:var(--text-primary);line-height:1.2;margin-bottom:2px}#panelStep2 .estimated-fare-card__note{margin:0;font-size:10px;line-height:1.3;color:var(--text-secondary)}#panelStep2 .primary-btn--step2{flex-shrink:0;margin-top:2px;margin-bottom:4px;min-height:48px;height:48px;padding:0 20px;font-size:15px;line-height:1.2;font-weight:700;border-radius:999px;letter-spacing:.01em;background:var(--brand-gradient);box-shadow:none}#panelStep2 .primary-btn--step2 .btn-arrow{font-size:18px;font-weight:700}#panelStep4.bottom-panel{padding-bottom:4px;max-height:72dvh}#panelStep4 .illustration-card{padding:12px 10px;margin-bottom:14px}#panelStep4 .ride-illustration{width:120px;max-height:96px;margin-bottom:8px}#panelStep4 .primary-btn--step4{flex-shrink:0;align-self:stretch;width:100%;height:52px;min-height:52px;max-height:52px;margin-top:0;margin-bottom:16px;padding:0 24px;font-size:16px;line-height:1.2;font-weight:600;border-radius:999px;letter-spacing:.01em}#panelStep2.map-collapsed{flex:0 0 auto;overflow:hidden}.location-section{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:14px;margin-bottom:14px;position:relative}.location-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.location-header-title{font-size:var(--font-body-lg-size);line-height:var(--font-body-lg-lh);font-weight:600;color:var(--text-primary)}.cancel-btn{font-size:var(--font-body-sm-size);line-height:var(--font-body-sm-lh);font-weight:500;color:var(--text-secondary);cursor:pointer}.location-inputs{position:relative;display:flex;flex-direction:column;gap:12px}.location-line-decor{position:absolute;left:6px;top:12px;bottom:12px;width:1px;border-left:2px dotted #2C3A4E;pointer-events:none}.location-input-row{display:flex;align-items:center;gap:10px;position:relative;cursor:pointer}.loc-indicator{width:13px;height:13px;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:2;background:var(--bg-color)}.loc-indicator.start:after{content:"";width:7px;height:7px;border-radius:50%;background-color:var(--accent-green)}.loc-indicator.dest:after{content:"";width:7px;height:7px;border-radius:50%;background-color:var(--danger-red)}.loc-details{flex-grow:1;display:flex;flex-direction:column}.loc-label{font-size:var(--font-caption-size);line-height:var(--font-caption-lh);color:var(--text-tertiary);text-transform:uppercase;font-weight:600;letter-spacing:var(--font-label-ls);margin-bottom:2px}.loc-value{font-size:var(--font-body-size);line-height:var(--font-body-lh);font-weight:500;color:var(--text-primary)}.loc-value--placeholder{color:var(--text-secondary);font-weight:400}.loc-action-icon,.rent-loc-pick-btn,button.loc-action-icon,button.rent-loc-pick-btn{flex-shrink:0;width:auto;height:auto;min-width:28px;min-height:28px;padding:4px;margin:0;border:none;border-radius:0;background:transparent;box-shadow:none;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;-webkit-appearance:none;appearance:none}.loc-action-icon:active,.rent-loc-pick-btn:active{opacity:.65;transform:none}.rent-loc-pick-btn{color:var(--color-brand-yellow, var(--accent-green, #ffb800))}.selection-title{font-size:var(--font-body-sm-size);line-height:var(--font-body-sm-lh);font-weight:600;text-transform:uppercase;letter-spacing:var(--font-label-ls);color:var(--text-secondary);margin-bottom:8px}.horizontal-scroll-container{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px;padding-bottom:4px;scrollbar-width:none}.horizontal-scroll-container::-webkit-scrollbar{display:none}.vehicle-card{flex:0 0 calc(33.33% - 6px);background-color:var(--card-bg);border:1.5px solid var(--card-border);border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s}.vehicle-card.active{border-color:var(--accent-green);background-color:#ffb8000a}.vehicle-visual{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:6px}.vehicle-card.active .vehicle-visual{color:var(--accent-green)}.vehicle-visual--3d{width:52px;height:52px;overflow:visible;background:transparent;margin-bottom:4px;position:relative}.vehicle-card.active .vehicle-visual--3d,.ride-type-card.active .vehicle-visual--3d{width:60px;height:60px;margin-bottom:2px}.vehicle-icon-3d{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;transition:opacity .2s ease,filter .2s ease}.vehicle-card:not(.active) .vehicle-icon-3d,.ride-type-card:not(.active) .vehicle-icon-3d{opacity:.55;filter:grayscale(.25)}.vehicle-card.active .vehicle-visual--3d:before,.ride-type-card.active .vehicle-visual--3d:before{content:"";position:absolute;top:8%;left:50%;transform:translate(-50%);width:92%;height:78%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 85% 85% at 50% 52%,rgba(255,255,255,.28) 0%,rgba(255,255,255,.12) 42%,transparent 72%)}.vehicle-card.active .vehicle-visual--3d:after,.ride-type-card.active .vehicle-visual--3d:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:88%;height:20px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(0,0,0,.7) 0%,rgba(0,0,0,.35) 48%,transparent 78%)}.vehicle-card.active .vehicle-icon-3d,.ride-type-card.active .vehicle-icon-3d{opacity:1;filter:drop-shadow(0 0 18px rgba(255,255,255,.38)) drop-shadow(0 0 32px rgba(255,255,255,.22)) drop-shadow(0 4px 14px rgba(255,255,255,.28)) drop-shadow(0 14px 28px rgba(0,0,0,.65)) drop-shadow(0 8px 18px rgba(0,0,0,.45))}.vehicle-name{font-size:var(--font-caption-size);line-height:var(--font-caption-lh);font-weight:600;color:var(--text-primary);margin-bottom:2px;text-align:center}.vehicle-price{font-size:var(--font-body-sm-size);line-height:var(--font-body-sm-lh);font-weight:700;color:var(--text-primary)}.vehicle-time{font-size:var(--font-caption-size);line-height:var(--font-caption-lh);font-weight:500;color:var(--accent-green);margin-top:3px}.ride-type-card{flex:0 0 calc(33.33% - 6px);background-color:var(--card-bg);border:1.5px solid var(--card-border);border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:all .2s}.ride-type-card.active{border-color:var(--accent-green);background-color:#ffb8000a}.badge-checked{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background-color:var(--accent-green);color:#000;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;opacity:0;transform:scale(.6);transition:all .2s ease}.ride-type-card.active .badge-checked{opacity:1;transform:scale(1)}.type-icon{width:20px;height:20px;stroke-width:2;stroke:var(--text-secondary);fill:none;margin-bottom:6px}.ride-type-card.active .type-icon{stroke:var(--accent-green)}.type-name{font-size:var(--font-caption-size);line-height:var(--font-caption-lh);font-weight:600;color:var(--text-primary);margin-bottom:2px}.type-desc{font-size:var(--font-caption-size);line-height:var(--font-caption-lh);font-weight:400;color:var(--text-secondary);text-align:center}.fare-disclaimer{display:flex;align-items:center;gap:6px;background-color:#ffffff05;border-radius:8px;padding:8px 10px;margin-bottom:10px}.disclaimer-icon{color:var(--text-secondary);flex-shrink:0}.disclaimer-text{font-size:var(--font-caption-size);line-height:var(--font-caption-lh);font-weight:400;color:var(--text-secondary)}.review-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.change-btn{font-size:var(--font-body-sm-size);line-height:var(--font-body-sm-lh);font-weight:500;color:var(--accent-green);cursor:pointer}.summary-pill{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.summary-left{display:flex;align-items:center;gap:10px}.summary-icon-box{width:32px;height:32px;border-radius:8px;background-color:#ffffff08;display:flex;align-items:center;justify-content:center;color:var(--accent-green);overflow:hidden}.summary-icon-box__vehicle{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.summary-text-box{display:flex;flex-direction:column}.summary-title{font-size:var(--font-body-sm-size);line-height:var(--font-body-sm-lh);font-weight:600;color:var(--text-primary)}.summary-subtitle{font-size:var(--font-caption-size);line-height:var(--font-caption-lh);font-weight:400;color:var(--text-secondary)}.summary-right-price{font-size:var(--font-body-lg-size);line-height:var(--font-body-lg-lh);font-weight:700;color:var(--accent-green)}.metrics-list{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:14px 12px;margin-bottom:14px}.metrics-list__grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.metric-tile{display:flex;align-items:center;gap:10px;min-width:0;padding:2px 10px}.metric-tile:first-child{border-right:1px solid var(--card-border);padding-right:12px;padding-left:0}.metric-tile:last-child{padding-left:12px;padding-right:0}.metric-tile__icon{width:36px;height:36px;border-radius:10px;background:#ff7a001f;color:#ff7a00;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-tile__copy{display:flex;flex-direction:column;gap:2px;min-width:0}.metric-tile__label{font-size:11px;line-height:1.3;font-weight:400;color:var(--text-secondary)}.metric-tile__value{font-size:15px;line-height:1.25;font-weight:700;color:var(--text-primary)}.metric-tile__value--accent{color:#ff7a00}.metric-fare-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--card-border);font-size:var(--font-body-sm-size);line-height:var(--font-body-sm-lh)}.metric-fare-row__label{font-weight:400;color:var(--text-secondary)}.metric-fare-row__value{font-weight:700;color:var(--accent-green)}.metric-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-body-sm-size);line-height:var(--font-body-sm-lh)}.metric-label{font-weight:400;color:var(--text-secondary)}.metric-value{font-weight:500;color:var(--text-primary)}.metric-value.highlight{color:var(--accent-green);font-weight:700}.seats-needed-card{border:1px solid rgba(255,122,0,.45);border-radius:14px;background:#ff7a000a;padding:12px;margin-bottom:14px}.seats-needed-card[hidden]{display:none!important}.seats-needed-card__main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.seats-needed-card__info{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}.seats-needed-card__icon{width:36px;height:36px;border-radius:10px;background:#ff7a001f;color:#ff7a00;display:flex;align-items:center;justify-content:center;flex-shrink:0}.seats-needed-card__title{font-size:14px;font-weight:700;color:var(--text-primary)}.seats-pick-row{display:flex;align-items:center;gap:8px;flex-shrink:0}.seats-pick-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--card-border);background:#ffffff0d;color:var(--text-primary);font-size:16px;font-weight:700;cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.seats-pick-btn.active{border-color:transparent;background:linear-gradient(135deg,#ff7a00,#ff4d4d);color:#fff;box-shadow:0 4px 12px #ff7a0040}.seats-pick-btn:disabled,.seats-pick-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.seats-stepper{display:flex;align-items:center;gap:10px;margin-left:auto}.seats-stepper__btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--card-border);background:#ffffff0d;color:var(--text-primary);font-size:22px;font-weight:700;line-height:1;cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.seats-stepper__btn:disabled{opacity:.35;cursor:not-allowed}.seats-stepper__value{min-width:88px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.1}.seats-stepper__label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:lowercase}.seats-needed-card__hint{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ffffff0d;color:var(--text-secondary);font-size:11px;line-height:1.3}.seats-needed-card__hint[hidden]{display:none!important}.estimated-savings-card{border:1px solid rgba(255,122,0,.45);border-radius:14px;background:#ffffff08;padding:12px;margin-bottom:14px;overflow:hidden}.estimated-savings-card[hidden]{display:none!important}.estimated-savings-card__main{display:flex;align-items:flex-start;gap:10px}.estimated-savings-card__icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ffb800,#ff7a00);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #ff7a0040}.estimated-savings-card__icon-img{width:24px;height:24px;object-fit:contain;display:block;filter:brightness(0) invert(1);mix-blend-mode:screen}.estimated-savings-card__copy{flex:1;min-width:0;padding-top:2px}.estimated-savings-card__title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.estimated-savings-card__subtitle,.estimated-savings-card__compare{font-size:12px;line-height:1.4;color:#ffffffd9}.estimated-savings-card__amount{color:#ff7a00;font-weight:700}.estimated-savings-card__badge{flex-shrink:0;align-self:flex-start;margin-top:2px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,122,0,.55);background:transparent;color:#ff7a00;font-size:9px;font-weight:700;line-height:1.25;text-align:center;letter-spacing:.01em;white-space:nowrap}.estimated-savings-card__badge[hidden]{display:none!important}.seats-needed-card__hint svg{color:#ff7a00;flex-shrink:0}.clickable-row{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s;margin-bottom:8px}.clickable-row:active{background-color:#ffffff05}.clickable-row-left{display:flex;align-items:center;gap:8px;font-size:var(--font-body-sm-size);line-height:var(--font-body-sm-lh);font-weight:500}.clickable-row-icon,.clickable-arrow{color:var(--text-secondary)}.schedule-options{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.schedule-option-row{background-color:var(--card-bg);border:1.5px solid var(--card-border);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.schedule-option-row.active{border-color:var(--accent-green);background-color:#ffb80008}.schedule-option-left{display:flex;align-items:center;gap:12px}.schedule-option-circle{width:32px;height:32px;border-radius:8px;background-color:#ffffff08;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.schedule-option-row.active .schedule-option-circle{color:var(--accent-green);background-color:var(--accent-green-dim)}.schedule-option-text{display:flex;flex-direction:column}.schedule-opt-title{font-size:var(--font-body-sm-size);line-height:var(--font-body-sm-lh);font-weight:600;color:var(--text-primary)}.schedule-opt-desc{font-size:var(--font-caption-size);line-height:var(--font-caption-lh);font-weight:400;color:var(--text-secondary)}.custom-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--card-border);display:flex;align-items:center;justify-content:center;transition:all .2s}.schedule-option-row.active .custom-radio{border-color:var(--accent-green)}.custom-radio-inner{width:8px;height:8px;border-radius:50%;background-color:var(--accent-green);transform:scale(0);transition:transform .2s}.schedule-option-row.active .custom-radio-inner{transform:scale(1)}.datetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.datetime-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between}.datetime-info{display:flex;flex-direction:column}.datetime-label{font-size:var(--font-caption-size);line-height:var(--font-caption-lh);text-transform:uppercase;font-weight:600;letter-spacing:var(--font-label-ls);color:var(--text-tertiary);margin-bottom:2px}.datetime-value{font-size:var(--font-body-sm-size);line-height:var(--font-body-sm-lh);font-weight:500;color:var(--text-primary)}.datetime-icon{color:var(--text-secondary);flex-shrink:0}.datetime-native-input{border:none;background:transparent;color:var(--text-primary);font-size:var(--font-body-sm-size);font-weight:600;font-family:inherit;padding:0;margin-top:2px;width:100%;min-width:0;cursor:pointer;-webkit-appearance:none;appearance:none}.datetime-native-input:focus{outline:none}.datetime-native-input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.datetime-native-input::-moz-calendar-picker-indicator{display:none}.illustration-card{background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg-color) 100%);border:1px solid rgba(255,255,255,.03);border-radius:14px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:10px}.ride-illustration{width:140px;height:auto;max-height:120px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 0 12px rgba(255,255,255,.14)) drop-shadow(0 8px 18px rgba(0,0,0,.45))}.illustration-text{font-size:var(--font-caption-size);line-height:var(--font-caption-lh);font-weight:400;color:var(--text-secondary);max-width:240px}.toast-notification{position:absolute;top:110px;left:20px;right:20px;background-color:#12181ff2;border:1px solid var(--accent-green);padding:14px 16px;border-radius:14px;z-index:1000;display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-50px);opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.toast-notification.show{transform:translateY(0);opacity:1;pointer-events:auto}.toast-icon{color:var(--accent-green);flex-shrink:0}.toast-content{display:flex;flex-direction:column}.toast-title{font-size:var(--font-label-size);line-height:var(--font-label-lh);font-weight:600;color:var(--text-primary)}.toast-subtitle{font-size:var(--font-caption-size);line-height:var(--font-caption-lh);font-weight:400;color:var(--text-secondary)}.pulse-marker{width:24px;height:24px;border-radius:50%;background:#006eff33;border:2px solid #fff;display:flex;align-items:center;justify-content:center;position:relative}.pulse-marker:after{content:"";width:10px;height:10px;background:var(--info-blue);border-radius:50%}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--info-blue);animation:mapPulse 1.8s ease-out infinite}@keyframes mapPulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.4);opacity:0}}.driver-marker-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-color);border:2.5px solid var(--accent-green);border-radius:50%;color:var(--accent-green);box-shadow:0 4px 10px #00000080}.driver-marker-icon svg{width:16px;height:16px}.driver-marker-icon--live{width:36px;height:36px;border-width:3px;box-shadow:0 0 0 4px #ffb80040,0 4px 12px #00000073;animation:liveDriverPulse 2s ease-out infinite}.driver-marker-icon--live svg{width:18px;height:18px}@keyframes liveDriverPulse{0%,to{box-shadow:0 0 0 4px #ffb80040,0 4px 12px #00000073}50%{box-shadow:0 0 0 8px #ffb8001f,0 4px 12px #00000073}}.app-page{width:100%;height:100%;height:100dvh;background:var(--bg-color);color:var(--text-primary);display:flex;flex-direction:column;position:relative;overflow:hidden}.app-page>.app-header{position:relative;flex-shrink:0;width:100%}.app-page-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 20px 100px;-webkit-overflow-scrolling:touch}.app-page-title{font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);letter-spacing:var(--font-h1-ls);line-height:var(--font-h1-lh);margin-bottom:16px}.app-page-nav{position:fixed;left:0;right:0;bottom:0;z-index:110;padding:0 16px 16px;pointer-events:none}.app-page-nav .tab-navigator-wrap{pointer-events:auto;margin:0}.app-page--map>.app-header{position:absolute;top:0;left:0;right:0;width:100%}.app-page--map #map{position:absolute;inset:0;z-index:10}.app-page--map .map-overlay-ui{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;pointer-events:none}.app-page--map .map-overlay-ui>*{pointer-events:auto}.app-page--map .map-search-wrap{padding:72px 20px 12px;flex-shrink:0}.app-page--map .bottom-ui-stack{margin-top:auto;display:flex;flex-direction:column;pointer-events:none}.app-page--map .bottom-ui-stack>*{pointer-events:auto}.filter-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:20px;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--card-border);background:transparent;color:var(--text-secondary);cursor:pointer}.filter-pill.active{background:var(--brand-gradient);color:#fff;border-color:transparent}.section-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--accent-green);margin-bottom:10px}.search-row{display:flex;gap:10px;align-items:center;margin-bottom:16px}.search-field{flex:1;display:flex;align-items:center;gap:10px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:12px 14px;min-width:0}.search-field input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:14px;outline:none;min-width:0}.search-field input::placeholder{color:var(--text-tertiary)}.search-field svg{flex-shrink:0;color:var(--text-tertiary)}.filter-icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--card-border);background:var(--card-bg);display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;flex-shrink:0}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.status-badge--green{background:#ffb80033;color:#ffb800}.status-badge--orange{background:#f9731633;color:#f97316}.status-badge--blue{background:#3b82f633;color:#3b82f6}.status-badge--purple{background:#8b5cf633;color:#8b5cf6}.role-switch-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-end;justify-content:center;padding:16px;pointer-events:none}.role-switch-modal:not([hidden]){pointer-events:auto;z-index:13050}.role-switch-modal[hidden]{display:none!important}.role-switch-modal-open{overflow:hidden}.role-switch-modal__overlay{position:absolute;inset:0;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.role-switch-modal__dialog{position:relative;z-index:1;width:100%;max-width:420px;background:var(--card-bg, #1a222d);border:1.5px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:20px 20px 16px 16px;padding:24px 20px 28px;box-shadow:0 -8px 40px #00000073;animation:role-switch-slide-up .28s ease-out}@keyframes role-switch-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.role-switch-modal__close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary, #9ca3af);font-size:24px;line-height:1;cursor:pointer;padding:0}.role-switch-modal__title{margin:0 0 6px;font-size:22px;font-weight:700;text-align:center;color:var(--text-primary, #fff)}.role-switch-modal__title .accent{color:var(--accent-green, #FFB800)}.role-switch-modal__lead{margin:0 0 20px;text-align:center;font-size:14px;color:var(--color-text-secondary, #9ca3af);line-height:1.45}.role-switch-cards{display:flex;flex-direction:column;gap:12px}.role-switch-card{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:14px;border:1.5px solid var(--card-border, rgba(255, 255, 255, .1));background:#ffffff08;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .2s,background .2s}.role-switch-card:hover{background:#ffffff0f}.role-switch-card.active{border-color:var(--accent-green, #FFB800);background:#ffb8001a}.role-switch-card__icon{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.role-switch-card__icon img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,255,255,.2))}.role-switch-card__body{display:flex;flex-direction:column;gap:4px;min-width:0}.role-switch-card__title{font-size:16px;font-weight:700;color:var(--text-primary, #fff)}.role-switch-card__desc{font-size:13px;color:var(--color-text-secondary, #9ca3af);line-height:1.35}.role-switch-card.active .role-switch-card__title{color:var(--accent-green, #FFB800)}button.header-icon-btn{padding:0;font-family:inherit}:root{--color-text-primary: #FFFFFF;--color-text-secondary: #B3B3B3;--color-text-tertiary: #808080;--color-brand-yellow: #FFB800;--color-brand-orange: #FF7A00;--color-brand-red: #FF2D55;--color-warning-yellow: #F59E0B;--color-info-blue: #3B82F6;--color-primary-green: var(--color-brand-orange);--color-alert-red: var(--color-brand-red);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--accent-green: var(--color-brand-yellow);--accent-green-hover: #E56E00;--accent-green-dim: rgba(255, 184, 0, .14);--danger-red: var(--color-brand-red);--warning-yellow: var(--color-warning-yellow);--info-blue: var(--color-info-blue);--bg-color: #000000;--card-bg: #141414;--card-border: #2A2A2A;--nav-active: var(--color-brand-yellow);--brand-gradient: linear-gradient(135deg, #FFB800 0%, #FF7A00 50%, #FF2D55 100%);--brand-gradient-hover: linear-gradient(135deg, #FFC933 0%, #FF8F26 52%, #FF4769 100%)}.primary-btn,.primary-btn--full,.primary-btn--flow,.primary-btn--step2,.primary-btn--step4,[class*=primary-btn--],.trip-flow-submit-rating,.driver-btn-primary,.notif-detail-btn--primary,.rental-btn-primary,.rental-vehicles-add-btn,.auth-btn--primary,.auth-btn--register,.auth-btn--login-flow,.onboarding-cta,.onboarding-btn--primary,.app-btn-primary,.verify-flow-page .app-btn-primary,.assigned-call-btn,.arriving-call-btn,.waiting-cancel-btn,.filter-pill.active,.filter-tab.active,.auth-modal-dialog .auth-btn--register{background:var(--brand-gradient)!important;background-color:transparent!important;color:#fff!important;border:none!important;box-shadow:0 4px 18px #ff7a0047}.primary-btn:hover,.rental-vehicles-add-btn:hover,.trip-flow-submit-rating:hover,.driver-btn-primary:hover,.auth-btn--primary:hover,.auth-btn--register:hover,.onboarding-cta:hover,.app-btn-primary:hover,.assigned-call-btn:hover,.arriving-call-btn:hover,.waiting-cancel-btn:hover,.filter-pill.active:hover,.filter-tab.active:hover{background:var(--brand-gradient-hover)!important}.primary-btn:active,.rental-vehicles-add-btn:active,.trip-flow-submit-rating:active,.driver-btn-primary:active,.auth-btn--primary:active,.auth-btn--register:active,.onboarding-cta:active,.app-btn-primary:active,.assigned-call-btn:active,.arriving-call-btn:active,.waiting-cancel-btn:active{background:var(--brand-gradient-hover)!important;transform:scale(.98);box-shadow:0 2px 10px #ff7a0038}.driver-btn-primary{width:100%;min-height:48px;padding:14px 20px;border-radius:12px;font-size:13px;font-weight:700;letter-spacing:.04em;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.driver-btn-primary:disabled,.driver-btn-primary--disabled{opacity:.55;cursor:not-allowed}.assigned-call-btn svg,.arriving-call-btn svg,.waiting-cancel-btn svg,.driver-btn-primary .driver-btn-icon,.driver-btn-primary svg,.auth-btn--register svg{stroke:#fff!important;color:#fff!important}html,body{background-color:var(--bg-color);color:var(--text-primary)}.app-view,.app-page,.auth-page,.onboarding-body,.onboarding-page,.driver-page,.rental-page{background-color:var(--bg-color)}.panel-title,.app-page-title,.rental-subheader__title,.driver-subheader__title,.profile-title-row__title{font-size:var(--font-h2-size, 22px);line-height:var(--font-h2-lh, 28px);font-weight:var(--font-h2-weight, 700);letter-spacing:var(--font-h2-ls, -.3px)}.panel-subtitle,.review-row-label,.trip-card-time,.field-label{color:var(--text-secondary)}.section-label,.rental-card__title--accent,.filter-pills+.section-label{color:var(--color-brand-yellow)}.btn-outline,.waiting-cancel-btn,.assigned-cancel-btn,.trip-flow-btn--light,.rental-filter-btn,.auth-btn-secondary{background:transparent!important;color:var(--text-primary)!important;border:1px solid var(--card-border)!important}.btn-outline,.edit-link,.rental-link-btn,.auth-link,.auth-footer-text a,.skip-link{color:var(--color-brand-yellow)!important}.btn-outline{border-color:var(--color-brand-yellow)!important}.rental-status-tab.active{color:var(--color-brand-yellow)!important;border-bottom-color:var(--color-brand-orange)!important}.tab-navigator-wrap{background-color:#fff!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 8px 28px #0000001f!important}.tab-navigator-wrap .tab-item:not(.active){color:#9ca3af!important}.tab-item.active,.tab-navigator-wrap .tab-item.active,.driver-nav--light .tab-item.active,.rental-nav--light .tab-item.active{color:var(--color-brand-yellow)!important}.tab-item.active .tab-nav-icon-img,.tab-navigator-wrap .tab-item.active .tab-nav-icon-img{filter:brightness(0) saturate(100%) invert(72%) sepia(95%) saturate(1200%) hue-rotate(360deg) brightness(105%) contrast(101%)!important}.tab-item.active .tab-icon,.driver-nav--light .tab-item.active .tab-icon,.rental-nav--light .tab-item.active .tab-icon{stroke:var(--color-brand-yellow)!important;color:var(--color-brand-yellow)!important}.service-card,.vehicle-card,.trip-card,.driver-card,.rental-card,.profile-menu,.booking-card,.option-card,.toggle-chip,.addon-item,.bottom-panel,.bottom-ui{background-color:var(--card-bg);border-color:var(--card-border)}.service-card.active,.vehicle-card.active,.option-card.active,.toggle-chip.active,.addon-item.active,.rental-vehicle-card.is-selected,.role-switch-card.active{border-color:var(--color-brand-yellow)!important}.service-card.active{background-color:#ffb8000a}.checkbox-row.checked .checkbox-box,.addon-item.active .addon-check{background:var(--brand-gradient)!important;border-color:transparent!important;color:#fff!important}.status-badge--green,.rental-badge--available,.driver-badge--online,.trip-card-icon--ride{background:var(--accent-green-dim)!important;color:var(--color-brand-yellow)!important}.trip-card-price,.trip-details-modal__price,.price-total span:last-child,.vehicle-price,.rental-fleet-stat__value--green,.driver-card__value{color:var(--color-brand-yellow)!important}.trip-route-dot--pickup{background:var(--color-brand-yellow)!important}.badge-dot,.status-badge--red,.inbox-avatar--red{background:var(--color-brand-red)!important}.toast-notification{border-color:var(--color-brand-yellow)!important;background-color:#141414f5!important}.toast-icon{color:var(--color-brand-yellow)!important}.notif-detail-sheet{background:#141414fa!important;border-top:2px solid var(--color-brand-yellow)!important}.trip-flow-badge--green,.assigned-status-badge,.arriving-status-badge,.waiting-vehicle-badge{background:var(--brand-gradient)!important;color:#fff!important}.trip-flow-badge--purple{background:#ff7a0033!important;color:var(--color-brand-yellow)!important}.auth-page,.auth-page--splash,.auth-page--login-flow{background:#000!important}.auth-tab.active{color:var(--color-brand-yellow)!important;border-bottom-color:var(--color-brand-yellow)!important}.onboarding-body,.onboarding-page{background:#000!important}.onboarding-dot.is-active{background:var(--brand-gradient)!important}.onboarding-slide__title--accent,.onboarding-slide__title span:last-child{color:var(--color-brand-yellow)}.mapboxgl-canvas-container .mapboxgl-canvas{outline:none}@media(min-width:640px){body{background:#000}}:root{--app-shell-max: 480px;--page-inline-padding: clamp(12px, 4vw, 20px)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img:not([width]),svg:not(.tab-icon):not(.toast-icon){max-width:100%;height:auto}.app-header{padding-top:max(12px,env(safe-area-inset-top,0px));padding-left:max(var(--page-inline-padding),env(safe-area-inset-left,0px));padding-right:max(var(--page-inline-padding),env(safe-area-inset-right,0px))}.app-page>.app-header{padding-top:max(12px,env(safe-area-inset-top,0px));padding-left:max(var(--page-inline-padding),env(safe-area-inset-left,0px));padding-right:max(var(--page-inline-padding),env(safe-area-inset-right,0px))}.app-page-body{padding-left:var(--page-inline-padding);padding-right:var(--page-inline-padding);padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}.driver-page .app-page-body,.rental-page .app-page-body,.profile-page-body{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}.tab-navigator-wrap{margin-bottom:max(12px,env(safe-area-inset-bottom,0px));margin-left:max(12px,env(safe-area-inset-left,0px));margin-right:max(12px,env(safe-area-inset-right,0px))}.app-page-nav{padding-bottom:max(16px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.bottom-panel{padding-left:var(--page-inline-padding);padding-right:var(--page-inline-padding);padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}#panelStep2.bottom-panel{padding-left:max(12px,var(--page-inline-padding));padding-right:max(12px,var(--page-inline-padding))}.shared-panel{padding-left:var(--page-inline-padding);padding-right:var(--page-inline-padding)}.auth-page{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.auth-top-nav{top:max(24px,env(safe-area-inset-top,0px));left:max(24px,env(safe-area-inset-left,0px))}.notif-detail-sheet{padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}.option-picker-sheet{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.app-page-title{font-size:clamp(22px,5.5vw,28px);line-height:1.25}.service-card,.option-card,.trip-card,.driver-card,.inbox-item,.profile-user-card,.filter-pill,.role-switch-card{min-width:0}.header-icon-btn,.back-btn-header,.driver-back-btn,.profile-title-back,.profile-settings-btn,.notif-detail-sheet__close{min-width:44px;min-height:44px}@media(max-width:390px){.service-grid{gap:8px}.service-card{padding:10px 8px}.service-icon-container--ride,.service-icon-container--sabay,.service-icon-container--rent{height:100px}.service-icon-3d,.service-icon-3d--ride,.service-icon-3d--sabay,.service-icon-3d--rent{max-height:100px}.service-card{min-height:178px}.service-title{font-size:12px}.service-desc{font-size:10px;line-height:1.3}.header-actions{gap:8px}.header-icon-btn,.back-btn-header{width:34px;height:34px}.brand-logo__img{height:34px}.notifications-header__title,.driver-subheader__title,.rental-subheader__title{font-size:16px}.tab-label{font-size:10px}.driver-nav--light .tab-label,.rental-nav--light .tab-label{font-size:9px}.auth-page{padding-top:max(16px,env(safe-area-inset-top,0px))}.auth-title{font-size:clamp(22px,6vw,28px)}.profile-avatar-wrap{width:80px;height:80px}.driver-card__value{font-size:18px}.option-grid-2,.field-grid-2{gap:8px}}@media(max-width:360px){.service-grid{gap:6px}.service-card{padding:8px 6px;border-radius:12px}.tab-navigator-wrap{padding:6px 10px;border-radius:24px}.tab-navigator{height:44px}.app-page-body{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.primary-btn,.driver-btn-primary,.notif-detail-btn{height:44px;font-size:15px}#panelStep3 .primary-btn--step3{min-height:48px;height:48px;max-height:48px;font-size:15px}.filter-pills{gap:6px}.filter-pill{padding:6px 12px;font-size:12px;white-space:nowrap}.driver-page .filter-pills.filter-pills--driver{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.driver-page .filter-pills.filter-pills--driver.filter-pills--trips{grid-template-columns:repeat(3,minmax(0,1fr))}.driver-page .filter-pills.filter-pills--trips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.driver-page .filter-pills--trips .filter-pill{width:100%;padding:8px 6px;font-size:10px}.panel-title{font-size:16px}.inbox-name,.trip-card-type,.trip-card-price{font-size:14px}.driver-btn-row{flex-direction:column}.driver-btn-row .driver-btn-secondary{width:100%}.app-upload-grid,.app-vehicle-types{gap:8px}}@media(max-width:320px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-desc{display:none}.service-icon-container{margin-bottom:8px}.tab-item{min-width:0;padding:0 2px}}@media(max-height:680px){.bottom-panel{max-height:62vh}.bottom-ui:has(#panelStep2.active){max-height:85dvh}.bottom-ui:has(#panelStep3.active){max-height:85dvh}#panelStep4.bottom-panel{max-height:68dvh}.shared-panel{max-height:56vh}.notif-detail-sheet{max-height:78dvh}.auth-page{justify-content:flex-start}.auth-body{padding-top:16px;padding-bottom:16px}.onboarding-slide__hero .onboarding-slide__img{max-height:min(42vh,320px);min-height:min(28vh,200px)}.auth-login-hero img,.auth-register-hero img{max-height:min(36vh,220px)}}@media(max-height:560px)and (orientation:landscape){.auth-page{padding-top:12px;padding-bottom:12px}.auth-body{padding:8px 0}.bottom-panel{max-height:72vh}.app-page--map .map-search-wrap{padding-top:56px}}@media(min-width:640px){body{background:#000}html:has(.auth-page) body{overflow-y:auto}.app-view,.app-page,.auth-page{max-width:var(--app-shell-max);margin-left:auto;margin-right:auto;box-shadow:0 0 0 1px #ffffff0f,0 24px 80px #0000008c}.app-page-nav{left:50%;right:auto;transform:translate(-50%);max-width:var(--app-shell-max);width:100%;box-sizing:border-box}.role-switch-modal__dialog,.option-picker-sheet,.notif-detail-sheet{max-width:var(--app-shell-max);margin-left:auto;margin-right:auto}.auth-body{max-width:min(400px,100%)}}@media(min-width:1024px){:root{--app-shell-max: 520px}}html{overflow-x:hidden}body{overflow-x:hidden;max-width:100vw}html:has(.auth-page) body,html:has(.auth-page--scroll) body{overflow-y:auto}.app-view,.app-page,.bottom-ui,.bottom-panel,.sabay-flow-shell,.trip-flow-shell,.waiting-panel,.driver-assigned-panel,.driver-arriving-panel,.shared-panel,[class*=FlowShell]{max-width:100%;min-width:0}.bottom-ui{max-height:min(92dvh,calc(100dvh - 56px - env(safe-area-inset-top,0px)));overflow:hidden}.bottom-panel.active,.sabay-panel.is-visible,.waiting-panel.is-visible,.driver-assigned-panel.is-visible,.driver-arriving-panel.is-visible,.trip-flow-panel.is-visible{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.bottom-panel,.sabay-panel,.waiting-panel,.driver-assigned-panel,.driver-arriving-panel,.trip-flow-panel,.shared-panel{padding-left:var(--page-inline-padding);padding-right:var(--page-inline-padding)}.bottom-ui.sabay-mode #sabayFlowShell,.bottom-ui.trip-flow-mode #tripFlowShell{max-height:min(82dvh,calc(100dvh - 128px - env(safe-area-inset-top,0px)));overflow:hidden}.bottom-ui.waiting-mode #waitingPanel,.bottom-ui.assigned-mode #driverAssignedPanel,.bottom-ui.arriving-mode #driverArrivingPanel{max-height:min(78dvh,calc(100dvh - 120px - env(safe-area-inset-top,0px)));overflow-y:auto;-webkit-overflow-scrolling:touch}#panelStep2 .horizontal-scroll-container,#panelSabayStep1 .sabay-vehicle-grid{margin-left:calc(-1 * var(--page-inline-padding));margin-right:calc(-1 * var(--page-inline-padding));padding-left:var(--page-inline-padding);padding-right:var(--page-inline-padding);scroll-padding-left:var(--page-inline-padding);scroll-padding-right:var(--page-inline-padding)}#panelStep2 .horizontal-scroll-container{-webkit-overflow-scrolling:touch}.sabay-panel{padding-left:var(--page-inline-padding);padding-right:var(--page-inline-padding)}.sabay-matching-radar{width:min(220px,72vw);height:min(220px,72vw);margin-left:auto;margin-right:auto}@media(max-width:420px){.sabay-matching-radar .waiting-radar-ring--1{width:min(220px,72vw);height:min(220px,72vw)}.sabay-matching-radar .waiting-radar-ring--2{width:min(165px,54vw);height:min(165px,54vw)}.sabay-matching-radar .waiting-radar-ring--3,.sabay-matching-radar .waiting-radar-sweep{width:min(110px,36vw);height:min(110px,36vw)}.sabay-matching-radar .waiting-radar-sweep{margin:calc(min(110px,36vw)/-2) 0 0 calc(min(110px,36vw)/-2)}.sabay-matching-radar .waiting-radar-center{width:min(120px,40vw);height:min(120px,40vw);margin:calc(min(120px,40vw)/-2) 0 0 calc(min(120px,40vw)/-2)}}.sabay-offer-type-grid .ride-type-card{min-height:clamp(100px,28vw,118px)}.sabay-action-row{gap:clamp(4px,2vw,12px);padding-left:0;padding-right:0}.sabay-action-chip{max-width:none;flex:1 1 0}.sabay-action-chip__circle{width:clamp(48px,14vw,56px);height:clamp(48px,14vw,56px)}.sabay-action-chip__label{font-size:clamp(10px,2.8vw,11px);text-align:center;word-break:break-word}.sabay-driver-profile,.sabay-matching-wait,.sabay-status-card{min-width:0}.sabay-panel .primary-btn,.sabay-panel .secondary-btn{width:100%;max-width:100%;min-height:48px;box-sizing:border-box}.trip-flow-panel__actions,.arriving-actions,.assigned-actions-row{display:flex;flex-wrap:wrap;gap:8px;width:100%}.trip-flow-panel__actions .primary-btn,.trip-flow-panel__actions .secondary-btn,.arriving-actions button,.assigned-actions-row button{flex:1 1 calc(50% - 4px);min-width:min(100%,140px);min-height:48px}.waiting-radar{max-width:min(240px,80vw);margin-left:auto;margin-right:auto}.delivery-panel,.rent-panel{max-height:min(85dvh,calc(100dvh - 80px));overflow-y:auto;-webkit-overflow-scrolling:touch;padding-left:var(--page-inline-padding);padding-right:var(--page-inline-padding)}.role-switch-modal__dialog,.option-picker-sheet,.notif-detail-sheet,.driver-modal__sheet,.app-toast-stack{width:100%;max-width:min(100vw,var(--app-shell-max));box-sizing:border-box}.role-switch-modal{padding-left:max(var(--page-inline-padding),env(safe-area-inset-left,0px));padding-right:max(var(--page-inline-padding),env(safe-area-inset-right,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}.driver-modal__sheet{max-height:min(88dvh,calc(100dvh - env(safe-area-inset-top,0px) - 24px))}.driver-request-tabs{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:calc(-1 * var(--page-inline-padding));margin-right:calc(-1 * var(--page-inline-padding));padding-left:var(--page-inline-padding);padding-right:var(--page-inline-padding)}.driver-request-tabs::-webkit-scrollbar{display:none}.driver-request-tab{flex:1 1 auto;min-width:max(120px,42%);min-height:44px;white-space:nowrap}.driver-request-tabs--join .driver-request-tab{min-width:0;flex:1 1 50%}.driver-incoming-card,.driver-join-card,.driver-trip-card,.driver-scheduled-card,.driver-active-offer{min-width:0}.driver-join-card__actions{flex-wrap:wrap;gap:8px}.driver-join-card__decline,.driver-join-card__accept{flex:1 1 calc(50% - 4px);min-height:44px}.driver-btn-row{flex-wrap:wrap}.driver-carpool-body,.driver-page .app-page-body,.rental-page{overflow-x:hidden}.rental-dash-header,.rental-requests-header,.rental-subheader,.rental-dash-header__left,.rental-requests-header__left,.rental-subheader__left{min-width:0}.rental-dash-header__title,.rental-requests-header__title,.rental-subheader__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rental-dash-header__actions,.rental-requests-header__actions,.rental-subheader .header-actions{flex-shrink:0;gap:4px}.rental-page--requests .filter-pills,.rental-page--schedule .filter-pills,.rental-page--trips .filter-pills,.rental-schedule-tabs,.rental-requests-tabs,.rental-trips-tabs,.rental-status-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.rental-page--requests .filter-pills,.rental-page--schedule .filter-pills,.rental-page--trips .filter-pills{margin-left:calc(-1 * var(--page-inline-padding));margin-right:calc(-1 * var(--page-inline-padding));padding-left:var(--page-inline-padding);padding-right:var(--page-inline-padding)}.rental-search-row,.rental-requests-toolbar,.rental-search,.rental-requests-search,.rental-scheduled-card,.rental-req-card,.rental-request-card,.rental-vehicle-card,.rental-trip-card,.rental-schedule-booking-card,.rental-dash-active-card{min-width:0}.rental-vehicle-card__name,.rental-schedule-booking-card__title,.rental-trips-card__title{overflow-wrap:anywhere}.rental-trip-detail-actions-row,.rental-trip-detail-footer--row{flex-wrap:wrap}.rental-trip-detail-action-btn--inline{min-width:0}.rental-schedule-detail-footer .rental-trip-detail-actions-row{flex-wrap:nowrap}@media(max-width:480px){.rental-dash-header__title,.rental-requests-header__title{font-size:18px}.rental-dash-header__actions .header-icon-btn,.rental-requests-header__actions .header-icon-btn,.rental-subheader .header-icon-btn{width:36px!important;height:36px!important}.rental-status-tab{font-size:12px;padding:10px}.rental-schedule-tab,.rental-requests-tab,.rental-trips-tab{font-size:12px;padding:9px 12px;min-width:max(64px,20%)}.rental-requests-filter-btn{padding:0 10px;font-size:12px}.rental-dash-trip-stats{gap:8px}.rental-dash-active-card__img{width:64px;height:64px}.rental-trip-detail-action-btn__label{font-size:9px}.rental-trip-detail-action-btn--wide .rental-trip-detail-action-btn__label{font-size:13px}.rental-schedule-booking-card__title{padding-right:64px;font-size:14px}.rental-schedule-booking-card__thumb{width:64px;height:64px}}@media(max-width:390px){.rental-trip-detail-footer--row,.rental-trip-detail-actions-row{gap:8px}.rental-trip-detail-action-btn--inline{flex:1 1 calc(50% - 4px)}.rental-schedule-detail-footer .rental-trip-detail-actions-row{flex-wrap:wrap}.rental-schedule-detail-footer .rental-trip-detail-action-btn--inline{flex:1 1 calc(50% - 4px)}.rental-vehicle-modal__actions{flex-direction:column}.rental-vehicle-modal__btn{width:100%}.rental-dash-section-head__title{font-size:15px}}@media(max-width:360px){.rental-dash-header__actions,.rental-requests-header__actions{gap:2px}.rental-schedule-calendar-day{min-height:32px;font-size:12px}}.rental-vehicle-modal__title{font-size:clamp(16px,4.2vw,18px)}.rental-vehicle-modal__photo{width:clamp(76px,22vw,88px);height:clamp(76px,22vw,88px)}.rental-map--vehicle-modal{height:min(32vh,200px);min-height:min(150px,38vw)}.rental-modal__sheet.rental-vehicle-modal{max-height:min(94dvh,calc(100dvh - env(safe-area-inset-top,0px) - 8px))}@media(max-width:360px){.rental-vehicle-modal__detail-row{gap:10px;padding:12px 0}.rental-vehicle-modal__detail-icon{width:36px;height:36px}.rental-vehicle-modal__detail-value{font-size:14px}}.profile-form-grid,.profile-doc-grid,.app-upload-grid{min-width:0}.profile-role-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:10px}.inbox-chat-view{max-width:100vw;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.inbox-chat-view__composer{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}.shared-panel{max-height:min(70dvh,calc(100dvh - 100px))}.shared-offer-card,.pool-offer-card{min-width:0}@media(max-width:390px){.bottom-panel{max-height:65vh;padding-top:12px;padding-bottom:10px}.bottom-ui.sabay-mode #sabayFlowShell{max-height:min(80dvh,calc(100dvh - 100px))}.sabay-vehicle-grid{gap:4px}.sabay-vehicle-grid .vehicle-card{padding:6px 4px}.sabay-offer-type-grid{gap:6px}.sabay-offer-type-grid .ride-type-card{min-height:96px;padding:10px 6px 8px}.sabay-info-grid{gap:6px}.sabay-info-grid__item{padding:8px}.sabay-panel-title,.sabay-status-card__title{font-size:15px}#panelStep2 .vehicle-card{flex:0 0 calc(33.333% - 5px);padding:8px 4px}#panelStep2 .vehicle-name{font-size:11px}#panelStep2 .vehicle-price{font-size:12px}.ride-type-card{min-width:0}.driver-request-tab{font-size:12px;padding:10px 8px}.trip-flow-panel__actions .primary-btn,.trip-flow-panel__actions .secondary-btn{flex:1 1 100%}.arriving-stats{flex-wrap:wrap;gap:8px}}@media(max-width:360px){.sabay-seats-row{flex-wrap:wrap;justify-content:center}.sabay-datetime-wrap .field-grid-2{grid-template-columns:1fr}.driver-incoming-card__footer{flex-direction:column;align-items:stretch}.driver-incoming-card__accept{width:100%}.role-switch-card__desc{font-size:11px}.notif-card__body{min-width:0}}@media(max-height:680px){.bottom-ui{max-height:min(88dvh,calc(100dvh - 48px))}.bottom-ui.sabay-mode #sabayFlowShell,.bottom-ui.trip-flow-mode #tripFlowShell{max-height:min(75dvh,calc(100dvh - 96px))}.bottom-ui.waiting-mode #waitingPanel,.bottom-ui.assigned-mode #driverAssignedPanel,.bottom-ui.arriving-mode #driverArrivingPanel{max-height:min(72dvh,calc(100dvh - 88px))}.sabay-matching-visual{padding:0}.sabay-matching-radar{width:min(180px,62vw);height:min(180px,62vw)}.waiting-panel,.driver-assigned-panel,.driver-arriving-panel,.trip-flow-panel{padding-top:4px;padding-bottom:8px}#panelStep3.bottom-panel,#panelStep4.bottom-panel{max-height:70dvh}}@media(max-height:560px)and (orientation:landscape){.bottom-ui,.bottom-ui.sabay-mode #sabayFlowShell,.bottom-ui.trip-flow-mode #tripFlowShell{max-height:92dvh}.sabay-matching-radar{width:min(140px,38vh);height:min(140px,38vh)}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.onboarding-viewport{max-height:100dvh;overflow-y:auto}}@media(min-width:640px){.role-switch-modal,.driver-modal,.option-picker-overlay{align-items:center;padding:24px}.role-switch-modal__dialog{border-radius:20px;margin-bottom:0}.driver-modal__sheet{border-radius:20px;border-bottom:1px solid var(--card-border);max-height:min(85vh,720px)}.option-picker-overlay{align-items:center}.option-picker-overlay.is-open .option-picker-sheet{border-radius:20px;transform:translateY(0)}.option-picker-sheet{border-radius:20px;transform:translateY(12px)}.inbox-chat-view{left:50%;right:auto;transform:translate(-50%);max-width:var(--app-shell-max);box-shadow:0 0 0 1px #ffffff0f,0 24px 80px #0000008c}}.ride-map-pick-search{position:fixed;top:calc(max(12px,env(safe-area-inset-top,0px)) + 50px);left:max(var(--page-inline-padding, 16px),env(safe-area-inset-left,0px));right:max(var(--page-inline-padding, 16px),env(safe-area-inset-right,0px));z-index:212;pointer-events:auto;box-sizing:border-box;max-width:100%}.driver-carpool-offer-page.map-pick-mode .ride-map-pick-search,.driver-carpool-offer-page.driver-offer-map-pick-active .ride-map-pick-search{top:max(12px,env(safe-area-inset-top,0px))}.ride-map-pick-topbar{display:flex;align-items:center;gap:10px;width:100%;min-width:0;box-sizing:border-box}.ride-map-pick-topbar__back{flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:none;background-color:#fff;box-shadow:0 4px 12px #00000040;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer;padding:0}.ride-map-pick-topbar__back:active{transform:scale(.94)}.ride-map-pick-topbar__title{flex:1;min-width:0;font-size:15px;font-weight:600;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ride-map-pick-search__field{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0 14px;min-height:48px;border-radius:14px;background:#0c0c0ef5;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 28px #00000059;box-sizing:border-box}.ride-map-pick-search__icon{flex-shrink:0;color:var(--accent, #ffb800)}.ride-map-pick-search__input{flex:1;min-width:0;width:100%;border:none;background:transparent;color:var(--text-primary, #fff);font-size:15px;font-weight:500;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ride-map-pick-search__input::placeholder{color:#ffffff73}.ride-map-pick-search__results{margin-top:8px;max-height:min(50dvh,340px);overflow-y:auto;border-radius:14px;background:#0c0c0efa;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px #00000073}.ride-map-pick-search__status{margin:0;padding:14px 16px;font-size:13px;color:var(--text-secondary, #aaa)}.ride-map-pick-search__result{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:12px 16px;border:none;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;text-align:left;cursor:pointer}.ride-map-pick-search__result:last-child{border-bottom:none}.ride-map-pick-search__result strong{font-size:14px;font-weight:700;color:var(--text-primary, #fff)}.ride-map-pick-search__result span{font-size:12px;line-height:1.35;color:var(--text-secondary, #aaa)}.ride-map-pick-overlay-host{position:fixed;left:0;right:0;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:210;pointer-events:none;overflow:visible}.ride-map-pick-overlay{position:relative;z-index:1;margin:0 max(14px,var(--page-inline-padding, 16px)) 12px;padding:16px;border-radius:16px;background:#0c0c0ef5;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px #00000073;pointer-events:auto;overflow:visible}.ride-map-pick-overlay--selecting{display:flex;flex-direction:column;align-items:stretch;gap:12px}.ride-map-pick-overlay__actions-inline{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ride-map-pick-overlay__locate{flex:1 1 auto;min-width:0;padding:8px 14px;border:1px solid rgba(255,184,0,.35);border-radius:999px;background:#ffb8001f;color:var(--accent, #ffb800);font-size:13px;font-weight:600;cursor:pointer}.ride-map-pick-overlay__locate:disabled{opacity:.6;cursor:wait}.ride-map-pick-floating-locate{position:absolute;top:0;right:max(14px,var(--page-inline-padding, 16px));z-index:3;pointer-events:auto;transform:translateY(calc(-100% - 16px))}.ride-map-pick-floating-locate__btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0c0c0ef5;color:var(--accent, #ffb800);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0006;cursor:pointer;position:relative;z-index:3}.ride-map-pick-floating-locate__btn:disabled{opacity:.6;cursor:wait}.ride-map-pick-overlay__hint{margin:0;flex:1;font-size:14px;font-weight:600;line-height:1.35;color:var(--accent, #ffb800)}.ride-map-pick-overlay__cancel{flex:0 0 auto;padding:8px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:transparent;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}.ride-map-pick-overlay--confirm{display:flex;flex-direction:column;gap:6px}.ride-map-pick-overlay__kind{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent, #ffb800)}.ride-map-pick-overlay__label{font-size:16px;line-height:1.3;font-weight:700;color:var(--text-primary)}.ride-map-pick-overlay__full{font-size:12px;line-height:1.4;color:var(--text-secondary);margin-bottom:8px}.ride-map-pick-overlay__actions{display:flex;gap:10px}.ride-map-pick-overlay__retry,.ride-map-pick-overlay__confirm{flex:1;min-height:44px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer}.ride-map-pick-overlay__retry{border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--text-primary)}.ride-map-pick-overlay__confirm{border:none;background:var(--accent-orange, #ff7a00);color:#030507}.driver-carpool-offer-page.driver-offer-map-pick-active>.app-page-nav,.driver-carpool-offer-page.driver-offer-map-pick-active>#driver-bottom-nav,.driver-carpool-offer-page.map-pick-mode>.app-page-nav,.driver-carpool-offer-page.map-pick-mode>#driver-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:220;pointer-events:auto}@media(max-width:390px){.ride-map-pick-topbar__back{flex:0 0 34px;width:34px;height:34px}.ride-map-pick-search__field{min-height:44px;padding:0 12px;gap:8px}.ride-map-pick-search__input{font-size:14px}}.datetime-picker-flow{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));pointer-events:none}.datetime-picker-flow[hidden]{display:none!important}body.datetime-picker-open{overflow:hidden}.datetime-picker-flow.is-open{pointer-events:auto}.datetime-picker-flow__overlay{position:fixed;inset:0;background:#00000085;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);opacity:0;transition:opacity .25s ease}.datetime-picker-flow.is-open .datetime-picker-flow__overlay{opacity:1}.datetime-picker-sheet{position:relative;z-index:1;width:min(100%,360px);max-width:360px;max-height:min(85dvh,560px);margin:0 auto;overflow-y:auto;background:var(--card-bg, rgba(20, 26, 33, .98));border:1.5px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:20px;padding:20px;box-shadow:0 24px 64px #0000008c;transform:scale(.94) translateY(8px);opacity:0;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .28s ease;box-sizing:border-box}.datetime-picker-flow.is-open .datetime-picker-sheet{transform:scale(1) translateY(0);opacity:1}.datetime-picker-sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.datetime-picker-sheet__title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.datetime-picker-sheet__subtitle{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.datetime-picker-sheet__close{width:32px;height:32px;border:none;border-radius:50%;background:#ffffff14;color:var(--text-primary);font-size:22px;line-height:1;cursor:pointer;flex-shrink:0}.datetime-picker-sheet__confirm{width:100%;min-height:48px;margin-top:16px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent, #ffb800),#ff8c00);color:#111;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer}.datetime-picker-sheet__confirm:disabled{opacity:.45;cursor:not-allowed}.datetime-picker-calendar__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.datetime-picker-calendar__month{font-size:15px;font-weight:600;color:var(--text-primary)}.datetime-picker-calendar__nav-btn{width:36px;height:36px;border:none;border-radius:50%;background:#ffffff14;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer}.datetime-picker-calendar__nav-btn:disabled{opacity:.35;cursor:not-allowed}.datetime-picker-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.datetime-picker-calendar__weekdays span{text-align:center;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.datetime-picker-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.datetime-picker-calendar__day{aspect-ratio:1;border:none;border-radius:10px;background:transparent;color:var(--text-primary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer}.datetime-picker-calendar__day.is-outside{color:#ffffff40}.datetime-picker-calendar__day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px #ffb8008c}.datetime-picker-calendar__day.is-selected{background:var(--accent, #ffb800);color:#111;font-weight:700}.datetime-picker-calendar__day:disabled{opacity:.28;cursor:not-allowed}.datetime-picker-time{display:flex;flex-direction:column;gap:16px}.datetime-picker-time__section{display:flex;flex-direction:column;gap:8px}.datetime-picker-time__label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.datetime-picker-time__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.datetime-picker-time__grid--minutes{grid-template-columns:repeat(4,minmax(0,1fr))}.datetime-picker-time__period{display:grid;grid-template-columns:1fr 1fr;gap:8px}.datetime-picker-time__chip{min-height:40px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0a;color:var(--text-primary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}.datetime-picker-time__chip.is-selected{border-color:#ffb800a6;background:#ffb8002e;color:var(--accent, #ffb800)}.datetime-picker-time__hint{margin:0;font-size:12px;color:#ff8a80}.datetime-card.datetime-card--button{width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;border:1px solid var(--card-border);padding:10px 12px;background-color:var(--card-bg);appearance:none;-webkit-appearance:none}.datetime-card.datetime-card--button:active{transform:scale(.98)}.datetime-card.datetime-card--button:focus-visible{outline:2px solid var(--accent, #ffb800);outline-offset:2px}.desktop-not-available{display:none;min-height:100dvh;width:100%;box-sizing:border-box;padding:28px 20px 32px;background:#000;color:#fff;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;overflow-x:hidden;overflow-y:auto}.desktop-not-available__hero{width:min(760px,100%);display:flex;justify-content:center}.desktop-not-available__artwork{display:block;width:min(680px,100%);height:auto;object-fit:contain}.desktop-not-available__panel{width:min(420px,100%);box-sizing:border-box;padding:22px 20px 20px;border-radius:22px;background:#141414;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 48px #00000073;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.desktop-not-available__panel--center{margin-top:clamp(48px,12vh,120px);padding:28px 24px 24px;gap:18px}.desktop-not-available__panel--qr{gap:14px}.desktop-not-available__panel-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#ffb80024;color:#ffb800}.desktop-not-available__panel-text{margin:0;font-size:.95rem;line-height:1.45;color:#d4d4d4;max-width:30ch}.desktop-not-available__cta{width:100%;min-height:52px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;font:inherit;font-size:.98rem;font-weight:700;color:#111;cursor:pointer;background:linear-gradient(90deg,#ffb800,#ff7a00 42%,#ff2d55);box-shadow:0 10px 28px #ff7a0047;transition:transform .15s ease,filter .15s ease}.desktop-not-available__cta:hover{filter:brightness(1.05)}.desktop-not-available__cta:active{transform:scale(.98)}.desktop-not-available__footer-note{margin:4px 0 0;font-size:.9rem;color:#b3b3b3}.desktop-not-available__panel-logo{display:block;width:auto;height:34px;object-fit:contain}.desktop-not-available__spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,184,0,.2);border-top-color:#ffb800;animation:desktop-not-available-spin .9s linear infinite}@keyframes desktop-not-available-spin{to{transform:rotate(360deg)}}.desktop-not-available__status-text{margin:0;font-size:.95rem;line-height:1.5;color:#fff;max-width:28ch}.desktop-not-available__status-text span{display:block;margin-top:4px;color:#b3b3b3;font-size:.88rem}.desktop-not-available__status-text--qr{max-width:34ch;color:#d4d4d4}.desktop-not-available__qr{display:block;width:220px;height:220px;border-radius:16px;object-fit:contain}.desktop-not-available__divider{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:gray;font-size:.82rem;font-style:normal}.desktop-not-available__divider span{height:1px;background:#ffffff1f}.desktop-not-available__secondary-btn{width:100%;min-height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#1f1f1f;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.desktop-not-available__secondary-btn:hover{background:#262626;border-color:#ffffff2e}.desktop-not-available__back-home{margin:2px 0 0;font-size:.88rem;color:#b3b3b3}.desktop-not-available__back-home a{color:#ffb800;text-decoration:none;font-weight:600}.desktop-not-available__back-home a:hover{text-decoration:underline}@media(min-width:1024px){.desktop-not-available{display:flex}.ooride-mobile-shell:not(.ooride-mobile-shell--desktop-allowed){display:none!important}}.ooride-alert-toast.svelte-9n396s{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:16px;right:16px;z-index:13050;max-width:420px;margin:0 auto;text-align:left}.ooride-alert-toast--clickable.svelte-9n396s{cursor:pointer}.ooride-alert-toast--clickable.svelte-9n396s:active{transform:translateY(1px) scale(.99)}.ooride-alert-toast.svelte-9n396s .toast-subtitle:where(.svelte-9n396s){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pwa-banner.svelte-1p3rx3h{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:12000;width:min(22rem,calc(100vw - 1.5rem));padding:.9rem 1rem;border-radius:14px;background:#121212f5;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #00000059;color:#fff}.pwa-banner__text.svelte-1p3rx3h{margin:0 0 .75rem;font-size:.88rem;line-height:1.45;color:#ffffffe0}.pwa-banner__actions.svelte-1p3rx3h{display:flex;justify-content:flex-end;gap:.5rem}.pwa-banner__btn.svelte-1p3rx3h{border:none;border-radius:999px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;cursor:pointer;background:var(--brand-gradient, linear-gradient(135deg, #ffb800 0%, #ff7a00 50%, #ff2d55 100%));color:#fff;box-shadow:0 4px 18px #ff7a0047}.pwa-banner__btn.svelte-1p3rx3h:hover:not(:disabled){background:var(--brand-gradient-hover, linear-gradient(135deg, #ffc933 0%, #ff8f26 52%, #ff4769 100%))}.pwa-banner__btn--ghost.svelte-1p3rx3h{background:transparent;color:#ffffffc7;border:1px solid rgba(255,255,255,.18)}.pwa-banner__btn.svelte-1p3rx3h:disabled{opacity:.6;cursor:not-allowed}