@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";:root{--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-app: #080B11;--bg-card: #0F1422;--bg-card-subtle: #141B2D;--bg-input: #151C30;--bg-input-focus: #1A233D;--border-app: rgba(255, 255, 255, .08);--border-app-subtle: rgba(255, 255, 255, .05);--border-active: #7C3AED;--purple-gradient: linear-gradient(135deg, #7C3AED 0%, #9333EA 50%, #A855F7 100%);--purple-cta-gradient: linear-gradient(90deg, #6366F1 0%, #7C3AED 50%, #9333EA 100%);--purple-glow: 0 0 25px rgba(124, 58, 237, .45);--whatsapp-green: #15803D;--whatsapp-hover: #16A34A;--text-white: #FFFFFF;--text-body: #CBD5E1;--text-muted: #8E9BAE;--text-subtle: #5A667A;--accent-blue: #38BDF8;--accent-red: #F43F5E;--accent-green: #10B981;--accent-amber: #F59E0B;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:#030508;color:var(--text-white);line-height:1.45;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;min-height:100vh}#root{width:100%;display:flex;justify-content:center}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.app-mobile-frame{width:100%;max-width:580px;min-height:100vh;background-color:var(--bg-app);display:flex;flex-direction:column;position:relative;margin:0 auto;box-shadow:0 0 60px #000c,0 0 100px #0284c71f;border-left:1px solid var(--border-app-subtle);border-right:1px solid var(--border-app-subtle)}@media(max-width:580px){.app-mobile-frame{border-left:none;border-right:none;box-shadow:none}}.details-info-tile{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.75rem .85rem;display:flex;align-items:center;gap:.65rem}.grid-2-dark{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;border-radius:var(--radius-md);padding:.65rem 1.25rem;font-size:.9rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;border:1px solid transparent;outline:none}.btn-primary{background:linear-gradient(135deg,#7c3aed,#9333ea)!important;color:#fff!important;box-shadow:0 4px 14px #7c3aed59;border:1px solid rgba(168,85,247,.4)!important}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#7e22ce)!important;box-shadow:0 6px 20px #7c3aed80;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#1e293b!important;color:#f8fafc!important;border:1px solid var(--border-app)!important}.btn-secondary:hover:not(:disabled){background:#334155!important;border-color:#475569!important}.btn-outline{background:transparent!important;color:#a855f7!important;border:1.5px solid #A855F7!important}.btn-outline:hover:not(:disabled){background:#a855f71a!important}.btn-block{display:flex!important;width:100%!important}.btn-lg{padding:.85rem 1.5rem!important;font-size:.98rem!important;border-radius:var(--radius-lg)!important;font-weight:800!important;letter-spacing:.2px!important}.btn-sm{padding:.4rem .85rem!important;font-size:.8rem!important;border-radius:var(--radius-sm)!important}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.app-top-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.15rem;background:var(--bg-app);border-bottom:1px solid var(--border-app-subtle);position:sticky;top:0;z-index:50}.app-brand-title{display:flex;flex-direction:column}.brand-main-text{font-size:1.2rem;font-weight:900;letter-spacing:-.5px;color:var(--text-white);line-height:1.1}.brand-main-text span{color:#a855f7}.brand-sub-text{font-size:.62rem;font-weight:800;color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase}.header-right-actions{display:flex;align-items:center;gap:.65rem}.header-icon-circle{width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-app);color:var(--text-white);display:flex;align-items:center;justify-content:center;position:relative}.notif-badge-pill{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-app)}.header-avatar-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#c026d3);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;border:2px solid rgba(255,255,255,.15)}.app-screen-body{flex:1;padding:1rem 1rem 5.5rem;display:flex;flex-direction:column}.app-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-app);padding:1.15rem;margin-bottom:.85rem;box-shadow:0 6px 20px #0006}.app-card-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.app-card-title-icon{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.icon-blue{color:#38bdf8;background:#38bdf8}.icon-purple{color:#a855f7;background:#a855f7}.icon-cyan{color:#06b6d4;background:#06b6d4}.icon-green{color:#10b981;background:#10b981}.app-card-title{font-size:.95rem;font-weight:800;color:var(--text-white)}.app-card-subtitle{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.route-card-inner{background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-app);padding:.95rem;display:flex;align-items:center;gap:.75rem}.route-vertical-line-col{display:flex;flex-direction:column;align-items:center;gap:3px}.dot-blue{width:10px;height:10px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8}.dot-red{width:10px;height:10px;border-radius:50%;background:#f43f5e;box-shadow:0 0 8px #f43f5e}.line-dashed{width:2px;height:42px;background:repeating-linear-gradient(to bottom,#5A667A,#5A667A 3px,transparent 3px,transparent 6px)}.route-fields-col{flex:1;display:flex;flex-direction:column}.route-field-label{font-size:.68rem;font-weight:700;color:var(--text-subtle);text-transform:uppercase}.route-input-city{width:100%;background:transparent!important;border:none!important;color:#fff!important;font-size:.95rem;font-weight:800;outline:none;font-family:inherit}.route-input-address{width:100%;background:transparent!important;border:none!important;color:var(--text-muted)!important;font-size:.78rem;outline:none;font-family:inherit}.route-divider{height:1px;background:var(--border-app);margin:.4rem 0}.route-swap-circle-btn{width:36px;height:36px;border-radius:50%;background:#7c3aed33;border:1px solid rgba(124,58,237,.4);color:#a855f7;display:flex;align-items:center;justify-content:center;transition:.2s ease}.route-swap-circle-btn:hover{background:#7c3aed;color:#fff;transform:rotate(180deg)}.app-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.app-tile{background:var(--bg-input);border:1px solid var(--border-app);border-radius:var(--radius-md);padding:.75rem .85rem;display:flex;flex-direction:column;gap:.25rem}.app-tile-label{font-size:.72rem;font-weight:700;color:var(--text-muted)}.app-tile-row{display:flex;align-items:center;gap:.45rem}.app-tile-icon{color:#a855f7;flex-shrink:0}.app-native-input,.app-native-select{width:100%;background:transparent!important;border:none!important;color:#fff!important;font-size:.88rem;font-weight:700;outline:none;font-family:inherit}.app-native-select option{background:#0f1422;color:#fff}.passenger-counter-box{display:flex;justify-content:space-between;align-items:center}.counter-btn-round{width:26px;height:26px;border-radius:50%;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center}.counter-btn-round:hover{background:#7c3aed}.counter-number{font-size:1.05rem;font-weight:800;color:#fff;min-width:18px;text-align:center}.offer-amount-header{display:flex;justify-content:space-between;align-items:center;margin:.35rem 0 .85rem}.offer-amount-huge{font-size:2.1rem;font-weight:900;color:#fff;letter-spacing:-.5px}.offer-edit-icon-btn{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-app);color:#a855f7;display:flex;align-items:center;justify-content:center}.app-slider-track{width:100%;height:6px;border-radius:var(--radius-full);background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);outline:none;-webkit-appearance:none}.app-slider-track::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 12px #a855f7;cursor:pointer;border:2px solid #7C3AED}.slider-sub-labels{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);margin-top:.4rem}.suggested-badge-text{color:#c084fc;font-weight:700}.app-dark-textarea{width:100%;background:var(--bg-input)!important;border:1px solid var(--border-app)!important;border-radius:var(--radius-md);padding:.75rem .85rem;color:#fff!important;font-size:.85rem;font-family:inherit;outline:none;resize:none;margin-bottom:.75rem}.chips-wrap-row{display:flex;flex-wrap:wrap;gap:.45rem}.app-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:var(--radius-full);background:var(--bg-input);border:1px solid var(--border-app);color:var(--text-muted);font-size:.78rem;font-weight:600;transition:.15s ease}.app-chip.chip-selected{background:#10b98126;border-color:#10b98166;color:#34d399}.contact-pref-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:.85rem}.contact-tile{background:var(--bg-input);border:1px solid var(--border-app);border-radius:var(--radius-md);padding:.85rem .5rem;text-align:center;cursor:pointer;transition:.15s ease;display:flex;flex-direction:column;align-items:center;gap:.2rem}.contact-tile.selected{background:#7c3aed26;border-color:#7c3aed;box-shadow:0 0 12px #7c3aed4d}.contact-tile-icon{color:#a855f7}.contact-tile-title{font-size:.8rem;font-weight:800;color:#fff}.contact-tile-sub{font-size:.68rem;color:var(--text-muted)}.privacy-notice-box{display:flex;align-items:flex-start;gap:.5rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);padding:.65rem .75rem;font-size:.75rem;color:#cbd5e1}.stats-2col-card{background:var(--bg-card);border:1px solid var(--border-app);border-radius:var(--radius-lg);padding:1rem;display:flex;justify-content:space-around;align-items:center;margin-bottom:1rem}.stats-item{text-align:center}.stats-item-title{font-size:.72rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.stats-item-value{font-size:1.3rem;font-weight:900;margin:.1rem 0}.stats-item-sub{font-size:.7rem;color:var(--text-subtle)}.stats-divider-line{width:1px;height:40px;background:var(--border-app)}.sticky-cta-bottom{position:sticky;bottom:4.8rem;z-index:40;margin-top:.5rem}.app-cta-submit-btn{width:100%;padding:.95rem 1.25rem;background:var(--purple-cta-gradient);color:#fff;font-size:1rem;font-weight:900;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:.65rem;box-shadow:0 6px 25px #7c3aed80;transition:.15s ease}.app-cta-submit-btn:hover{transform:translateY(-1px);box-shadow:0 8px 30px #7c3aedb3}.screen-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.screen-title{font-size:1.35rem;font-weight:900;color:#fff;letter-spacing:-.5px}.app-pill-btn-purple{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .95rem;background:var(--purple-cta-gradient);color:#fff;font-size:.8rem;font-weight:800;border-radius:var(--radius-md);box-shadow:0 4px 12px #7c3aed66}.tabs-scroll-row{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.4rem;margin-bottom:1rem;scrollbar-width:none}.tabs-scroll-row::-webkit-scrollbar{display:none}.tab-badge-btn{padding:.45rem .85rem;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-app);color:var(--text-muted);font-size:.78rem;font-weight:700;white-space:nowrap;transition:.15s ease}.tab-badge-btn.active{background:var(--purple-cta-gradient);color:#fff;border-color:transparent;box-shadow:0 2px 10px #7c3aed66}.rides-stack-list{display:flex;flex-direction:column;gap:.85rem}.ride-item-card{background:var(--bg-card);border:1px solid var(--border-app);border-radius:var(--radius-lg);padding:1.15rem;box-shadow:0 6px 20px #00000059;cursor:pointer;transition:.2s ease}.ride-item-card:hover{border-color:#7c3aed66}.ride-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}.featured-flame-tag{display:inline-flex;align-items:center;gap:.25rem;background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);padding:.15rem .45rem;border-radius:var(--radius-full);font-size:.65rem;font-weight:800;letter-spacing:.5px}.status-badge-pill{padding:.15rem .55rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700}.status-pill-active{background:#10b98126;color:#34d399}.status-pill-offers{background:#f59e0b26;color:#fbbf24}.status-pill-confirmed{background:#3b82f626;color:#60a5fa}.status-pill-completed{background:#a855f726;color:#c084fc}.status-pill-cancelled{background:#ef444426;color:#f87171}.ride-route-price-line{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.65rem}.route-cities-bold{font-size:1.15rem;font-weight:900;color:#fff;display:flex;align-items:center;gap:.4rem}.price-box-right{text-align:right}.price-value-bold{font-size:1.25rem;font-weight:900;color:#fff}.price-sub-label{font-size:.68rem;color:var(--text-muted)}.ride-meta-line{display:flex;flex-wrap:wrap;gap:.85rem;font-size:.78rem;color:var(--text-muted);margin-bottom:.65rem;padding-bottom:.65rem;border-bottom:1px solid var(--border-app)}.ride-stats-line{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--text-muted);margin-bottom:.85rem}.ride-actions-2col{display:flex;align-items:center;gap:.5rem}.btn-view-offers-purple{flex:1;padding:.65rem 1rem;background:var(--purple-cta-gradient);color:#fff;font-size:.82rem;font-weight:800;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:.4rem}.btn-whatsapp-green{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.65rem .95rem;background:var(--whatsapp-green);color:#fff;font-size:.82rem;font-weight:700;border-radius:var(--radius-md)}.btn-whatsapp-green:hover{background:var(--whatsapp-hover)}.promo-driver-share-card{background:linear-gradient(135deg,#f59e0b1f,#7c3aed26);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);padding:.85rem 1rem;margin:.75rem 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.sticky-bottom-bar-3btn{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:440px;background:var(--bg-card);border-top:1px solid var(--border-app);padding:.75rem 1rem;display:flex;gap:.5rem;align-items:center;z-index:50;box-shadow:0 -4px 20px #0009}.btn-cancel-red{padding:.65rem .85rem;border:1px solid rgba(239,68,68,.4);color:#f87171;background:#ef44441a;border-radius:var(--radius-md);font-size:.8rem;font-weight:700;white-space:nowrap}.app-bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:440px;height:60px;background:var(--bg-card);border-top:1px solid var(--border-app);display:flex;justify-content:space-around;align-items:center;z-index:45;box-shadow:0 -4px 20px #00000080}.nav-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;color:var(--text-muted);font-size:.68rem;font-weight:600;flex:1;height:100%}.nav-tab-item.active{color:#a855f7;font-weight:800}.nav-tab-item.active .nav-icon-pill{background:#7c3aed33;color:#c084fc;padding:.2rem .75rem;border-radius:var(--radius-full)}.role-select-card{background:var(--bg-card);border:1.5px solid var(--border-app);border-radius:var(--radius-lg);padding:1.15rem;margin-bottom:.9rem;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 4px 15px #0006}.role-select-card:hover{border-color:#a855f780;transform:translateY(-1px)}.role-select-card.selected{border-color:#a855f7;background:linear-gradient(180deg,#7c3aed24,#0f1422f2);box-shadow:0 0 25px #7c3aed40,0 4px 20px #0009}.role-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.role-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000004d}.passenger-icon-box{background:#a855f72e;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.agent-icon-box{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.driver-icon-box{background:#38bdf82e;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.role-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-app);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.role-select-card.selected .role-radio{border-color:#a855f7;background:#a855f7}.radio-dot{width:8px;height:8px;border-radius:50%;background:transparent;transition:all .2s ease}.role-select-card.selected .radio-dot{background:#fff}.role-title{font-size:1.05rem;font-weight:800;color:#fff;margin-bottom:.35rem;letter-spacing:-.2px}.role-desc{font-size:.78rem;color:var(--text-muted);line-height:1.4;margin-bottom:.75rem}.role-benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.role-benefits-list li{display:flex;align-items:center;gap:.5rem;font-size:.76rem;color:#e2e8f0;font-weight:600}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.form-label{font-size:.82rem;font-weight:700;color:#fff}.input-group-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.85rem;color:#a855f7;pointer-events:none}.form-input{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-app)!important;background:var(--bg-input)!important;font-size:.9rem;font-family:inherit;color:#fff!important;transition:.15s ease}.input-group-icon .form-input{padding-left:2.6rem}.form-input:focus{outline:none;border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed33}.password-toggle-btn{position:absolute;right:.85rem;color:var(--text-muted)}.form-error-banner{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;margin-bottom:1rem}.toast-container{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);width:90%;max-width:400px;display:flex;flex-direction:column;gap:.5rem;z-index:200;pointer-events:none}.toast-item{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-app);box-shadow:0 8px 25px #0009;color:#fff;font-size:.85rem;font-weight:600;pointer-events:auto}.toast-success{border-left:4px solid #10B981}.toast-error{border-left:4px solid #EF4444}.toast-info{border-left:4px solid #3B82F6}.dark-loading-state,.dark-empty-card{text-align:center;padding:2.5rem 1.25rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-app);color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#030712d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeInModal .2s ease-out}@keyframes fadeInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content.auth-modal-box{background:#0d1322;border:1.5px solid rgba(124,58,237,.35);border-radius:var(--radius-xl);padding:1.75rem 1.25rem;width:100%;max-width:410px;box-shadow:0 25px 60px #000000f2,0 0 40px #7c3aed40;position:relative}.modal-close-icon{position:absolute;top:1rem;right:1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:all .2s ease}.modal-close-icon:hover{background:#ef444433;color:#f87171;border-color:#ef444466}.dev-otp-badge{display:inline-flex;align-items:center;gap:.4rem;background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#34d399;padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.dev-otp-badge:hover{background:#10b98138;border-color:#10b981;transform:translateY(-1px)}.otp-container{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin:1.25rem 0 .5rem;width:100%}.otp-inputs-wrapper{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:.45rem!important;width:100%!important}.otp-digit-box{width:45px!important;height:52px!important;text-align:center!important;font-size:1.4rem!important;font-weight:800!important;color:#fff!important;background:#151d30!important;border:1.5px solid rgba(148,163,184,.25)!important;border-radius:12px!important;outline:none!important;transition:all .2s ease!important;padding:0!important;box-shadow:0 4px 12px #00000059!important;margin:0!important}.otp-digit-box:focus{border-color:#a855f7!important;background:#1e2742!important;box-shadow:0 0 16px #a855f773!important;transform:translateY(-2px)}.otp-timer-row{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.82rem;color:#94a3b8;font-weight:600;margin-top:.25rem}.otp-resend-btn{color:#c084fc;font-weight:800;background:none;border:none;cursor:pointer;text-decoration:underline;font-size:.82rem}.otp-resend-btn:hover{color:#ddd6fe}