@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sort-dropdown{flex-shrink:0;position:relative}.sort-trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px;transition:all .2s ease;white-space:nowrap}.sort-trigger.open,.sort-trigger:hover{border-color:#0ea5e9;color:#0b1220}.sort-icon{font-size:15px}.sort-arrow{font-size:10px;transition:transform .2s ease}.sort-trigger.open .sort-arrow{transform:rotate(180deg)}.sort-menu{animation:dropdown-appear .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sort-option{align-items:center;background:#0000;border:none;color:#4b5563;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:12px 14px;text-align:left;transition:all .15s ease;width:100%}.sort-option:hover{background:#f8fafc;color:#0b1220}.sort-option.selected{background:#e0f2fe;color:#0b2a4a}.option-icon{font-size:15px}.option-label{flex:1 1}.option-check{color:#0ea5e9;font-weight:600}.filter-chip{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#4b5563;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.filter-chip:hover{background:#e0f2fe;border-color:#0ea5e9;color:#0b2a4a}.filter-chip.active{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.chip-icon{font-size:14px}.chip-remove{font-size:16px;line-height:1;margin-left:4px;opacity:.8;transition:opacity .15s ease}.chip-remove:hover{opacity:1}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:12px 0}.active-filters-list{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.clear-all-btn{background:#0000;border:none;color:#ef4444;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 12px;transition:color .2s ease}.clear-all-btn:hover{color:#dc2626}.filter-panel-overlay{align-items:flex-end;animation:overlay-appear .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b122080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:30}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}.filter-panel{animation:panel-slide-up .3s ease;background:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;max-height:85vh;max-width:500px;width:100%}@keyframes panel-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-panel-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.filter-panel-header h3{color:#0b1220;font-size:18px;font-weight:700;margin:0}.close-btn{align-items:center;border-radius:50%;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.filter-panel-body{flex:1 1;overflow-y:auto;padding:20px 24px}.filter-section{margin-bottom:24px}.filter-section:last-child{margin-bottom:0}.filter-section-title{align-items:center;color:#0b1220;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.section-icon{font-size:16px}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s ease}.filter-option:hover{background:#e0f2fe;border-color:#0ea5e9;color:#0b2a4a}.filter-option.selected{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.filter-panel-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 24px max(20px,env(safe-area-inset-bottom))}.reset-btn{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s ease}.reset-btn:hover{border-color:#ef4444;color:#ef4444}.apply-btn{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 24px;transition:all .3s ease}.apply-btn:hover{box-shadow:0 4px 16px #0b2a4a4d;transform:translateY(-2px)}.quick-filters{align-items:center;display:flex;gap:12px;padding:12px 0}.quick-filters-scroll{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.quick-filters-scroll::-webkit-scrollbar{display:none}.filter-toggle-btn{align-items:center;background:#0b2a4a;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.filter-toggle-btn:hover{background:#071f36}.toggle-icon{font-size:14px}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{color:#9ca3af;font-size:16px;left:14px;pointer-events:none;position:absolute}.search-input{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;color:#0b1220;font-size:15px;padding:14px 44px;transition:all .2s ease;width:100%}.search-input:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 4px #e0f2fe;outline:none}.search-input::placeholder{color:#9ca3af}.clear-search{align-items:center;background:#e5e7eb;border:none;border-radius:50%;color:#4b5563;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:12px;transition:all .2s ease;width:24px}.clear-search:hover{background:#0ea5e9;color:#fff}.search-filter-bar{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}@media (min-width:640px){.filter-panel{animation:panel-scale-up .3s ease;border-radius:24px;margin:auto;max-height:80vh}@keyframes panel-scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.filter-panel-overlay{align-items:center;padding:20px}}@media (max-width:480px){.quick-filters{align-items:stretch;flex-direction:column;gap:8px}.quick-filters-scroll{padding-bottom:4px}.sort-dropdown{width:100%}.sort-trigger{justify-content:space-between;width:100%}.sort-menu{left:0;right:0;width:100%}.filter-panel-footer{flex-direction:column}}@media (prefers-color-scheme:dark){.filter-chip,.search-input,.sort-trigger{background:#374151;border-color:#4b5563;color:#e5e7eb}.filter-chip:hover,.sort-trigger:hover{background:#0ea5e933;border-color:#0ea5e9}.sort-menu{background:#1f2937;border-color:#374151}.sort-option:hover{background:#374151;color:#f9fafb}.sort-option.selected{background:#0ea5e933;color:#38bdf8}.filter-chip.active{background:#0ea5e9}.filter-panel{background:#1f2937}.filter-panel-header{border-color:#374151}.filter-panel-header h3,.filter-section-title{color:#f9fafb}.close-btn,.filter-option{background:#374151;color:#e5e7eb}.filter-option{border-color:#4b5563}.filter-option:hover{background:#0ea5e933}.filter-panel-footer{border-color:#374151}.reset-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}.search-input{background:#374151;color:#f9fafb}.search-input:focus{background:#1f2937;border-color:#0ea5e9}.search-filter-bar{background:#1f2937;border-color:#374151}.clear-search{background:#4b5563;color:#e5e7eb}}.event-dashboard{background:#f8fafc;overflow-x:hidden;position:relative}.legendary-top-nav{border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;justify-content:space-between;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.legendary-top-nav,.nav-back-btn{align-items:center;background:#fff;display:flex}.nav-back-btn{border:1px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.nav-back-btn:hover{background:#f8fafc;border-color:#0b2a4a;color:#0b1220;transform:translateX(-3px)}.nav-actions{gap:10px}.nav-actions,.nav-btn-rides{align-items:center;display:flex}.nav-btn-rides{background:#e0f2fe;border:1px solid #0ea5e9;border-radius:12px;color:#0b2a4a;cursor:pointer;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.nav-btn-rides:hover{background:#0b2a4a;color:#fff;transform:translateY(-2px)}.nav-btn-account{align-items:center;background:#0b2a4a;border:none;border-radius:12px;box-shadow:0 2px 8px #0b2a4a33;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;padding:8px 16px;transition:all .2s ease}.nav-btn-account:hover{background:#071f36;box-shadow:0 4px 12px #0b2a4a4d;transform:translateY(-2px)}.nav-avatar{align-items:center;background:#ffffff4d;border:2px solid #ffffff80;border-radius:50%;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.nav-btn-login{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease}.nav-btn-login:hover{background:#f8fafc;border-color:#0b2a4a;color:#0b2a4a;transform:translateY(-2px)}.legendary-header{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);overflow:hidden;padding:32px 24px 40px;position:relative;z-index:1}.legendary-header:before{background:radial-gradient(circle at 30% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 80%,#ffffff14 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content{margin:0 auto;max-width:900px;position:relative;z-index:2}.event-info{color:#fff;margin-bottom:28px}.event-info h1{animation:fadeInUp .6s var(--ease-spring);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;text-shadow:0 4px 20px #0003}.event-meta{animation:fadeInUp .6s var(--ease-spring) .1s backwards;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.event-meta span{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s var(--ease-smooth)}.event-meta span:hover{background:#ffffff4d;transform:translateY(-2px)}.participant-badge{background:#22c55e4d!important;border-color:#22c55e80!important}.header-actions{animation:fadeInUp .6s var(--ease-spring) .2s backwards;flex-wrap:wrap;gap:16px;justify-content:center}.legendary-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .4s var(--ease-spring)}.legendary-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.legendary-btn:hover:before{left:100%}.legendary-btn-primary{background:#fff;box-shadow:0 8px 30px #0b2a4a33;color:#0b2a4a}.legendary-btn-primary:hover{box-shadow:0 15px 40px #0b2a4a4d;transform:translateY(-4px) scale(1.02)}.legendary-btn-outline{background:#0000;border:2px solid #ffffffb3;color:#fff}.legendary-btn-outline:hover{background:#ffffff26;border-color:#fff;transform:translateY(-4px) scale(1.02)}.legendary-tabs{display:flex;gap:8px;justify-content:center;margin-top:-24px;padding:0 20px;position:relative;z-index:10}.legendary-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;color:#4b5563;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;overflow:hidden;padding:16px 28px;position:relative;transition:all .2s ease}.legendary-tab:after{background:#0ea5e9;border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .2s ease;width:0}.legendary-tab:hover{border-color:#0ea5e9;box-shadow:0 8px 20px #0000001a;color:#0b1220;transform:translateY(-3px)}.legendary-tab.active{background:#e0f2fe;border-color:#0ea5e9;color:#0b2a4a}.legendary-tab.active:after{width:60%}.tab-count{background:#f3f4f6;border-radius:13px;font-size:13px;font-weight:700;height:26px;min-width:26px;transition:all .2s ease}.legendary-tab.active .tab-count{background:#0b2a4a;color:#fff}.confirmed-rides-section{animation:fadeInUp .5s var(--ease-spring);background:#22c55e14;border:1px solid #22c55e4d;border-radius:24px;margin:28px 20px 0;overflow:hidden;padding:24px;position:relative}.confirmed-rides-section:before{background:radial-gradient(circle at 10% 10%,#22c55e1a 0,#0000 40%),radial-gradient(circle at 90% 90%,#22c55e14 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.confirmed-rides-title{align-items:center;color:var(--success-light);display:flex;font-size:22px;font-weight:800;gap:10px;margin:0 0 20px;position:relative;z-index:1}.confirmed-ride-card{background:var(--bg-elevated);border:1px solid #10b98133;border-radius:16px;box-shadow:var(--shadow-md);margin-bottom:16px;padding:20px;position:relative;transition:all .3s var(--ease-smooth);z-index:1}.confirmed-ride-card:hover{border-color:var(--success);box-shadow:var(--success-glow),var(--shadow-lg);transform:translateY(-3px)}.confirmed-ride-card:last-child{margin-bottom:0}.legendary-content{margin:0 auto;max-width:900px;padding:28px 20px 120px;position:relative;z-index:1}.filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;padding:16px}.filter-results-info{align-items:center;border-top:1px solid #e5e7eb;color:#4b5563;display:flex;font-size:14px;justify-content:space-between;margin-top:12px;padding:12px 0 0}.clear-filters-btn{background:#0000;border:none;border-radius:6px;color:#0ea5e9;cursor:pointer;font-size:14px;font-weight:500;padding:4px 8px;transition:all .2s ease}.clear-filters-btn:hover{background:#e0f2fe;color:#0b2a4a}.legendary-cards-grid{display:flex;flex-direction:column;gap:20px}@media (min-width:768px){.legendary-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}.legendary-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 4px 12px #0000000d;overflow:visible;padding:24px;position:relative;transition:all .2s ease}.legendary-card:before{border-radius:24px 24px 0 0;content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.legendary-card:hover{border-color:#0ea5e9;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.legendary-card:hover:before{opacity:1}.legendary-card.offer-card:before{background:linear-gradient(135deg,#0b2a4a,#0ea5e9)}.legendary-card.request-card:before{background:#0ea5e9}.legendary-card.my-card{background:#e0f2fe;border:2px solid #0ea5e9}.legendary-card.my-card:hover{box-shadow:0 8px 24px #0ea5e933}.legendary-card.matched-card{background:#22c55e14;border:2px solid #22c55e4d}.legendary-card.full-card{opacity:.6}.legendary-card.full-card:after{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#00000005 0,#00000005 20px);border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.legendary-badge{animation:badgePop .4s var(--ease-bounce);border-radius:20px;box-shadow:var(--shadow-medium);font-size:12px;font-weight:800;letter-spacing:.5px;padding:8px 18px;position:absolute;right:20px;text-transform:uppercase;top:-12px;z-index:10}@keyframes badgePop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.legendary-badge.my-badge{background:var(--legendary-gradient);color:#fff}.legendary-badge.full-badge{background:linear-gradient(135deg,#fca5a5,#f87171);color:#7f1d1d}.legendary-badge.matched-badge{background:var(--nature-gradient);color:#fff}.legendary-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.legendary-driver-info{align-items:center;display:flex;gap:14px}.legendary-avatar{align-items:center;border-radius:16px;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;position:relative;transition:all .3s var(--ease-smooth);width:56px}.legendary-avatar.driver{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 4px 15px #6366f133}.legendary-avatar.passenger{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 4px 15px #f59e0b33}.legendary-card:hover .legendary-avatar{transform:scale(1.1) rotate(-5deg)}.legendary-driver-details h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:8px}.legendary-meta-badges{display:flex;flex-wrap:wrap;gap:8px}.legendary-seats-badge{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:20px;box-shadow:0 2px 8px #3b82f633;color:#1e40af;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:6px 14px;transition:all .3s var(--ease-smooth)}.legendary-seats-badge.full{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#991b1b}.legendary-seats-badge:hover{transform:scale(1.05)}.legendary-pref-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px}.legendary-pref-badge.male{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.legendary-pref-badge.female{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d}.legendary-payment-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:6px 12px}.legendary-payment-badge.obligatory{background:linear-gradient(135deg,#fecaca,#fca5a5);border:1px solid #f87171;color:#991b1b}.legendary-payment-badge.optional{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #86efac;color:#166534}.legendary-privacy-badge{align-items:center;background:linear-gradient(135deg,#64748b,#475569);border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px}.legendary-locations{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;margin:18px 0;padding:16px}.legendary-location-item{align-items:center;border-bottom:1px dashed var(--glass-border);color:var(--text-secondary);display:flex;font-size:14px;gap:12px;padding:10px 0}.legendary-location-item:last-child{border-bottom:none;padding-bottom:0}.legendary-location-item:first-child{padding-top:0}.legendary-direction-badge{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.legendary-direction-badge.going{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.legendary-direction-badge.return{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.legendary-description{background:#fffbeb;border-left:4px solid #f59e0b;border-radius:12px;color:#92400e;font-size:14px;font-style:italic;margin:16px 0;padding:14px 16px}.legendary-passengers{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #86efac;border-radius:16px;margin:18px 0;padding:16px}.legendary-passengers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.legendary-passengers-label{color:#166534;font-size:14px;font-weight:700}.legendary-manage-btn{background:#fff;border:1px solid #0ea5e9;border-radius:10px;color:#0369a1;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .3s var(--ease-smooth)}.legendary-manage-btn:hover{background:#f0f9ff;box-shadow:0 4px 12px #0ea5e933;transform:translateY(-2px)}.legendary-passenger-item{border-bottom:1px dashed #bbf7d0;color:#166534;font-size:14px;padding:8px 0}.legendary-passenger-item:last-child{border-bottom:none;padding-bottom:0}.legendary-passenger-phone{color:#64748b;font-size:12px}.legendary-match-info{background:linear-gradient(135deg,#ecfdf5,#d1fae5 50%,#a7f3d0);border:2px solid #86efac;border-radius:16px;margin:18px 0;overflow:hidden;padding:20px;position:relative;text-align:center}.legendary-match-info:before{animation:shimmer 3s infinite;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.legendary-match-label{color:#166534;font-size:13px;font-weight:500;margin-bottom:6px;position:relative;z-index:1}.legendary-match-driver{color:#14532d;font-size:20px;font-weight:800;position:relative;z-index:1}.legendary-actions{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:18px}.legendary-action-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:100px;overflow:hidden;padding:12px 18px;position:relative;text-decoration:none;transition:all .3s var(--ease-spring)}.legendary-action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s;width:100%}.legendary-action-btn:hover:before{left:100%}.legendary-action-btn.primary{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);box-shadow:0 4px 16px #0b2a4a4d;color:#fff}.legendary-action-btn.primary:hover{box-shadow:0 8px 24px #0b2a4a66;transform:translateY(-3px)}.legendary-action-btn.success{background:linear-gradient(135deg,var(--success) 0,#059669 100%);box-shadow:var(--success-glow);color:#fff}.legendary-action-btn.success:hover{box-shadow:0 0 40px #10b98180;transform:translateY(-3px)}.legendary-action-btn.secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.legendary-action-btn.secondary:hover{background:var(--glass-hover);border-color:var(--primary);transform:translateY(-3px)}.legendary-action-btn.ghost{background:#0000;color:var(--text-muted)}.legendary-action-btn.ghost:hover{background:var(--danger-bg);color:var(--danger-light)}.legendary-action-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 15px #25d3664d;color:#fff}.legendary-action-btn.whatsapp:hover{box-shadow:0 8px 25px #25d36666;transform:translateY(-3px)}.request-count{align-items:center;animation:pulse 2s infinite;background:#ffffff4d;border-radius:10px;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.legendary-empty-state{background:var(--glass-bg);border:2px dashed var(--glass-border);border-radius:32px;overflow:hidden;padding:60px 30px;position:relative;text-align:center}.legendary-empty-state:before{background:radial-gradient(circle at 20% 80%,#06b6d41a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.legendary-empty-icon{animation:float 3s ease-in-out infinite;display:block;font-size:80px;margin-bottom:20px;position:relative;z-index:1}.legendary-empty-state h3{color:var(--text-primary);font-size:24px;font-weight:800;margin-bottom:12px;position:relative;z-index:1}.legendary-empty-state p{color:var(--text-muted);font-size:16px;margin-bottom:28px;position:relative;z-index:1}.legendary-fab-container{bottom:max(100px,calc(80px + var(--safe-bottom)));position:fixed;right:24px;z-index:999}.legendary-fab{align-items:center;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border:none;border-radius:50%;box-shadow:0 8px 24px #0b2a4a4d;color:#fff;cursor:pointer;display:flex;font-size:28px;height:64px;justify-content:center;overflow:hidden;position:relative;transition:all .3s var(--ease-spring);width:64px}.legendary-fab:before{background:radial-gradient(circle at 30% 30%,#ffffff4d 0,#0000 60%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.legendary-fab:hover{box-shadow:0 12px 32px #0b2a4a66;transform:scale(1.1) rotate(90deg)}.legendary-fab:active{transform:scale(.95)}.legendary-fab-menu{bottom:80px;display:flex;flex-direction:column;gap:12px;opacity:0;position:absolute;right:0;transform:translateY(20px);transition:all .3s var(--ease-spring);visibility:hidden}.legendary-fab-container.open .legendary-fab-menu{opacity:1;transform:translateY(0);visibility:visible}.legendary-fab-container.open .legendary-fab{transform:rotate(45deg)}.legendary-fab-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 20px;text-decoration:none;transition:all .3s var(--ease-smooth);white-space:nowrap}.legendary-fab-item:hover{border-color:var(--primary);box-shadow:var(--shadow-neon);transform:translateX(-8px)}.legendary-fab-item .icon{font-size:20px}.legendary-modal-overlay{align-items:flex-end;animation:fadeIn .3s var(--ease-smooth);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0b122080;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:35}.legendary-modal{animation:slideUpModal .4s var(--ease-spring);background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-radius:32px 32px 0 0;box-shadow:0 -10px 60px #00000026;display:flex;flex-direction:column;max-height:92vh;max-height:92dvh;max-width:600px;overflow:hidden;width:100%}@keyframes slideUpModal{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (min-width:600px){.legendary-modal-overlay{align-items:center;padding:24px}.legendary-modal{animation:scaleInModal .4s var(--ease-spring);border:1px solid #e5e7eb;border-radius:32px;box-shadow:0 25px 60px #00000026;max-height:90vh}@keyframes scaleInModal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}}.legendary-modal-handle{background:#e5e7eb;border-radius:3px;height:5px;margin:12px auto 0;width:48px}.legendary-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.legendary-modal-header h2{align-items:center;color:#0b1220;display:flex;font-size:20px;font-weight:800;gap:10px;margin:0}.legendary-modal-close{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:50%;color:#4b5563;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;transition:all .3s var(--ease-smooth);width:44px}.legendary-modal-close:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444;transform:rotate(90deg)}.legendary-modal-body{background:#f8fafc;flex:1 1;overflow-y:auto;padding:20px 16px}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:16px;padding:16px}.form-section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:14px;padding-bottom:10px}.form-section-icon{font-size:18px}.form-section-title{color:#0b1220;font-size:14px;margin:0}.form-group{margin-bottom:14px}.form-group:last-child{margin-bottom:0}.form-label{color:#4b5563;font-size:12px;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.form-input,.form-select{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#0b1220;font-size:15px;padding:12px 14px;transition:all .2s var(--ease-smooth);width:100%}.form-input:focus,.form-select:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px #e0f2fe;outline:none}.form-input::placeholder{color:#9ca3af}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;padding-right:40px}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1 1;min-width:0}.form-row.compact-row{gap:10px}.form-row.compact-row .form-select{font-size:14px;padding:10px 12px}.inline-toggle{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:11px;gap:6px;white-space:nowrap}.inline-toggle input[type=checkbox]{accent-color:#0ea5e9;cursor:pointer;height:16px;width:16px}.option-cards{-webkit-overflow-scrolling:touch;display:flex;gap:8px;margin:0 -4px;overflow-x:auto;padding:0 4px;scrollbar-width:none}.option-cards::-webkit-scrollbar{display:none}.option-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;flex:0 0 auto;min-width:90px;padding:12px 16px;text-align:center;transition:all .2s var(--ease-smooth)}.option-card.selected,.option-card:hover{background:#e0f2fe;border-color:#0ea5e9}.option-card.selected{box-shadow:0 2px 8px #0ea5e933}.option-card input{display:none}.option-card-icon{font-size:20px;margin-bottom:4px}.option-card-label{color:#475569;font-size:12px;font-weight:600}.option-card.selected .option-card-label{color:#0b2a4a}.action-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.action-chip{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s var(--ease-smooth)}.action-chip:hover{background:#e2e8f0}.action-chip.active{background:#0b2a4a;border-color:#0b2a4a;color:#fff}.info-banner{align-items:center;border-radius:10px;display:flex;font-size:13px;gap:10px;margin-bottom:14px;padding:10px 14px}.info-banner.success{background:#ecfdf5;border:1px solid #86efac;color:#166534}.info-banner.warning{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.info-banner.info{background:#eff6ff;border:1px solid #93c5fd;color:#1e40af}.info-banner-icon{flex-shrink:0;font-size:16px}.collapsible-section{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:14px;overflow:hidden}.collapsible-header{align-items:center;background:#f8fafc;color:#0b1220;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:12px 14px;transition:background .2s}.collapsible-header:hover{background:#e0f2fe}.collapsible-header .chevron{color:#0ea5e9;transition:transform .2s}.collapsible-section.open .collapsible-header .chevron{transform:rotate(180deg)}.collapsible-content{background:#fff;display:none;padding:14px}.collapsible-section.open .collapsible-content{display:block}.map-preview-compact{border:1px solid #e2e8f0;border-radius:12px;margin:12px 0;overflow:hidden}.payment-compact{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff;border-radius:14px;margin-top:14px;padding:14px}.payment-compact .form-label{color:#0b2a4a}.payment-amount-row{align-items:center;display:flex;gap:10px}.payment-amount-input{flex:1 1;position:relative}.payment-amount-input input{font-weight:600;padding-left:36px}.payment-amount-input .currency{color:#0b2a4a;font-weight:700;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.payment-max-hint{color:#0ea5e9;font-size:11px;margin-top:6px}.legendary-modal-footer{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:10px;padding:16px;padding-bottom:max(16px,var(--safe-bottom))}.legendary-modal-footer .legendary-action-btn{flex:1 1;padding:14px 20px}.otp-container{padding:24px 8px;text-align:center}.otp-header{margin-bottom:24px}.otp-header-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border-radius:20px;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.otp-header h3{color:#0b1220;font-size:20px;font-weight:700;margin:0 0 8px}.otp-header p{color:#64748b;font-size:14px;margin:0}.otp-header strong{color:#1e293b;font-weight:600}.otp-inputs{gap:8px;margin-bottom:20px}.otp-digit{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:22px;font-weight:700;height:56px;text-align:center;transition:all .2s var(--ease-smooth);width:48px}.otp-digit:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px #e0f2fe;outline:none}.otp-digit.filled{background:#f0fdf4;border-color:#22c55e}.otp-resend{color:#64748b;font-size:14px;margin-bottom:24px}.otp-resend-btn:hover{background:#e0f2fe}.otp-actions .btn{border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s var(--ease-smooth)}.otp-actions .btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.otp-actions .btn-secondary:hover{background:#e2e8f0}.otp-actions .btn-primary{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border:none;box-shadow:0 4px 15px #0b2a4a4d;color:#fff}.otp-actions .btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #0b2a4a66;transform:translateY(-2px)}.otp-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6}.otp-note{color:#94a3b8;font-size:12px;margin-top:20px}.legendary-card:first-child{animation:fadeInUp .5s var(--ease-spring) 0s backwards}.legendary-card:nth-child(2){animation:fadeInUp .5s var(--ease-spring) .1s backwards}.legendary-card:nth-child(3){animation:fadeInUp .5s var(--ease-spring) .2s backwards}.legendary-card:nth-child(4){animation:fadeInUp .5s var(--ease-spring) .3s backwards}.legendary-card:nth-child(5){animation:fadeInUp .5s var(--ease-spring) .4s backwards}.legendary-card:nth-child(n+6){animation:fadeInUp .5s var(--ease-spring) .5s backwards}.legendary-loading{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:60px}.legendary-spinner{animation:spin 1s linear infinite;border:4px solid var(--glass-border);border-radius:50%;border-top-color:var(--primary);box-shadow:var(--primary-glow);height:60px;width:60px}.legendary-loading-text{color:var(--text-secondary);font-size:16px;font-weight:500}@media (max-width:480px){.legendary-header{padding:24px 16px 36px}.event-info h1{font-size:1.5rem}.header-actions{flex-direction:column;padding:0 16px;width:100%}.legendary-btn{justify-content:center;width:100%}.legendary-tabs{gap:6px;padding:0 16px}.legendary-tab{font-size:14px;padding:14px 20px}.legendary-content{padding:24px 16px 120px}.legendary-card{border-radius:20px;padding:20px}.legendary-avatar{font-size:24px;height:48px;width:48px}.legendary-modal-body{padding:20px}}@media print{.legendary-fab-container,.legendary-header:after,.legendary-header:before,.legendary-modal-overlay{display:none!important}.event-dashboard:before{display:none}.legendary-card{border:1px solid #e2e8f0;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.legendary-action-btn:focus-visible,.legendary-btn:focus-visible,.legendary-fab:focus-visible,.legendary-tab:focus-visible{outline:3px solid #0ea5e9;outline-offset:2px}.logged-in-notice{align-items:center;animation:fadeInUp .3s var(--ease-smooth);background:#f0fdf4;border:1px solid #86efac;border-radius:12px;color:#166534;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.logged-in-notice .icon{font-size:18px}.form-field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.form-field-header .form-label{margin:0}.hide-toggle{align-items:center;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:4px 8px;transition:all .2s var(--ease-smooth)}.hide-toggle:hover{background:#f1f5f9;color:#475569}.hide-toggle input[type=checkbox]{accent-color:#0ea5e9;height:14px;width:14px}.privacy-notice{animation:fadeInUp .3s var(--ease-smooth);background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;color:#92400e;margin-bottom:20px}.route-preview-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:16px;margin:20px 0;padding:20px}.route-preview-section h4{align-items:center;color:#0369a1;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:16px}.route-distance-info{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;color:#166534;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:12px 16px}.payment-options-section{background:#e0f2fe;border:1px solid #0ea5e9;border-radius:16px;margin-top:24px;padding:20px}.payment-options-section .form-label{align-items:center;color:#0b2a4a;display:flex;font-size:15px;font-weight:600;gap:8px}.payment-methods-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:16px}.payment-method-card{background:#fff;border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;flex:1 1;min-width:90px;padding:16px 12px;text-align:center;transition:all .3s var(--ease-spring)}.payment-method-card:hover{background:#f8fafc;border-color:#0ea5e9;transform:translateY(-2px)}.payment-method-card.selected{background:#e0f2fe;border-color:#0ea5e9;box-shadow:0 4px 15px #0ea5e933}.payment-method-card input{display:none}.payment-method-card .icon{display:block;font-size:24px;margin-bottom:6px}.payment-method-card .text{color:#4b5563;font-size:13px;font-weight:600}.payment-method-card.selected .text{color:#0b2a4a}.payment-amount-wrapper{margin-top:16px;position:relative}.payment-amount-wrapper .form-input{font-size:18px;font-weight:600;padding-right:48px}.payment-currency-symbol{color:#0b2a4a;font-size:18px;font-weight:700;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.privacy-options-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:16px}.privacy-options-title{color:#475569;font-weight:600;gap:8px;margin-bottom:12px}.privacy-option-label,.privacy-options-title{align-items:center;display:flex;font-size:14px}.privacy-option-label{cursor:pointer;gap:10px;margin-bottom:8px;padding:8px 0}.privacy-option-label:last-child{margin-bottom:0}.driver-preview{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:16px;margin-bottom:24px;padding:20px;text-align:center}.driver-preview h3{align-items:center;color:#166534;display:flex;font-size:20px;font-weight:700;gap:8px;justify-content:center;margin:0 0 8px}.driver-preview p{color:#15803d;font-size:14px;margin:0}.driver-preview .preference-badge{margin-top:12px}.route-picker-section{margin-bottom:24px}.route-picker-section h4{align-items:center;color:#0369a1;direction:rtl;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:14px;text-align:right}.manual-address-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:14px}.manual-address-box p{color:#64748b;direction:rtl;font-size:12px;margin-bottom:10px}.pickup-confirmed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #22c55e;border-radius:12px;direction:rtl;margin-bottom:20px;padding:14px 16px}.pickup-confirmed .title{align-items:center;color:#16a34a;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0}.pickup-confirmed .address{color:#15803d;font-size:14px;margin:6px 0 0}.pickup-confirmed .coords{color:#166534;font-size:11px;margin:4px 0 0;opacity:.8}.pickup-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;direction:rtl;margin-bottom:20px;padding:14px 16px}.pickup-warning p{align-items:center;color:#92400e;display:flex;font-size:13px;gap:6px;margin:0}.passenger-count-section{margin-bottom:16px}.passenger-count-hint{align-items:center;color:#64748b;display:flex;font-size:12px;font-style:italic;gap:6px;margin-top:8px}.message-to-driver{direction:rtl}.message-to-driver .form-input{direction:rtl;resize:vertical;text-align:right}.join-requests-list{display:flex;flex-direction:column;gap:16px}.join-request-item{border:2px solid #e2e8f0;padding:20px;transition:all .3s var(--ease-smooth)}.join-request-item:hover{border-color:#c4b5fd;box-shadow:var(--shadow-medium)}.join-request-item.pending{border-left:4px solid #f59e0b}.join-request-item.confirmed{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #22c55e}.join-request-item.rejected{border-left:4px solid #ef4444;opacity:.7}.request-info h4{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 4px}.request-info>p{color:#64748b;font-size:13px;margin:0}.request-pickup-location{align-items:flex-start;color:#64748b;display:flex;font-size:13px;gap:6px;margin-top:10px}.passenger-message-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px;margin-top:12px;padding:12px 14px}.passenger-message-box .label{align-items:center;color:#0369a1;display:flex;font-size:12px;font-weight:500;gap:6px;margin:0 0 4px}.passenger-message-box .message{color:#0c4a6e;direction:rtl;font-size:13px;margin:0}.status-badge{margin-top:12px;padding:6px 14px}.status-badge.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge.status-confirmed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.status-badge.status-rejected{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#991b1b}.request-actions{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.request-route-map{border-radius:12px;margin-top:16px;overflow:hidden}.missing-pickup-warning{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #f87171;border-radius:10px;direction:rtl;margin-top:12px;padding:12px 14px}.missing-pickup-warning p{align-items:center;color:#dc2626;display:flex;font-size:13px;gap:6px;margin:0}.passengers-manage-list{display:flex;flex-direction:column;gap:16px}.passenger-manage-card{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .2s var(--ease-smooth)}.passenger-manage-card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-soft)}.passenger-manage-card h4{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.passenger-manage-card>p{color:#64748b;font-size:14px;margin:4px 0 0}.remove-passenger-section{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.remove-passenger-section summary{align-items:center;color:#dc2626;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;list-style:none;padding:10px 0}.remove-passenger-section summary::-webkit-details-marker{display:none}.remove-passenger-section[open] summary{margin-bottom:12px}.cancel-reason-input{border:2px solid #fecaca;border-radius:10px;font-family:inherit;font-size:14px;min-height:80px;padding:14px;resize:vertical;transition:border-color .2s;width:100%}.cancel-reason-input:focus{border-color:#ef4444;outline:none}.otp-verification-container{padding:24px 0;text-align:center}.otp-icon{animation:float 3s ease-in-out infinite;font-size:56px;margin-bottom:16px}.otp-title{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.otp-subtitle{color:#64748b;font-size:14px;margin-bottom:28px}.otp-subtitle strong{color:#1e293b}.otp-inputs-container{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.otp-input-field{border:2px solid #e2e8f0;border-radius:14px;color:#1e293b;font-size:26px;font-weight:700;height:60px;outline:none;text-align:center;transition:all .2s var(--ease-smooth);width:52px}.otp-input-field:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px #e0f2fe}.otp-resend-section{margin-bottom:24px}.otp-countdown{color:#64748b}.otp-resend-btn{color:#0ea5e9;font-size:14px;text-decoration:underline;transition:color .2s}.otp-resend-btn:hover{color:#0b2a4a}.otp-actions{display:flex;gap:12px;justify-content:center}.otp-hint{color:#94a3b8;font-size:12px;margin-top:20px}.submitting-overlay{align-items:center;background:#fffffff2;border-radius:32px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.form-row.two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:500px){.form-row.two-col,.payment-methods-grid{grid-template-columns:1fr}}.preference-selector{margin:24px 0}.preference-selector .radio-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media (max-width:500px){.preference-selector .radio-group{grid-template-columns:1fr}}.gender-selector{margin:20px 0}.gender-selector .radio-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.remember-me{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-top:20px;padding:14px}.legendary-modal-footer .legendary-action-btn{font-size:15px;padding:14px 24px}.legendary-modal-footer .legendary-action-btn.primary,.legendary-modal-footer .legendary-action-btn.success{min-width:160px}.map-location-picker{width:100%}.maps-error-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;direction:rtl;font-size:12px;margin-top:8px;padding:8px 12px;text-align:right}.location-btn.disabled-look{opacity:.5}.location-input-wrapper{align-items:center;display:flex;gap:8px;position:relative}.input-container{display:flex;flex:1 1}.input-container .location-input{width:100%}.google-places-input-container{display:flex;flex:1 1}.google-places-input-container .location-input{width:100%}.location-input{direction:rtl;flex:1 1;padding-right:12px!important;text-align:right}.location-buttons{display:flex;gap:4px}.location-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.location-btn:hover:not(:disabled){background:#e0f2fe;border-color:#0ea5e9;color:#0ea5e9}.location-btn:disabled{cursor:not-allowed;opacity:.5}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#0ea5e9;height:16px;width:16px}.selected-location-info{background:#e0f2fe;border:1px solid #0ea5e9;border-radius:8px;direction:rtl;margin-top:8px;padding:10px 12px;text-align:right}.selected-location-info .location-name{color:#0b2a4a;display:block;font-size:14px;font-weight:600}.selected-location-info .location-address{color:#4b5563;display:block;font-size:12px;margin-top:2px}.map-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b122099;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:50}.map-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #0b2a4a40;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.map-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;direction:rtl;display:flex;justify-content:space-between;padding:16px 20px}.map-modal-header h3{color:#0b1220;font-size:18px;font-weight:600;margin:0}.close-btn{background:#f8fafc;border:none;border-radius:8px;color:#4b5563;cursor:pointer;font-size:24px;height:32px;line-height:1;transition:all .2s;width:32px}.close-btn:hover{background:#e5e7eb;color:#0b1220}.map-container{background:#f8fafc;height:400px}.map-modal-info{border-top:1px solid #e5e7eb;direction:rtl;min-height:60px;padding:16px 20px;text-align:right}.selected-place{display:flex;flex-direction:column;gap:4px}.selected-place strong{color:#0b1220;font-size:15px}.selected-place span{color:#4b5563;font-size:13px}.selected-coords{color:#4b5563;font-family:monospace;font-size:12px;margin-top:8px}.map-hint{color:#4b5563;font-size:14px;margin:0}.map-modal-actions{border-top:1px solid #e5e7eb;direction:rtl;display:flex;gap:12px;padding:16px 20px}.map-modal-actions .btn{flex:1 1;font-size:15px;padding:12px 20px}.map-location-picker.compact .location-btn{height:36px;width:36px}.map-location-picker.compact .selected-location-info{padding:8px 10px}.pac-container{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0b2a4a26;font-family:inherit;margin-top:4px;z-index:50!important}.pac-item{border-bottom:1px solid #e5e7eb;cursor:pointer;direction:rtl;padding:10px 12px;text-align:right}.pac-item-selected,.pac-item:hover{background:#e0f2fe}.pac-icon{display:none}.pac-item-query{color:#0b1220;font-size:14px}.pac-matched{font-weight:600}@media (max-width:640px){.map-modal-overlay{padding:0}.map-modal{border-radius:0;max-height:100vh;max-width:100%}.map-container{height:50vh}.map-modal-actions{flex-direction:column}}.route-map-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;width:100%}.route-map{background:#f8fafc;position:relative;width:100%}.route-error{background:#ef44440d;border-top:1px solid #ef444433;color:#ef4444;direction:rtl;font-size:14px;padding:12px 16px;text-align:right}.route-info{background:#fff;border-top:1px solid #e5e7eb;direction:rtl;padding:16px}.route-summary{gap:24px;justify-content:center;margin-bottom:12px}.stat-value{background:#0000;color:#0b1220!important;font-size:16px}.route-info,.route-summary{color:#0b1220}.route-legs{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.route-leg{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:10px 0}.route-leg:last-child{border-bottom:none}.leg-number{align-items:center;background:#0ea5e9;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.leg-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.leg-endpoints{color:#0b1220;font-size:13px;line-height:1.4}.leg-stats{color:#4b5563;font-size:12px}.route-map-container.compact .route-info{padding:12px}.route-map-container.compact .route-summary{gap:16px;margin-bottom:0}.route-map-container.compact .stat-value{font-size:14px}.route-map-container.compact .route-legs{display:none}:root{--account-primary:#0b2a4a;--account-accent:#0ea5e9;--account-bg:#f8fafc;--account-surface:#fff;--account-text:#0b1220;--account-muted:#4b5563;--account-border:#e5e7eb;--account-success:#10b981;--account-warning:#f59e0b;--account-danger:#ef4444}.my-account-container{background:linear-gradient(180deg,#f8fafc,#eff6ff);min-height:100vh;min-height:100dvh;padding-bottom:120px;position:relative}.account-header{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);overflow:hidden;padding:max(24px,calc(env(safe-area-inset-top) + 16px)) 20px 80px;position:relative}.account-header:before{background:radial-gradient(circle at 20% 30%,#ffffff26 0,#0000 40%),radial-gradient(circle at 80% 70%,#ffffff1a 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.account-header .back-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;position:relative;transition:all .3s ease;z-index:1}.account-header .back-btn:hover{background:#ffffff40;transform:translateX(-4px)}.account-header h1{color:#fff;font-size:1.75rem;font-weight:800;margin:20px 0 0;position:relative;text-shadow:0 2px 10px #00000026;z-index:1}.profile-section{margin-top:-60px;padding:0 20px;position:relative;z-index:10}.profile-card{animation:slideUp .5s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 10px 30px -5px #0b2a4a1a;overflow:hidden;padding:0}.profile-top{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);padding:24px 24px 32px;position:relative;text-align:center}.profile-top:after{background:#fff;border-radius:50%;bottom:-24px;content:"";height:48px;left:50%;position:absolute;transform:translateX(-50%);width:48px}.profile-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 0 4px #ffffff4d,0 8px 24px #00000026;color:#0b2a4a;display:flex;font-size:42px;font-weight:800;height:100px;justify-content:center;margin:0 auto 16px;position:relative;transition:transform .3s ease;width:100px;z-index:2}.profile-avatar:hover{transform:scale(1.05)}.profile-info{padding:24px;text-align:center}.profile-info h2{color:#0b1220;font-size:1.5rem;font-weight:800;margin:0 0 16px}.profile-details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.profile-detail-item{align-items:center;background:#f8fafc;border-radius:12px;color:#4b5563;display:flex;font-size:14px;gap:10px;justify-content:center;padding:12px 20px;transition:all .2s ease}.profile-detail-item:hover{background:#e0f2fe;color:#0b2a4a}.profile-detail-item .icon{font-size:18px}.profile-detail-item .value{color:#0b1220;font-weight:600}.profile-stats{grid-gap:12px;background:linear-gradient(135deg,#f8fafc,#eff6ff);border-top:1px solid #e5e7eb;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding:20px 24px}.stat-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;cursor:default;padding:16px 8px;text-align:center;transition:all .3s ease}.stat-item:hover{border-color:#0ea5e9;box-shadow:0 8px 20px #00000014;transform:translateY(-3px)}.stat-value{font-size:24px}.stat-label{font-size:11px;font-weight:600}.profile-actions{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center;padding:20px 24px}.profile-actions .btn{align-items:center;border-radius:14px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:14px 28px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.profile-actions .btn-primary{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border:none;box-shadow:0 4px 16px #0b2a4a40;color:#fff}.profile-actions .btn-primary:hover{box-shadow:0 8px 24px #0b2a4a59;transform:translateY(-3px)}.profile-actions .btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#0b1220}.profile-actions .btn-secondary:hover{background:#f8fafc;border-color:#0ea5e9;transform:translateY(-3px)}.profile-actions .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 4px 16px #ef444440;color:#fff}.profile-actions .btn-danger:hover{box-shadow:0 8px 24px #ef444459;transform:translateY(-3px)}.profile-edit-form{padding:24px;width:100%}.profile-edit-form .form-group{margin-bottom:20px;text-align:left}.profile-edit-form .form-label{color:#4b5563;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.profile-edit-form .form-input{background:#f8fafc;border:2px solid #e5e7eb;border-radius:14px;color:#0b1220;font-size:15px;font-weight:500;padding:16px 18px;transition:all .2s ease;width:100%}.profile-edit-form .form-input:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 4px #e0f2fe;outline:none}.profile-edit-form .form-input:disabled{background:#e5e7eb;cursor:not-allowed;opacity:.6}.profile-edit-form .form-hint{color:#4b5563;font-size:12px;font-style:italic;margin-top:8px}.account-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding:24px 20px 16px;scrollbar-width:none}.account-tabs::-webkit-scrollbar{display:none}.account-tabs .tab-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;color:#4b5563;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:700;gap:8px;padding:14px 22px;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.account-tabs .tab-btn:hover{background:#f8fafc;border-color:#0ea5e9;color:#0b1220;transform:translateY(-2px)}.account-tabs .tab-btn.active{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border-color:#0000;box-shadow:0 4px 16px #0b2a4a40;color:#fff;transform:translateY(-2px)}.tab-count{align-items:center;background:#00000014;border-radius:12px;display:inline-flex;font-size:12px;font-weight:800;height:24px;justify-content:center;min-width:24px;padding:0 8px}.account-tabs .tab-btn.active .tab-count{background:#fff3}.account-content{margin:0 auto;max-width:900px;padding:0 20px}.loading-state{display:flex;flex-direction:column;gap:16px;padding:20px 0}.skeleton-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;padding:20px}.skeleton-header{display:flex;justify-content:space-between;margin-bottom:16px}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:200% 100%;border-radius:8px}.skeleton-line.title{height:20px;width:60%}.skeleton-line.badge{border-radius:12px;height:24px;width:80px}.skeleton-line.text{height:16px;margin-bottom:10px;width:100%}.skeleton-line.text:last-child{width:70%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner-container p{color:#4b5563;font-weight:500;margin-top:16px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#0ea5e9;height:48px;width:48px}.account-content .empty-state{animation:fadeIn .5s ease;background:#fff;border:2px dashed #e5e7eb;border-radius:24px;padding:60px 32px;text-align:center}.account-content .empty-state .empty-icon{animation:float 3s ease-in-out infinite;display:block;font-size:72px;margin-bottom:20px}.account-content .empty-state h3{color:#0b1220;font-size:1.5rem;font-weight:800;margin-bottom:12px}.account-content .empty-state p{color:#4b5563;font-size:15px;margin-bottom:28px;margin-left:auto;margin-right:auto;max-width:280px}.account-content .empty-state .btn{font-size:15px;padding:16px 32px}.item-card{animation:slideUp .4s ease;border-radius:20px;margin-bottom:16px;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.item-card:first-child{animation-delay:0s}.item-card:nth-child(2){animation-delay:.05s}.item-card:nth-child(3){animation-delay:.1s}.item-card:nth-child(4){animation-delay:.15s}.item-card:nth-child(5){animation-delay:.2s}.item-card:hover{border-color:#0ea5e9;box-shadow:0 12px 32px #0b2a4a1f;transform:translateY(-4px)}.item-card.event-card{border-left:4px solid #0ea5e9;position:relative}.item-card.event-card:before{background:linear-gradient(90deg,#0b2a4a,#0ea5e9);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.item-card.event-card:hover:before{opacity:1}.item-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:12px;padding:18px 20px}.event-badge{align-items:center;color:#0b1220;display:flex;font-size:1rem;font-weight:800;gap:10px}.status-pill{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.3px;padding:6px 14px;text-transform:uppercase}.status-pill.confirmed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-pill.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-pill.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-pill.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.item-body{padding:20px}.item-detail{align-items:flex-start;display:flex;font-size:14px;gap:12px;margin-bottom:14px}.item-detail:last-child{margin-bottom:0}.detail-label{align-items:center;display:flex;gap:6px;min-width:100px;white-space:nowrap}.item-detail span:last-child{color:#0b1220;font-weight:500}.event-stats{border-top:1px solid #e5e7eb;display:flex;gap:16px;margin-top:16px;padding-top:16px}.event-stats .stat{align-items:center;background:#f8fafc;border-radius:10px;color:#4b5563;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px;transition:all .2s ease}.event-stats .stat:hover{background:#e0f2fe;color:#0b2a4a}.item-actions{background:linear-gradient(180deg,#fff,#f8fafc);border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px}.item-actions .btn{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:12px 20px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.item-actions .btn-sm{font-size:12px;padding:10px 16px}.item-actions .btn-primary{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border:none;box-shadow:0 4px 12px #0b2a4a33;color:#fff}.item-actions .btn-primary:hover{box-shadow:0 6px 20px #0b2a4a4d;transform:translateY(-2px)}.item-actions .btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#0b1220}.item-actions .btn-secondary:hover{background:#f8fafc;border-color:#0ea5e9;transform:translateY(-2px)}.item-actions .btn-danger{background:#ef44441a;border:2px solid #ef444433;color:#ef4444}.item-actions .btn-danger:hover{background:#ef444426;border-color:#ef4444;transform:translateY(-2px)}.copy-btn-small{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.copy-btn-small:hover{background:#e0f2fe;border-color:#0ea5e9;color:#0ea5e9;transform:scale(1.08)}.quick-action-fab{align-items:center;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border:none;border-radius:50%;bottom:max(100px,calc(80px + env(safe-area-inset-bottom)));box-shadow:0 8px 24px #0b2a4a4d;color:#fff;cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;position:fixed;right:24px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:60px;z-index:100}.quick-action-fab:hover{box-shadow:0 12px 32px #0b2a4a66;transform:scale(1.1)}.quick-action-fab:active{transform:scale(.95)}@media (max-width:640px){.account-header{padding:20px 16px 70px}.account-header h1{font-size:1.5rem}.profile-section{margin-top:-50px;padding:0 16px}.profile-avatar{font-size:32px;height:80px;width:80px}.profile-info h2{font-size:1.25rem}.profile-stats{grid-template-columns:repeat(2,1fr);padding:16px}.stat-item{padding:14px 8px}.stat-value{font-size:20px}.account-tabs{padding:20px 16px 12px}.account-tabs .tab-btn{border-radius:14px;font-size:12px;padding:12px 16px}.account-content{padding:0 16px}.item-card{border-radius:16px}.item-header{padding:14px 16px}.item-body{padding:16px}.item-actions{padding:14px 16px}.item-detail{flex-direction:column;gap:4px}.detail-label{min-width:auto}.quick-action-fab{bottom:max(90px,calc(70px + env(safe-area-inset-bottom)));height:56px;right:16px;width:56px}}@media (min-width:768px){.account-header{padding:32px 32px 90px}.account-header h1{font-size:2rem}.profile-section{padding:0 32px}.profile-card{margin:0 auto;max-width:700px}.profile-stats{padding:24px 32px}.account-tabs{justify-content:center;padding:28px 32px 16px}.account-content{padding:0 32px}.item-card{border-radius:24px}}.btn:focus-visible,.copy-btn-small:focus-visible,.tab-btn:focus-visible{outline:3px solid #0ea5e9;outline-offset:2px}.route-with-detour-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;width:100%}.route-with-detour-map{background:#f8fafc;position:relative;width:100%}.map-loading{align-items:center;background:#ffffffe6;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.map-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#0ea5e9;height:32px;width:32px}.map-loading span{color:#4b5563;font-size:14px}.route-with-detour-error{background:#ef44440d;border-top:1px solid #ef444433;color:#ef4444;direction:rtl;font-size:14px;padding:12px 16px;text-align:right}.route-with-detour-info{background:#fff;border-top:1px solid #e5e7eb;direction:rtl;padding:16px}.route-detour,.route-original{margin-bottom:16px}.route-detour:last-child,.route-original:last-child{margin-bottom:0}.route-detour h4,.route-original h4{color:#0b1220;font-size:14px;font-weight:600;margin:0 0 12px}.route-stats{display:flex;gap:24px;margin-bottom:8px}.route-stat{align-items:center;display:flex;gap:8px}.stat-icon{font-size:18px}.stat-value{font-size:15px;font-weight:600}.detour-additional{border-top:1px solid #e5e7eb;display:flex;gap:20px;margin-top:12px;padding-top:12px}.additional-stat{display:flex;flex-direction:column;gap:4px}.additional-label{color:#4b5563;font-size:12px}.additional-value{color:#f59e0b;font-size:14px;font-weight:600}.skeleton-base{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb,#f3f4f6 50%,#e5e7eb);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-page{margin:0 auto;max-width:600px;padding:16px}.skeleton-page-header{align-items:center;display:flex;gap:12px;margin-bottom:16px;padding:16px 0}.skeleton-page-header>:last-child{margin-left:auto}.skeleton-text{display:flex;flex-direction:column}.skeleton-avatar{flex-shrink:0}.skeleton-ride-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:12px;padding:16px}.skeleton-ride-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.skeleton-ride-info{flex:1 1}.skeleton-ride-route{margin-bottom:12px;padding:8px 0;position:relative}.skeleton-route-point{align-items:center;display:flex;gap:12px;padding:8px 0}.skeleton-route-line{animation:skeleton-shimmer-vertical 1.5s ease-in-out infinite;background:linear-gradient(180deg,#e5e7eb,#f3f4f6 50%,#e5e7eb);background-size:100% 200%;bottom:24px;left:5px;position:absolute;top:24px;width:2px}@keyframes skeleton-shimmer-vertical{0%{background-position:0 200%}to{background-position:0 -200%}}.skeleton-ride-footer{border-top:1px solid #e5e7eb;display:flex;gap:16px;padding-top:12px}.skeleton-request-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:12px;padding:16px}.skeleton-request-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.skeleton-request-info{flex:1 1}.skeleton-request-body{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;margin:12px 0;padding:12px 0}.skeleton-request-actions{display:flex;gap:8px;justify-content:flex-end}.skeleton-event-header{margin-bottom:16px;padding:20px 0;text-align:center}.skeleton-event-header>.skeleton-base:first-child{margin:0 auto}.skeleton-event-meta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px}.skeleton-tabs{background:#f8fafc;border-radius:10px;gap:8px;padding:8px}.skeleton-stats,.skeleton-tabs{display:flex;margin-bottom:16px}.skeleton-stats{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:32px;justify-content:center;padding:16px}.skeleton-stat-item{align-items:center;display:flex;flex-direction:column}.skeleton-cards-list,.skeleton-list{display:flex;flex-direction:column;gap:12px}.skeleton-profile{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;margin-bottom:16px;padding:24px}.skeleton-profile-stats{margin-top:20px;width:100%}.skeleton-profile-stats .skeleton-stats{margin-bottom:0}.skeleton-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.skeleton-form-field{margin-bottom:16px}.skeleton-form-field:last-of-type{margin-bottom:0}.skeleton-map{align-items:center;animation:skeleton-map-shimmer 3s ease infinite;background:linear-gradient(135deg,#e5e7eb,#f3f4f6 50%,#e5e7eb);background-size:400% 400%;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:center}@keyframes skeleton-map-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.skeleton-map-icon{animation:skeleton-pulse 2s ease-in-out infinite;color:#9ca3af;opacity:.6}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton-notification{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:12px 16px}.skeleton-notification-content{flex:1 1}.skeleton-inline{display:inline-block;vertical-align:middle}.skeleton-overlay{align-items:center;background:#ffffffe6;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.skeleton-button-loading{overflow:hidden;position:relative}.skeleton-button-loading:after{animation:skeleton-button-shine 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes skeleton-button-shine{0%{left:-100%}to{left:100%}}@media (prefers-color-scheme:dark){.skeleton-base{background:linear-gradient(90deg,#374151,#4b5563 50%,#374151);background-size:200% 100%}.skeleton-form,.skeleton-notification,.skeleton-profile,.skeleton-request-card,.skeleton-ride-card,.skeleton-stats{background:#1f2937;border-color:#374151}.skeleton-tabs{background:#111827}.skeleton-route-line{background:linear-gradient(180deg,#374151,#4b5563 50%,#374151)}.skeleton-map{background:linear-gradient(135deg,#374151,#4b5563 50%,#374151);border-color:#374151}.skeleton-map-icon{color:#6b7280}}@media (max-width:480px){.skeleton-stats{gap:20px;padding:12px}.skeleton-event-meta{align-items:center;flex-direction:column;gap:8px}.skeleton-ride-footer{flex-wrap:wrap;gap:8px}.skeleton-request-actions{flex-direction:column}.skeleton-request-actions>*{width:100%}}.skeleton-pull-refresh{align-items:center;display:flex;justify-content:center;opacity:0;padding:16px;transform:translateY(-20px);transition:opacity .3s,transform .3s}.skeleton-pull-refresh.visible{opacity:1;transform:translateY(0)}.skeleton-pull-refresh-spinner{animation:skeleton-spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#0ea5e9;height:24px;width:24px}@keyframes skeleton-spin{to{transform:rotate(1turn)}}.skeleton-optimistic{opacity:.7;pointer-events:none;position:relative}.skeleton-optimistic:after{animation:skeleton-shimmer 1s ease-in-out infinite;background:linear-gradient(90deg,#0000,#0ea5e91a 50%,#0000);background-size:200% 100%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.empty-state-container{align-items:center;background:#fff;border:1px dashed #e5e7eb;border-radius:24px;display:flex;flex-direction:column;padding:48px 24px;text-align:center;transition:all .3s ease}.empty-state-container:hover{border-color:#0ea5e9;box-shadow:0 8px 32px #0ea5e914}.empty-state-container.compact{border-radius:16px;padding:32px 20px}.empty-state-container.card{border-radius:12px;border-style:solid;padding:24px}.empty-state-visual{margin-bottom:24px}.empty-state-icon{animation:empty-state-float 3s ease-in-out infinite;filter:grayscale(10%);font-size:72px;line-height:1}.empty-state-container.compact .empty-state-icon{font-size:56px}@keyframes empty-state-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state-illustration{margin:0 auto;max-width:200px}.empty-state-illustration svg{height:auto;width:100%}.empty-state-content{margin-bottom:24px;max-width:340px}.empty-state-title{color:#0b1220;font-size:1.35rem;font-weight:700;margin:0 0 12px}.empty-state-container.compact .empty-state-title{font-size:1.15rem;margin-bottom:8px}.empty-state-description{color:#4b5563;font-size:15px;line-height:1.6;margin:0}.empty-state-container.compact .empty-state-description{font-size:14px}.empty-state-tips{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-top:20px;padding:16px}.empty-state-tip{align-items:flex-start;display:flex;gap:10px;padding:8px 0;text-align:left}.empty-state-tip:first-child{padding-top:0}.empty-state-tip:last-child{padding-bottom:0}.empty-state-tip:not(:last-child){border-bottom:1px solid #e5e7eb}.tip-icon{flex-shrink:0;font-size:16px}.tip-text{color:#4b5563;font-size:13px;line-height:1.4}.empty-state-actions{display:flex;flex-direction:column;gap:12px;max-width:280px;width:100%}@media (min-width:480px){.empty-state-actions{flex-direction:row;justify-content:center;max-width:none}}.empty-state-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 28px;transition:all .3s ease}.empty-state-btn .btn-icon{font-size:16px}.empty-state-btn.primary{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);box-shadow:0 4px 16px #0b2a4a40;color:#fff}.empty-state-btn.primary:hover{box-shadow:0 8px 24px #0b2a4a59;transform:translateY(-2px)}.empty-state-btn.primary:active{transform:translateY(0)}.empty-state-btn.secondary{background:#fff;border:1px solid #e5e7eb;color:#4b5563}.empty-state-btn.secondary:hover{background:#f8fafc;border-color:#0ea5e9;color:#0ea5e9;transform:translateY(-2px)}.empty-state-login-warning{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:10px;color:#ef4444;display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:16px;padding:12px 16px}.empty-state-container.highlight .empty-state-btn.primary{animation:empty-btn-pulse 2s ease-in-out infinite}@keyframes empty-btn-pulse{0%,to{box-shadow:0 4px 16px #0b2a4a40}50%{box-shadow:0 4px 24px #0ea5e980}}.empty-state-container.success{background:#22c55e05;border-color:#22c55e}.empty-state-container.success .empty-state-icon{animation:empty-success-bounce .6s ease}@keyframes empty-success-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:480px){.empty-state-container{border-radius:20px;padding:36px 20px}.empty-state-icon{font-size:56px}.empty-state-title{font-size:1.2rem}.empty-state-description{font-size:14px}.empty-state-btn{padding:14px 24px;width:100%}.empty-state-tips{padding:12px}}@media (prefers-color-scheme:dark){.empty-state-container{background:#1f2937;border-color:#374151}.empty-state-container:hover{border-color:#0ea5e9}.empty-state-title{color:#f9fafb}.empty-state-description{color:#9ca3af}.empty-state-tips{background:#111827;border-color:#374151}.tip-text{color:#9ca3af}.empty-state-btn.secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}.empty-state-btn.secondary:hover{background:#4b5563;color:#0ea5e9}}.my-rides-page{background:#f8fafc;min-height:100vh;padding-bottom:100px}.my-rides-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:max(20px,env(safe-area-inset-top)) 20px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left h1{color:#0b1220;font-size:1.25rem;font-weight:700;margin:0}.back-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.back-btn:hover{background:#f8fafc;border-color:#0b2a4a;transform:translateX(-4px)}.account-btn{align-items:center;background:#0b2a4a;border:none;border-radius:12px;box-shadow:0 2px 8px #0b2a4a33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 18px;transition:all .2s ease}.account-btn:hover{background:#071f36;box-shadow:0 4px 16px #0b2a4a4d;transform:translateY(-2px)}.account-btn .avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.rides-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding:20px;scrollbar-width:none}.rides-tabs::-webkit-scrollbar{display:none}.rides-tabs .tab{background:#fff;border:1px solid #e5e7eb;border-radius:14px;color:#4b5563;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:14px 22px;transition:all .2s ease;white-space:nowrap}.rides-tabs .tab:hover{background:#f8fafc;border-color:#0ea5e9;color:#0b1220}.rides-tabs .tab.active{background:#0b2a4a;border-color:#0000;box-shadow:0 2px 8px #0b2a4a33;color:#fff}.rides-content{margin:0 auto;max-width:900px;padding:0 20px 20px}.empty-state{padding:60px 24px}.empty-state .empty-icon{filter:grayscale(20%);font-size:64px;margin-bottom:20px}.empty-state h3{font-size:1.3rem;margin:0 0 10px}.empty-state p{margin-left:auto;margin-right:auto;max-width:300px}.empty-state .btn{border-radius:12px;font-weight:600;padding:14px 28px}.empty-state .btn-primary{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border:none;box-shadow:0 4px 16px #0b2a4a4d;color:#fff}.empty-state .btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#4b5563}.joined-ride-card,.offer-card,.request-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.joined-ride-card:hover,.offer-card:hover,.request-card:hover{border-color:#0ea5e9;box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.offer-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.offer-info h3{color:#0b1220;font-size:1.1rem;font-weight:700;margin:0 0 6px}.offer-meta{display:flex;font-size:14px;gap:14px}.seats-info{color:#4b5563;font-weight:500}.pending-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px}.expand-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .3s ease}.expand-btn:hover{background:#f8fafc;border-color:#0ea5e9;color:#0ea5e9;transform:translateY(-2px)}.route-summary{background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:16px;padding:16px 24px}.route-point,.route-summary{align-items:center;display:flex}.route-point{color:#0b1220;gap:10px}.point-icon,.route-point{font-size:14px}.route-arrow{color:#4b5563;font-size:20px}.passengers-section{border-bottom:1px solid #e5e7eb;padding:20px 24px}.passengers-section h4{color:#0b1220;font-size:14px;font-weight:600;margin:0 0 16px}.pending-section{background:#f59e0b14}.passengers-list{gap:14px}.passenger-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;justify-content:space-between;padding:16px 18px;transition:all .2s ease}.passenger-card:hover{background:#f8fafc;border-color:#0ea5e9}.passenger-card.confirmed{background:#22c55e0d;border-left:4px solid #22c55e}.passenger-card.pending{background:#f59e0b0d;border-left:4px solid #f59e0b}.passenger-info{align-items:center;display:flex;gap:14px}.passenger-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.passenger-avatar.pending{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.passenger-details{display:flex;flex-direction:column;gap:4px}.passenger-details strong{color:#0b1220;font-size:15px}.passenger-contact{color:#4b5563;font-size:13px}.pickup-location{color:#0ea5e9;font-size:13px;font-weight:500}.passenger-actions,.request-actions{display:flex;gap:10px}.call-btn-small,.whatsapp-btn-small{align-items:center;border:none;border-radius:50%;display:flex;font-size:18px;height:42px;justify-content:center;text-decoration:none;transition:all .3s ease;width:42px}.whatsapp-btn-small{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 12px #25d3664d;color:#fff}.call-btn-small{background:#fff;border:1px solid #e5e7eb;color:#4b5563}.call-btn-small:hover,.whatsapp-btn-small:hover{transform:scale(1.1)}.expanded-details{background:#f8fafc;border-top:1px solid #e5e7eb;padding:24px}.expanded-details h4{color:#0b1220;font-size:16px;font-weight:600;margin:0 0 20px}.route-map-container{margin-bottom:24px}.passenger-route{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:20px;padding:16px}.passenger-route h5{color:#0b1220;font-size:14px;margin:0 0 16px}.no-passengers-map{background:#fff;border:1px dashed #e5e7eb;border-radius:14px;color:#4b5563;padding:48px 24px;text-align:center}.all-passengers-summary{margin-top:24px}.passengers-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:14px;overflow:hidden;width:100%}.passengers-table td,.passengers-table th{border-bottom:1px solid #e5e7eb;font-size:13px;padding:14px 18px;text-align:left}.passengers-table th{background:#f8fafc;color:#4b5563;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.passengers-table td{color:#0b1220}.passengers-table tr:last-child td{border-bottom:none}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.status-badge.confirmed{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.status-badge.pending{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.joined-ride-card,.request-card{padding:0}.ride-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 24px}.ride-header h3{color:#0b1220;font-size:1.1rem;font-weight:700;margin:0}.ride-status{border-radius:20px;font-size:12px;font-weight:700;padding:6px 14px}.ride-status.confirmed{background:#22c55e;box-shadow:0 4px 12px #22c55e4d;color:#fff}.ride-status.pending{background:#f59e0b;box-shadow:0 4px 12px #f59e0b4d;color:#fff}.ride-status.rejected{background:#ef4444;color:#fff}.ride-status.cancelled{background:#e5e7eb;color:#4b5563}.ride-details{padding:20px 24px}.detail-row{align-items:flex-start;font-size:14px;gap:12px;padding:10px 0}.detail-row .detail-label{color:#4b5563;flex-shrink:0;font-weight:500;min-width:100px}.detail-row span:last-child{color:#0b1220}.ride-actions{background:#f8fafc;border-top:1px solid #e5e7eb;padding:20px 24px}.page-loading-overlay{min-height:100vh}.loading-text{font-size:16px;font-weight:500;margin-top:24px}.simple-car-loader{height:100px;width:200px}.simple-car{animation:carBounce .5s ease-in-out infinite;bottom:20px}@keyframes carBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-6px)}}.simple-car-body{border-radius:8px 20px 8px 8px;height:30px;width:80px}.simple-car-top{background:linear-gradient(135deg,#0ea5e9,#38bdf8);border-radius:10px 10px 0 0;height:20px;left:15px;top:-18px;width:45px}.simple-car-window{background:#ffffff4d;border-radius:6px 6px 0 0;height:12px;left:20px;top:-14px;width:35px}.simple-car-light-front{background:#fbbf24;border-radius:50%;box-shadow:0 0 10px #fbbf24;height:8px;right:-4px;width:8px}.simple-car-light-back{border-radius:50%;box-shadow:0 0 8px #ef4444;height:6px;left:-2px;width:6px}.simple-car-wheel{background:#1e293b;border:3px solid #475569;height:18px;width:18px}.simple-car-wheel-front{right:8px}.simple-car-wheel-back{left:8px}.simple-road{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);border-radius:2px;bottom:0;height:4px;left:0;width:100%}.exhaust,.speed-lines{display:none}@media (max-width:640px){.my-rides-header{flex-wrap:wrap;gap:12px;padding:16px}.header-left h1{font-size:1.1rem}.rides-tabs{gap:6px;padding:16px}.rides-tabs .tab{font-size:13px;padding:12px 16px}.rides-content{padding:0 16px 16px}.offer-header,.ride-header{flex-wrap:wrap;gap:12px;padding:16px 18px}.route-summary{align-items:flex-start;flex-direction:column;padding:14px 18px}.route-arrow{margin:4px 0;transform:rotate(90deg)}.passengers-section{padding:16px 18px}.passenger-card{align-items:flex-start;flex-direction:column;gap:14px;padding:16px}.passenger-actions,.request-actions{justify-content:flex-end;width:100%}.expanded-details{padding:18px}.passengers-table td,.passengers-table th{font-size:12px;padding:10px 12px}.ride-details{padding:16px 18px}.detail-row{flex-direction:column;gap:4px;padding:8px 0}.detail-row .detail-label{min-width:auto}.ride-actions{padding:16px 18px}}@media (min-width:768px){.my-rides-header,.rides-tabs{padding:24px 32px}.rides-tabs{justify-content:center}.rides-content{padding:0 32px 32px}}.admin-dashboard-page{background:#f8fafc;min-height:100vh}.admin-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:16px 24px}.admin-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.admin-header .back-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;padding:8px 14px;transition:all .2s ease}.admin-header .back-btn:hover{background:#f8fafc;border-color:#0b2a4a;color:#0b2a4a}.event-title{align-items:center;display:flex;gap:12px}.event-title h1{color:#0b1220;font-size:20px;font-weight:700;margin:0}.admin-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.header-actions{gap:12px}.header-actions .btn{font-size:13px;padding:8px 16px}.header-actions .btn-outline{background:#fff;border:1px solid #e5e7eb;color:#0b1220}.header-actions .btn-outline:hover{background:#f8fafc;border-color:#0b2a4a}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1000px;padding:24px}.stat-card{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:20px}.stat-icon{font-size:28px;margin-bottom:8px}.stat-value{color:#0b1220;font-size:32px;line-height:1}.stat-label{color:#4b5563;font-size:13px;margin-top:4px}.admin-tabs{display:flex;gap:8px;justify-content:center;margin:0 auto;max-width:1000px;padding:0 24px 24px}.admin-tabs .tab{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.admin-tabs .tab:hover{background:#f8fafc;border-color:#0ea5e9;color:#0b1220}.admin-tabs .tab.active{background:#0b2a4a;border-color:#0b2a4a;color:#fff}.admin-content{margin:0 auto;max-width:1000px;padding:0 24px 40px}.danger-zone,.event-details-card,.quick-actions,.settings-card{background:#fff;border-radius:16px;margin-bottom:20px;padding:24px}.danger-zone h3,.event-details-card h3,.quick-actions h3,.settings-card h3{color:#0b1220;font-size:16px;margin:0 0 20px}.detail-row{border-bottom:1px solid #e5e7eb;display:flex;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#4b5563;font-size:13px;font-weight:600;width:120px}.detail-value{color:#0b1220;flex:1 1;font-size:14px}.access-code-display{color:#0ea5e9;font-weight:600}.link-value{align-items:center;display:flex;gap:8px;word-break:break-all}.copy-inline-btn{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s ease}.copy-inline-btn:hover{background:#e0f2fe;border-color:#0ea5e9;color:#0ea5e9}.actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:16px;transition:all .2s}.action-btn:hover{background:#f8fafc;border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e926;color:#0ea5e9;transform:translateY(-2px)}.items-list{display:flex;flex-direction:column;gap:16px}.item-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.item-card.matched{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#22c55e}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.item-info h4{color:#0b1220;font-size:16px;margin:0 0 4px}.item-meta{color:#4b5563;font-size:13px}.remove-btn{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.remove-btn:hover{background:#fee2e2}.item-details{color:#4b5563;font-size:13px}.item-details p{margin:4px 0}.passengers-list,.pending-list{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.passengers-list strong,.pending-list strong{color:#4b5563;display:block;font-size:13px;margin-bottom:8px}.passenger-item{color:#4b5563;font-size:13px;padding:6px 0}.passenger-item .pickup{color:#0ea5e9}.match-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.match-status.matched{background:#22c55e26;color:#22c55e}.match-status.unmatched{background:#f59e0b26;color:#f59e0b}.settings-card .form-group{margin-bottom:20px}.settings-card .form-label{color:#4b5563;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.settings-card .form-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#0b1220;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.settings-card .form-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #e0f2fe;outline:none}.settings-card .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.settings-card .checkbox-label{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:14px;gap:10px}.settings-card .checkbox-label input{height:18px;width:18px}.settings-actions{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.danger-zone{background:#ef44440d;border:1px solid #ef444433}.danger-zone h3{color:#ef4444}.danger-zone p{color:#ef4444;font-size:14px;margin-bottom:16px}.btn-danger{border-radius:8px;box-shadow:0 2px 8px #ef44444d;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .2s ease}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466}.empty-state{background:#fff;border:1px dashed #e5e7eb;border-radius:16px}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#0b1220;margin:0 0 8px}.empty-state p{color:#4b5563}.error-container{padding:80px 20px;text-align:center}.error-container .error-icon{font-size:64px;margin-bottom:20px}.error-container h2{color:#0b1220;margin-bottom:12px}.error-container p{color:#4b5563;margin-bottom:24px}.loading-container{align-items:center;color:#0b1220;display:flex;flex-direction:column;justify-content:center;min-height:50vh}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-tabs{flex-wrap:wrap}.admin-tabs .tab{flex:1 1;min-width:45%;text-align:center}.actions-grid,.settings-card .form-row{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:16px}.header-actions{justify-content:center;width:100%}}.settings-card .location-coords{background:#22c55e1a;border-radius:6px;color:#22c55e;display:inline-block;font-size:12px;margin-top:8px;padding:6px 12px}.settings-card .map-location-picker{background:#fff;border-radius:12px;overflow:hidden}.settings-card .map-location-picker input{background:#fff;border:1px solid #e5e7eb;color:#0b1220}.settings-card .map-location-picker input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #e0f2fe}.settings-card .autocomplete-suggestions{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto}.settings-card .autocomplete-suggestion{border-bottom:1px solid #e5e7eb;color:#0b1220;cursor:pointer;padding:10px 14px}.settings-card .autocomplete-suggestion:hover{background:#e0f2fe}.settings-card .map-container{border-radius:8px;margin-top:12px;overflow:hidden}.publish-page{background:linear-gradient(180deg,#030712,#0f172a 50%,#1e1b4b);min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative}.publish-page:before{background:radial-gradient(circle at 20% 30%,#06b6d426 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 50% 50%,#ec489914 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.publish-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.publish-loading-icon{animation:bounce 1s ease-in-out infinite;font-size:64px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.publish-loading p{color:#fff9;font-size:16px}.publish-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#030712e6;border-bottom:1px solid #ffffff1a;display:flex;gap:16px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.publish-back-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s ease}.publish-back-btn:hover{background:#ffffff26;transform:translateX(-4px)}.publish-header-info{flex:1 1}.publish-mode-badge{background:linear-gradient(135deg,#06b6d433,#8b5cf633);border:1px solid #06b6d44d;border-radius:20px;color:#22d3ee;display:inline-block;font-size:12px;font-weight:600;margin-bottom:4px;padding:4px 12px}.publish-header-info h1{color:#fff;font-size:18px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-progress{align-items:center;display:flex;gap:8px;justify-content:center;padding:24px 20px;position:relative;z-index:1}.progress-step{flex-direction:column;gap:8px;opacity:.5;transition:all .3s ease}.progress-step.active,.progress-step.completed{opacity:1}.step-number{background:#ffffff1a;border:2px solid #fff3;font-size:16px;font-weight:700;height:40px;transition:all .3s ease;width:40px}.progress-step.active .step-number{background:linear-gradient(135deg,#06b6d4,#8b5cf6);border-color:#0000;box-shadow:0 0 20px #06b6d480}.progress-step.completed .step-number{background:#10b981;border-color:#0000}.progress-step.completed .step-number:after{content:"✓";position:absolute}.progress-step span{color:#fff9;font-size:12px;font-weight:500}.progress-step.active span{color:#fff}.progress-line{background:#fff3;height:2px;margin-bottom:24px;width:40px}.publish-container{margin:0 auto;max-width:600px;padding:0 20px 120px;position:relative;z-index:1}.publish-step{animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-in{animation:slideIn .4s ease-out}.step-header{margin-bottom:24px;text-align:center}.step-icon{display:block;margin-bottom:12px}.step-header h2{color:#fff;font-size:24px;font-weight:800;margin:0 0 8px}.step-header p{color:#fff9;font-size:15px;margin:0}.auth-notice{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:14px;color:#34d399;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:14px 18px}.auth-icon{font-size:18px}.form-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:16px;padding:24px}.form-card h3{color:#fff;font-size:16px;font-weight:700;margin:0 0 20px}.form-field{margin-bottom:20px}.form-field:last-child{margin-bottom:0}.form-field label{color:#ffffffb3;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.required{color:#f87171}.form-row-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:500px){.form-row-2{grid-template-columns:1fr}}.input-with-toggle{align-items:center;display:flex;gap:10px}.input-with-toggle .form-input-modern{flex:1 1}.privacy-toggle{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;gap:4px;padding:8px 12px;transition:all .2s}.privacy-toggle:hover{background:#ffffff1a}.privacy-toggle input{display:none}.privacy-toggle:has(input:checked){background:#f59e0b33;border-color:#f59e0b80}.toggle-label{color:#fff9;font-size:12px}.privacy-toggle:has(input:checked) .toggle-label{color:#fbbf24}.form-input-modern{background:#ffffff14;border:2px solid #ffffff26;border-radius:14px;color:#fff;font-family:inherit;font-size:16px;padding:14px 18px;transition:all .3s ease;width:100%}.form-input-modern::placeholder{color:#fff6}.form-input-modern:focus{background:#06b6d41a;border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d433;outline:none}.form-textarea{background:#ffffff14;border:2px solid #ffffff26;border-radius:14px;color:#fff;font-family:inherit;font-size:15px;min-height:100px;padding:14px 18px;transition:all .3s ease;width:100%}.form-textarea:focus{background:#06b6d41a;border-color:#06b6d4;outline:none}.gender-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.gender-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff26;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;transition:all .3s ease}.gender-option input{display:none}.gender-option:hover{background:#ffffff1a;border-color:#ffffff4d}.gender-option.male.selected{background:#3b82f633;border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.gender-option.female.selected{background:#ec489933;border-color:#ec4899;box-shadow:0 0 20px #ec48994d}.gender-icon{font-size:36px}.gender-label{color:#fff;font-size:14px;font-weight:600}.privacy-notice{align-items:center;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:12px;color:#fbbf24;display:flex;font-size:13px;gap:10px;margin-top:16px;padding:12px 16px}.trip-type-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.trip-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff26;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px 12px;transition:all .3s ease}.trip-option input{display:none}.trip-option:hover{background:#ffffff1a}.trip-option.selected{background:#06b6d433;border-color:#06b6d4;box-shadow:0 0 20px #06b6d44d}.trip-icon{color:#22d3ee;font-size:24px}.trip-option span:last-child{color:#fff;font-size:12px;font-weight:600}.seats-selector{display:flex;gap:10px}.seat-btn{background:#ffffff0d;border:2px solid #ffffff26;border-radius:14px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:50px;transition:all .3s ease;width:50px}.seat-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.seat-btn.selected{background:linear-gradient(135deg,#06b6d4,#8b5cf6);border-color:#0000;box-shadow:0 0 20px #06b6d466}.map-loading{background:#ffffff0d;border-radius:14px;color:#ffffff80;padding:40px;text-align:center}.route-preview{border:1px solid #ffffff1a;border-radius:16px;margin-top:16px;overflow:hidden}.route-info{background:#06b6d426;color:#22d3ee;font-size:14px;font-weight:500;padding:12px 16px}.preference-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.pref-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:14px;transition:all .3s ease}.pref-option input{display:none}.pref-option:hover{background:#ffffff1a}.pref-option.selected{background:#8b5cf633;border-color:#8b5cf6}.summary-card{background:linear-gradient(135deg,#06b6d41a,#8b5cf61a);border:1px solid #06b6d44d;border-radius:20px;margin-bottom:16px;padding:24px}.summary-card h3{color:#fff;font-size:16px;font-weight:700;margin:0 0 20px}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.summary-item{flex-direction:column;gap:4px}.summary-item.full-width{grid-column:1/-1}.summary-label{color:#ffffff80;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#fff;font-size:15px;font-weight:500}.payment-card h3{margin-bottom:16px}.payment-type-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.payment-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff26;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 12px;transition:all .3s ease}.payment-option input{display:none}.payment-option:hover{background:#ffffff1a}.payment-option.selected{background:#8b5cf633;border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf64d}.payment-icon{font-size:24px}.payment-option span:last-child{color:#fff;font-size:12px;font-weight:600}.payment-details{border-top:1px solid #ffffff1a;padding-top:16px}.price-input{align-items:center;background:#ffffff14;border:2px solid #ffffff26;border-radius:14px;display:flex;overflow:hidden}.price-input .currency{background:#8b5cf633;color:#a78bfa;font-size:16px;font-weight:700;padding:14px 16px}.price-input input{background:#0000;border:none;color:#fff;flex:1 1;font-size:16px;font-weight:600;padding:14px}.price-input input:focus{outline:none}.price-hint{color:#a78bfa;display:block;font-size:12px;margin-top:6px}.method-options{display:flex;gap:8px}.method-btn{background:#ffffff0d;border:2px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:12px;transition:all .3s ease}.method-btn:hover{background:#ffffff1a}.method-btn.selected{background:#8b5cf633;border-color:#8b5cf6}.publish-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#030712f2;border-top:1px solid #ffffff1a;bottom:0;display:flex;gap:12px;left:0;padding:16px 20px max(16px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}.nav-btn{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:16px 24px;transition:all .3s ease}.nav-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.nav-btn.secondary:hover{background:#ffffff26}.nav-btn.primary{background:linear-gradient(135deg,#06b6d4,#8b5cf6);box-shadow:0 4px 20px #06b6d466;color:#fff}.nav-btn.primary:hover{box-shadow:0 6px 30px #06b6d480;transform:translateY(-2px)}.nav-btn.publish{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b98166;color:#fff}.nav-btn.publish:hover{box-shadow:0 6px 30px #10b98180;transform:translateY(-2px)}.nav-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-loading{align-items:center;display:flex;gap:8px;justify-content:center}.otp-fullscreen{display:flex;flex-direction:column;min-height:100vh;padding:20px}.otp-back-btn{align-self:flex-start;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:40px;padding:10px 16px}.otp-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;text-align:center}.otp-icon-large{animation:float 3s ease-in-out infinite;font-size:80px;margin-bottom:24px}.otp-content h1{color:#fff;font-size:28px;font-weight:800;margin:0 0 12px}.otp-content p{color:#fff9;font-size:15px;margin:0}.otp-phone-display{color:#22d3ee!important;font-size:20px!important;font-weight:700;margin-top:8px!important}.otp-inputs-large{display:flex;gap:12px;margin:40px 0}.otp-input-large{background:#ffffff14;border:2px solid #fff3;border-radius:14px;color:#fff;font-size:28px;font-weight:700;height:64px;text-align:center;transition:all .3s ease;width:52px}.otp-input-large:focus{background:#06b6d41a;border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d433;outline:none}.otp-input-large.filled{background:#10b9811a;border-color:#10b981}.otp-resend-section{margin-bottom:32px}.otp-countdown{color:#ffffff80;font-size:14px}.otp-resend-btn{background:none;border:none;border-radius:8px;color:#22d3ee;cursor:pointer;font-size:15px;font-weight:600;padding:8px 16px;transition:background .2s}.otp-resend-btn:hover{background:#06b6d41a}.publish-btn-large{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;box-shadow:0 4px 20px #10b98166;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:18px 32px;transition:all .3s ease;width:100%}.publish-btn-large:hover:not(:disabled){box-shadow:0 6px 30px #10b98180;transform:translateY(-2px)}.publish-btn-large:disabled{cursor:not-allowed;opacity:.5}@media (max-width:500px){.publish-progress{padding:16px}.step-number{font-size:14px;height:36px;width:36px}.progress-step span{font-size:10px}.progress-line{width:24px}.form-card{padding:20px 16px}.gender-selector{gap:10px}.gender-option{padding:16px}.gender-icon{font-size:28px}.trip-type-selector{gap:8px}.trip-option{padding:12px 8px}.trip-option span:last-child{font-size:10px}.seats-selector{gap:8px}.seat-btn{font-size:16px;height:44px;width:44px}.payment-type-options{gap:8px}.payment-option{padding:12px 8px}.payment-option span:last-child{font-size:10px}.otp-inputs-large{gap:8px}.otp-input-large{font-size:24px;height:56px;width:44px}}:root{--lp-primary:#0b2a4a;--lp-primary-light:#0ea5e9;--lp-accent:#0ea5e9;--lp-background:#f8fafc;--lp-white:#fff;--lp-text:#1e293b;--lp-text-muted:#64748b;--lp-gradient:linear-gradient(135deg,#0b2a4a,#0ea5e9);--lp-gradient-reverse:linear-gradient(135deg,#0ea5e9,#0b2a4a)}.landing-page{background:#f8fafc;background:var(--lp-background);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.animated-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.gradient-orb{border-radius:50%;filter:blur(80px);opacity:.4;position:absolute;transition:transform .3s ease-out}.orb-1{background:#0ea5e9;background:var(--lp-accent);height:600px;right:-200px;top:-200px;width:600px}.orb-2{background:#0b2a4a;background:var(--lp-primary);bottom:-150px;height:500px;left:-150px;width:500px}.orb-3{background:linear-gradient(135deg,#667eea,#764ba2);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}.floating-shapes{height:100%;position:absolute;width:100%}.floating-shape{animation:float-up 20s linear infinite;background:#0ea5e9;background:var(--lp-accent);border-radius:50%;height:10px;opacity:.2;position:absolute;width:10px}@keyframes float-up{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.2}90%{opacity:.2}to{opacity:0;transform:translateY(-100vh) rotate(2turn)}}.hero-section{align-items:center;display:flex;gap:60px;justify-content:space-between;min-height:100vh;padding:120px 80px 80px;position:relative;z-index:1}.hero-content{flex:1 1;max-width:650px}.hero-badge{align-items:center;background:#fff;background:var(--lp-white);border:1px solid #0ea5e933;border-radius:50px;box-shadow:0 4px 20px #0b2a4a1a;color:#0b2a4a;color:var(--lp-primary);display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:32px;padding:10px 20px}.badge-icon{font-size:18px}.animate-float{animation:float 3s ease-in-out infinite}.hero-title{color:#0b2a4a;color:var(--lp-primary);font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:24px}.title-line{display:block}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);background:var(--lp-gradient);-webkit-background-clip:text;background-clip:text}.gradient-text-light{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#0ea5e9);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#64748b;color:var(--lp-text-muted);font-size:1.25rem;line-height:1.7;margin-bottom:40px;max-width:500px}.hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:48px}.cta-primary{align-items:center;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);background:var(--lp-gradient);border:none;border-radius:16px;box-shadow:0 10px 40px #0ea5e94d;color:#fff;color:var(--lp-white);cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:12px;overflow:hidden;padding:18px 36px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.cta-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cta-primary:hover:before{left:100%}.cta-primary:hover{box-shadow:0 20px 60px #0ea5e966;transform:translateY(-4px) scale(1.02)}.cta-arrow{transition:transform .3s}.cta-primary:hover .cta-arrow{transform:translateX(5px)}.cta-secondary{align-items:center;background:#fff;background:var(--lp-white);border:2px solid #0b2a4a1a;border-radius:16px;color:#0b2a4a;color:var(--lp-primary);cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:12px;padding:18px 36px;transition:all .3s ease}.cta-secondary:hover{background:#0ea5e90d;border-color:#0ea5e9;border-color:var(--lp-accent);transform:translateY(-2px)}.play-icon{align-items:center;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);background:var(--lp-gradient);border-radius:50%;color:#fff;display:flex;font-size:10px;height:28px;justify-content:center;width:28px}.hero-stats{display:flex;gap:48px}.hero-stat{display:flex;flex-direction:column}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);background:var(--lp-gradient);-webkit-background-clip:text;background-clip:text;color:var(--lp-primary);font-size:2rem;font-weight:800}.stat-label{color:#64748b;color:var(--lp-text-muted);font-size:14px}.hero-visual{flex:1 1;height:400px;max-width:500px;position:relative}.car-animation{height:100%;position:relative;width:100%}.road{background:#0b2a4a;background:var(--lp-primary);border-radius:10px;bottom:50px;height:20px;overflow:hidden;width:100%}.road,.road-line{left:0;position:absolute}.road-line{animation:road-move 1s linear infinite;background:repeating-linear-gradient(90deg,#ffd93d,#ffd93d 30px,#0000 0,#0000 60px);height:4px;top:50%;transform:translateY(-50%);width:200%}@keyframes road-move{0%{transform:translateY(-50%) translateX(0)}to{transform:translateY(-50%) translateX(-60px)}}.car{animation:car-bounce .5s ease-in-out infinite alternate;font-size:48px;position:absolute}.car-1{animation-delay:0s;bottom:70px;left:20%}.car-2{animation-delay:.15s;bottom:70px;left:45%}.car-3{animation-delay:.3s;bottom:70px;left:70%}@keyframes car-bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.people-bubbles{left:0;position:absolute;top:80px;width:100%}.bubble{animation:bubble-float 3s ease-in-out infinite;background:#fff;background:var(--lp-white);border-radius:50%;box-shadow:0 10px 30px #0b2a4a26;font-size:32px;padding:12px;position:absolute}.bubble-1{animation-delay:0s;left:15%}.bubble-2{animation-delay:.5s;left:45%}.bubble-3{animation-delay:1s;left:75%}@keyframes bubble-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.connection-lines{height:200px;left:0;position:absolute;top:50px;width:100%}.connection-svg{height:100%;width:100%}.connection-path{fill:none;stroke:#0ea5e9;stroke:var(--lp-accent);stroke-width:2;stroke-dasharray:10 5;animation:dash-flow 2s linear infinite;opacity:.3}.connection-path.delay-1{animation-delay:.3s}.connection-path.delay-2{animation-delay:.6s}@keyframes dash-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-30}}.scroll-indicator{align-items:center;bottom:40px;cursor:pointer;display:flex;flex-direction:column;gap:8px;left:50%;opacity:.7;position:absolute;transform:translateX(-50%);transition:opacity .3s}.scroll-indicator:hover{opacity:1}.scroll-text{color:#64748b;color:var(--lp-text-muted);font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.scroll-arrow{align-items:center;border:2px solid #0b2a4a;border:2px solid var(--lp-primary);border-radius:15px;display:flex;height:50px;justify-content:center;position:relative;width:30px}.scroll-arrow span{animation:scroll-bounce 1.5s ease-in-out infinite;color:#0b2a4a;color:var(--lp-primary)}@keyframes scroll-bounce{0%,to{opacity:0;transform:translateY(-5px)}50%{opacity:1;transform:translateY(5px)}}.section-header{margin-bottom:60px;text-align:center}.section-header.light{color:#fff;color:var(--lp-white)}.section-tag{background:#0ea5e91a;border-radius:50px;color:#0ea5e9;color:var(--lp-accent);display:inline-block;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.section-tag.light{background:#ffffff1a;color:#fff;color:var(--lp-white)}.section-title{color:#0b2a4a;color:var(--lp-primary);font-size:3rem;font-weight:800;margin-bottom:16px}.section-title.light{color:#fff;color:var(--lp-white)}.section-subtitle{color:#64748b;color:var(--lp-text-muted);font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:600px}.benefits-section{padding:120px 80px;position:relative;z-index:1}.benefits-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.benefit-card{background:#fff;background:var(--lp-white);border:1px solid #0ea5e91a;border-radius:24px;box-shadow:0 10px 40px #0b2a4a14;opacity:0;overflow:hidden;padding:40px 32px;position:relative;text-align:center;transform:translateY(40px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.benefits-grid.visible .benefit-card{animation:card-appear .6s ease-out forwards;opacity:1;transform:translateY(0)}@keyframes card-appear{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.benefit-card:hover{box-shadow:0 20px 60px #0b2a4a26;transform:translateY(-10px)}.benefit-icon-wrapper{align-items:center;border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 24px;transition:transform .3s;width:80px}.benefit-card:hover .benefit-icon-wrapper{transform:scale(1.1) rotate(5deg)}.benefit-icon{font-size:36px}.benefit-title{color:#0b2a4a;color:var(--lp-primary);font-size:1.5rem;font-weight:700;margin-bottom:12px}.benefit-description{color:#64748b;color:var(--lp-text-muted);font-size:15px;line-height:1.7;margin-bottom:20px}.benefit-stats{margin-top:auto}.stats-badge{background:#0ea5e91a;border-radius:50px;color:#0ea5e9;color:var(--lp-accent);display:inline-block;font-size:13px;font-weight:600;padding:8px 16px}.benefit-glow{bottom:-50%;filter:blur(60px);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s;width:200%}.benefit-card:hover .benefit-glow{opacity:.1}.how-it-works-section{background:linear-gradient(180deg,#f8fafc,#fff);background:linear-gradient(180deg,var(--lp-background) 0,var(--lp-white) 100%);padding:120px 80px;position:relative;z-index:1}.steps-container{display:flex;gap:24px;justify-content:center;margin:0 auto;max-width:1200px;position:relative}.steps-line{background:linear-gradient(90deg,#0ea5e9,#0b2a4a);background:linear-gradient(90deg,var(--lp-accent),var(--lp-primary));height:3px;left:15%;position:absolute;right:15%;top:60px;z-index:0}.step-card{background:#fff;background:var(--lp-white);border:1px solid #0ea5e91a;border-radius:20px;box-shadow:0 10px 40px #0b2a4a14;flex:1 1;max-width:260px;opacity:0;padding:32px 24px;position:relative;text-align:center;transform:translateY(30px);transition:all .3s ease;z-index:1}.steps-container.visible .step-card{animation:step-appear .5s ease-out forwards}@keyframes step-appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.step-card:hover{box-shadow:0 15px 50px #0b2a4a1f;transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);background:var(--lp-gradient);border-radius:50%;box-shadow:0 4px 15px #0ea5e966;color:#fff;color:var(--lp-white);display:flex;font-size:14px;font-weight:800;height:36px;justify-content:center;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:36px}.step-icon{font-size:48px;margin-bottom:16px}.step-title{color:#0b2a4a;color:var(--lp-primary);font-size:1.125rem;font-weight:700;margin-bottom:8px}.step-description{color:#64748b;color:var(--lp-text-muted);font-size:14px;line-height:1.6}.impact-section{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);background:var(--lp-gradient);overflow:hidden;padding:120px 80px;position:relative;z-index:1}.impact-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.impact-gradient{background:radial-gradient(circle,#0ea5e94d 0,#0000 70%);height:800px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:800px}.impact-stats-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1000px;position:relative;z-index:1}.impact-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;opacity:0;padding:32px 24px;text-align:center;transform:scale(.9);transition:all .3s ease}.impact-stats-grid.visible .impact-stat-card{animation:stat-appear .5s ease-out forwards}@keyframes stat-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.impact-stat-card:hover{background:#ffffff26;transform:translateY(-5px)}.impact-icon{display:block;font-size:40px;margin-bottom:12px}.impact-value{color:#fff;color:var(--lp-white);display:block;font-size:2.5rem;font-weight:800;margin-bottom:4px}.impact-label{color:#fffc;font-size:14px;font-weight:500}.earth-animation{bottom:-100px;height:400px;position:absolute;right:-100px;width:400px}.earth{animation:earth-pulse 4s ease-in-out infinite;font-size:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes earth-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.orbit{border:2px dashed #fff3;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.orbit-1{animation:orbit-rotate 10s linear infinite;height:200px;width:200px}.orbit-2{animation:orbit-rotate 15s linear infinite reverse;height:280px;width:280px}.orbit-3{animation:orbit-rotate 20s linear infinite;height:360px;width:360px}@keyframes orbit-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.satellite{font-size:24px;left:50%;position:absolute;top:0;transform:translateX(-50%) translateY(-50%)}.testimonials-section{background:#fff;background:var(--lp-white);padding:120px 80px;position:relative;z-index:1}.testimonials-carousel{margin:0 auto;max-width:800px;overflow:hidden}.testimonials-track{display:flex;transition:transform .5s ease-in-out}.testimonial-card{flex:0 0 100%;padding:48px;text-align:center}.quote-icon{color:#0ea5e9;color:var(--lp-accent);font-family:Georgia,serif;font-size:80px;line-height:0;margin-bottom:24px;opacity:.3}.testimonial-quote{color:#1e293b;color:var(--lp-text);font-size:1.5rem;font-style:italic;line-height:1.7;margin-bottom:32px}.testimonial-author{align-items:center;display:flex;gap:16px;justify-content:center}.author-avatar{background:#f8fafc;background:var(--lp-background);border-radius:50%;font-size:48px;padding:12px}.author-info{text-align:left}.author-name{color:#0b2a4a;color:var(--lp-primary);display:block;font-size:1.125rem;font-weight:700}.author-role{color:#64748b;color:var(--lp-text-muted);font-size:14px}.testimonial-dots{display:flex;gap:12px;justify-content:center;margin-top:32px}.dot{background:#0ea5e933;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s;width:12px}.dot.active{background:#0ea5e9;background:var(--lp-accent);transform:scale(1.2)}.dot:hover{background:#0ea5e980}.cta-section{background:linear-gradient(180deg,#fff,#f8fafc);background:linear-gradient(180deg,var(--lp-white) 0,var(--lp-background) 100%);overflow:hidden;padding:120px 80px}.cta-content,.cta-section{position:relative;z-index:1}.cta-content{margin:0 auto;max-width:700px;text-align:center}.cta-badge{align-items:center;background:#0ea5e91a;border-radius:50px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:10px 24px}.cta-badge,.cta-title{color:#0b2a4a;color:var(--lp-primary)}.cta-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:20px}.cta-subtitle{color:#64748b;color:var(--lp-text-muted);font-size:1.125rem;line-height:1.7;margin-bottom:40px}.cta-button-large{align-items:center;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);background:var(--lp-gradient);border:none;border-radius:20px;box-shadow:0 15px 50px #0ea5e966;color:#fff;color:var(--lp-white);cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;gap:12px;overflow:hidden;padding:22px 48px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.cta-button-large:hover{box-shadow:0 25px 70px #0ea5e980;transform:translateY(-5px) scale(1.05)}.button-shine{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.cta-note{color:#64748b;color:var(--lp-text-muted);font-size:14px;margin-top:16px}.cta-decoration{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-card{align-items:center;animation:float-around 6s ease-in-out infinite;background:#fff;background:var(--lp-white);border-radius:16px;box-shadow:0 10px 40px #0b2a4a1a;color:#0b2a4a;color:var(--lp-primary);display:flex;font-weight:600;gap:12px;padding:16px 24px;position:absolute}.card-1{animation-delay:0s;left:10%;top:20%}.card-2{animation-delay:2s;right:8%;top:60%}.card-3{animation-delay:4s;bottom:15%;left:15%}@keyframes float-around{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(2deg)}}.landing-footer{background:#0b2a4a;background:var(--lp-primary);padding:60px 80px 40px;position:relative;z-index:1}.footer-content{margin:0 auto;max-width:1200px;text-align:center}.footer-brand{margin-bottom:32px}.footer-logo{color:#fff;color:var(--lp-white);font-size:2rem;font-weight:800;margin-bottom:8px}.footer-tagline{color:#ffffffb3;font-size:15px}.footer-links{display:flex;gap:32px;justify-content:center;margin-bottom:32px}.footer-links button{background:none;border:none;color:#fffc;cursor:pointer;font-size:15px;transition:color .3s}.footer-links button:hover{color:#fff;color:var(--lp-white)}.footer-copyright{color:#ffffff80;font-size:14px}@media (max-width:1024px){.hero-section{flex-direction:column;padding:100px 40px 60px;text-align:center}.hero-content,.hero-subtitle{max-width:100%}.hero-cta,.hero-stats{justify-content:center}.hero-visual{height:300px;max-width:100%}.benefits-grid,.impact-stats-grid{grid-template-columns:repeat(2,1fr)}.steps-container{flex-wrap:wrap}.steps-line{display:none}}@media (max-width:768px){.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.benefits-section,.cta-section,.how-it-works-section,.impact-section,.testimonials-section{padding:80px 24px}.benefits-grid{gap:24px;grid-template-columns:1fr}.steps-container{gap:20px}.step-card{max-width:100%}.impact-stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.cta-title{font-size:2rem}.floating-card{display:none}.earth-animation{bottom:-50px;height:250px;right:-50px;width:250px}.earth{font-size:80px}.testimonial-card{padding:24px}.testimonial-quote{font-size:1.125rem}.landing-footer{padding:40px 24px 32px}.footer-links{flex-direction:column;gap:16px}}@media (max-width:480px){.hero-section{padding:80px 20px 40px}.hero-title{font-size:2rem}.hero-cta{flex-direction:column;gap:12px}.cta-primary,.cta-secondary{justify-content:center;width:100%}.hero-stats{flex-direction:column;gap:20px}.impact-stats-grid{grid-template-columns:1fr}.impact-value{font-size:2rem}.scroll-indicator{display:none}}.animate-on-scroll{opacity:1;transition:opacity .6s,transform .6s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.onboarding-container{background:linear-gradient(180deg,#fff,#f8fafc);bottom:0;display:flex;flex-direction:column;left:0;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));position:fixed;right:0;top:0;z-index:60}.onboarding-progress{background:#e5e7eb;border-radius:2px;height:4px;margin-bottom:20px;overflow:hidden}.onboarding-progress-fill{background:linear-gradient(90deg,#0b2a4a,#0ea5e9);border-radius:2px;height:100%;transition:width .5s ease}.onboarding-skip{background:#0000;border:none;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;position:absolute;right:20px;top:max(20px,env(safe-area-inset-top));transition:color .2s ease}.onboarding-skip:hover{color:#0ea5e9}.onboarding-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;text-align:center;transition:opacity .3s ease,transform .3s ease}.onboarding-content.animating{opacity:0;transform:translateX(20px)}.onboarding-illustration{margin-bottom:32px}.illustration-icon{animation:onboarding-float 3s ease-in-out infinite;font-size:96px;line-height:1}@keyframes onboarding-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.onboarding-title{color:#0b1220;font-size:1.75rem;font-weight:700;margin:0 0 12px}.onboarding-description{color:#4b5563;font-size:16px;line-height:1.6;margin:0 0 32px}.onboarding-tips{display:flex;flex-direction:column;gap:12px;text-align:left;width:100%}.onboarding-tip{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:14px 18px;transition:all .2s ease}.onboarding-tip:hover{border-color:#0ea5e9;transform:translateX(4px)}.tip-number{align-items:center;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.tip-text{color:#374151;font-size:14px;font-weight:500}.onboarding-dots{display:flex;gap:8px;justify-content:center;padding:24px 0}.onboarding-dot{background:#e5e7eb;border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.onboarding-dot.active{background:linear-gradient(90deg,#0b2a4a,#0ea5e9);border-radius:5px;width:32px}.onboarding-dot:hover:not(.active){background:#0ea5e9}.onboarding-actions{display:flex;gap:12px;margin:0 auto;max-width:400px;width:100%}.onboarding-btn{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s ease}.onboarding-btn.primary{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);box-shadow:0 4px 16px #0b2a4a4d;color:#fff}.onboarding-btn.primary:hover{box-shadow:0 8px 24px #0b2a4a66;transform:translateY(-2px)}.onboarding-btn.secondary{background:#fff;border:1px solid #e5e7eb;color:#4b5563}.onboarding-btn.secondary:hover{background:#f8fafc;border-color:#0ea5e9;color:#0ea5e9}.profile-progress{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;padding:20px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-header h4{color:#0b1220;font-size:16px;font-weight:600;margin:0}.progress-percent{color:#0ea5e9;font-size:14px;font-weight:700}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#22c55e,#0ea5e9);border-radius:4px;height:100%;transition:width .5s ease}.progress-steps{display:flex;flex-direction:column;gap:8px}.progress-step{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.progress-step:hover:not(.completed){background:#e0f2fe;border-color:#0ea5e9}.progress-step.completed{background:#22c55e14;border-color:#22c55e}.step-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.progress-step.completed .step-icon{background:#22c55e;border-color:#22c55e;color:#fff}.step-label{color:#0b1220;flex:1 1;font-size:14px;font-weight:500}.step-action{color:#0ea5e9;font-size:13px;font-weight:500}.progress-hint{background:#e0f2fe;border-radius:10px;color:#0b2a4a;font-size:13px;margin:16px 0 0;padding:12px;text-align:center}.first-time-tip-wrapper{display:inline-block;position:relative}.first-time-tip{animation:tip-appear .3s ease;background:#0b2a4a;border-radius:12px;box-shadow:0 8px 24px #0b2a4a4d;color:#fff;font-size:13px;max-width:280px;min-width:200px;padding:12px 16px;position:absolute;z-index:30}@keyframes tip-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.first-time-tip:before{background:#0b2a4a;content:"";height:12px;position:absolute;transform:rotate(45deg);width:12px}.first-time-tip.bottom{left:50%;top:calc(100% + 12px);transform:translateX(-50%)}.first-time-tip.bottom:before{left:50%;margin-left:-6px;top:-6px}.first-time-tip.top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.first-time-tip.top:before{bottom:-6px;left:50%;margin-left:-6px}.tip-content{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px}.tip-content .tip-icon{flex-shrink:0;font-size:16px}.tip-message{line-height:1.4}.tip-dismiss{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background .2s ease;width:100%}.tip-dismiss:hover{background:#ffffff4d}.spotlight-overlay{background:#0b1220cc;bottom:0;left:0;position:fixed;right:0;top:0;z-index:59}.spotlight-hole{box-shadow:0 0 0 9999px #0b1220cc;transition:all .3s ease}.spotlight-hole,.spotlight-tooltip{border-radius:12px;position:absolute}.spotlight-tooltip{background:#fff;box-shadow:0 8px 32px #0003;max-width:300px;padding:16px;z-index:60}.spotlight-message{color:#0b1220;font-size:14px;line-height:1.5;margin:0 0 12px}.spotlight-nav{align-items:center;display:flex;justify-content:space-between}.spotlight-step{color:#4b5563;font-size:12px}.spotlight-buttons{display:flex;gap:8px}.spotlight-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.spotlight-buttons button:first-child{background:#f8fafc;color:#4b5563}.spotlight-buttons button:last-child{background:#0ea5e9;color:#fff}.welcome-banner{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border-radius:16px;color:#fff;margin-bottom:20px;padding:20px}.welcome-content{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.welcome-emoji{font-size:32px}.welcome-text h4{font-size:18px;font-weight:700;margin:0 0 4px}.welcome-text p{font-size:14px;margin:0;opacity:.9}.welcome-actions{display:flex;gap:8px}.welcome-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.welcome-btn.primary{background:#fff;color:#0b2a4a}.welcome-btn.primary:hover{background:#f8fafc;transform:translateY(-2px)}.welcome-btn.secondary{background:#ffffff26;color:#fff}.welcome-btn.secondary:hover{background:#ffffff40}@media (max-width:480px){.onboarding-container{padding:16px}.illustration-icon{font-size:72px}.onboarding-title{font-size:1.5rem}.onboarding-description{font-size:15px}.onboarding-btn{font-size:15px;padding:14px 20px}.welcome-banner{padding:16px}.welcome-actions{flex-direction:column}.progress-step{padding:10px 14px}.first-time-tip{max-width:calc(100vw - 40px);min-width:240px}}@media (prefers-color-scheme:dark){.onboarding-container{background:linear-gradient(180deg,#1f2937,#111827)}.onboarding-title,.progress-header h4,.step-label{color:#f9fafb}.onboarding-description,.onboarding-skip{color:#9ca3af}.onboarding-tip{background:#374151;border-color:#4b5563}.tip-text{color:#e5e7eb}.onboarding-dot{background:#4b5563}.onboarding-btn.secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}.profile-progress{background:#1f2937;border-color:#374151}.progress-bar,.progress-step{background:#374151}.progress-step,.step-icon{border-color:#4b5563}.step-icon{background:#1f2937}.progress-hint{background:#0ea5e933;color:#38bdf8}.spotlight-tooltip{background:#1f2937}.spotlight-message{color:#f9fafb}}.offline-indicator{align-items:center;animation:slide-up .3s ease;border-radius:24px;bottom:max(24px,env(safe-area-inset-bottom));box-shadow:0 4px 16px #00000026;display:flex;font-size:14px;font-weight:600;gap:8px;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%);z-index:50}.offline-indicator.offline{background:#ef4444;color:#fff}.offline-indicator.online{animation:slide-up .3s ease,fade-out .5s ease 1.5s forwards;background:#22c55e;color:#fff}@keyframes slide-up{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fade-out{to{opacity:0}}.offline-icon{font-size:16px}.update-banner{animation:slide-up .4s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;bottom:max(24px,env(safe-area-inset-bottom));box-shadow:0 8px 32px #00000026;left:50%;max-width:400px;padding:16px;position:fixed;transform:translateX(-50%);width:calc(100% - 32px);z-index:51}.update-content{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.update-icon{flex-shrink:0;font-size:32px}.update-text strong{color:#0b1220;display:block;font-size:16px;margin-bottom:4px}.update-text p{color:#4b5563;font-size:14px;margin:0}.update-actions{display:flex;gap:8px}.update-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.update-btn.primary{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);color:#fff}.update-btn.primary:hover{box-shadow:0 4px 16px #0b2a4a4d;transform:translateY(-2px)}.update-btn.secondary{background:#f8fafc;border:1px solid #e5e7eb;color:#4b5563}.update-btn.secondary:hover{background:#e5e7eb}.install-banner{animation:slide-up .4s ease;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border-radius:20px;bottom:max(24px,env(safe-area-inset-bottom));box-shadow:0 8px 32px #0b2a4a4d;left:50%;max-width:400px;padding:20px;position:fixed;transform:translateX(-50%);width:calc(100% - 32px);z-index:51}.install-content{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.install-icon{flex-shrink:0;font-size:40px}.install-text{color:#fff}.install-text strong{display:block;font-size:18px;margin-bottom:4px}.install-text p{font-size:14px;margin:0;opacity:.9}.install-actions{display:flex;gap:8px}.install-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.install-btn.primary{background:#fff;color:#0b2a4a}.install-btn.primary:hover{box-shadow:0 4px 16px #ffffff4d;transform:translateY(-2px)}.install-btn.secondary{background:#ffffff26;color:#fff}.install-btn.secondary:hover{background:#ffffff40}.install-floating{align-items:center;animation:float-in .5s ease;display:flex;gap:8px;position:fixed;z-index:100}.install-floating.bottom-right{bottom:max(80px,calc(env(safe-area-inset-bottom) + 56px));right:16px}.install-floating.bottom-left{bottom:max(80px,calc(env(safe-area-inset-bottom) + 56px));left:16px}.install-floating.top-right{right:16px;top:max(80px,calc(env(safe-area-inset-top) + 56px))}@keyframes float-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.install-floating-btn{align-items:center;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border:none;border-radius:24px;box-shadow:0 4px 16px #0b2a4a4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.install-floating-btn:hover{box-shadow:0 8px 24px #0b2a4a66;transform:translateY(-2px)}.install-floating-btn .btn-icon{font-size:18px}.install-dismiss{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#4b5563;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;margin-left:-4px;transition:all .2s ease;width:28px}.install-dismiss:hover{background:#ef4444;border-color:#ef4444;color:#fff}.network-status{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;color:#4b5563;display:flex;font-size:12px;gap:6px;padding:4px 10px}.network-dot{background:#22c55e;border-radius:50%;height:8px;width:8px}.network-dot.slow{background:#f59e0b}.network-dot.offline{background:#ef4444}.share-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.share-button:hover{background:#e0f2fe;border-color:#0ea5e9;color:#0ea5e9}.share-button .share-icon{font-size:16px}.sync-indicator{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:8px;padding:8px 12px}.sync-indicator .sync-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.sync-count{font-weight:600}.notification-prompt{animation:slide-down .4s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 32px #00000026;left:50%;max-width:380px;padding:16px;position:fixed;top:max(16px,env(safe-area-inset-top));transform:translateX(-50%);width:calc(100% - 32px);z-index:52}@keyframes slide-down{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.notification-prompt-content{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.notification-icon{flex-shrink:0;font-size:28px}.notification-text strong{color:#0b1220;display:block;font-size:15px;margin-bottom:4px}.notification-text p{color:#4b5563;font-size:13px;line-height:1.4;margin:0}.notification-actions{display:flex;gap:8px}.notification-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease}.notification-btn.primary{background:#0ea5e9;color:#fff}.notification-btn.secondary{background:#f8fafc;border:1px solid #e5e7eb;color:#4b5563}@media (max-width:480px){.install-banner,.update-banner{border-radius:16px 16px 0 0;bottom:0;left:0;max-width:none;padding-bottom:max(16px,env(safe-area-inset-bottom));right:0;transform:none;width:100%}.install-floating{align-items:flex-end;flex-direction:column}.install-dismiss{margin-left:0;position:absolute;right:-10px;top:-10px}.notification-prompt{border-radius:0 0 16px 16px;left:0;max-width:none;padding-top:max(16px,env(safe-area-inset-top));right:0;top:0;transform:none;width:100%}}@media (prefers-color-scheme:dark){.notification-prompt,.update-banner{background:#1f2937;border-color:#374151}.notification-text strong,.update-text strong{color:#f9fafb}.notification-text p,.update-text p{color:#9ca3af}.install-dismiss,.network-status,.notification-btn.secondary,.share-button,.update-btn.secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}.sync-indicator{background:#f59e0b33;border-color:#d97706;color:#fcd34d}}:root{--primary:#0b2a4a;--primary-dark:#071f36;--primary-light:#0b2a4a;--primary-bg:#e0f2fe;--primary-hover:#071f36;--accent:#0ea5e9;--accent-dark:#0284c7;--accent-light:#38bdf8;--accent-bg:#e0f2fe;--secondary:#0ea5e9;--secondary-dark:#0284c7;--secondary-light:#38bdf8;--secondary-bg:#e0f2fe;--success:#22c55e;--success-light:#4ade80;--success-bg:#22c55e1a;--warning:#f59e0b;--warning-light:#fbbf24;--warning-bg:#f59e0b1a;--danger:#ef4444;--danger-light:#f87171;--danger-bg:#ef44441a;--bg-page:#f8fafc;--bg-surface:#fff;--bg-elevated:#fff;--bg-muted:#f1f5f9;--bg-darkest:#f8fafc;--bg-dark:#f8fafc;--bg-base:#f8fafc;--text-primary:#0b1220;--text-secondary:#334155;--text-muted:#4b5563;--text-dim:#6b7280;--border:#e5e7eb;--border-light:#f3f4f6;--glass-bg:#fffc;--glass-border:#e5e7eb;--glass-hover:#00000005;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#0b1220;--gradient-primary:linear-gradient(135deg,#0b2a4a,#0ea5e9);--gradient-secondary:linear-gradient(135deg,#0ea5e9,#0b2a4a);--gradient-hero:linear-gradient(135deg,#0b2a4a,#071f36);--gradient-card:linear-gradient(145deg,#fff,#f8fafc);--gradient-neon:linear-gradient(135deg,#0b2a4a,#0ea5e9);--gradient-aurora:linear-gradient(135deg,#0ea5e9,#0b2a4a);--gradient-cosmic:linear-gradient(135deg,#0b2a4a,#071f36);--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 12px #00000014;--shadow-md:0 8px 24px #0000001a;--shadow-lg:0 16px 48px #0000001f;--shadow-xl:0 24px 64px #00000026;--shadow-glow:0 4px 20px #0ea5e926;--shadow-neon:0 4px 20px #0b2a4a1a;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0b1220;color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:16px;line-height:1.6;overflow-x:hidden}.App,body{background:#f8fafc}.App{min-height:100vh;min-height:100dvh;position:relative}a,button,input,select,textarea{font-family:inherit}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{color:#0b1220;color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);background:var(--gradient-neon);-webkit-background-clip:text;background-clip:text}.btn{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-height:52px;overflow:hidden;padding:16px 28px;position:relative;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:#0b2a4a;border:none;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow);color:#fff}.btn-primary:hover:not(:disabled){background:#071f36;box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#0b1220}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#0b2a4a}.btn-success{background:#22c55e;border:none;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow);color:#fff}.btn-success:hover:not(:disabled){background:#16a34a;box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:#ef4444;border:none;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #0b2a4a;color:#0b2a4a}.btn-outline:hover:not(:disabled){background:#0b2a4a;color:#fff}.btn-ghost{background:#0000;color:#4b5563;min-height:44px;padding:12px 20px}.btn-ghost:hover:not(:disabled){background:#f8fafc;color:#0b1220}.btn-accent,.btn-neon{background:#0ea5e9;border:none;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow);color:#fff}.btn-accent:hover:not(:disabled),.btn-neon:hover:not(:disabled){background:#0284c7;box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-block{width:100%}.btn-lg{font-size:17px;min-height:56px;padding:18px 32px}.btn-sm{font-size:14px;min-height:40px;padding:10px 18px}.btn-xs{font-size:13px;min-height:36px;padding:8px 14px}.btn-car-loading{align-items:center;display:flex;gap:8px}.mini-car{animation:drive .5s ease-in-out infinite alternate}@keyframes drive{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}.form-group{margin-bottom:24px}.form-label{color:#334155;color:var(--text-secondary);display:block;font-size:15px;font-weight:600;margin-bottom:10px}.form-input,.form-select,.form-textarea{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:12px;border-radius:var(--radius);color:#0b1220;font-family:inherit;font-size:16px;min-height:56px;padding:16px 18px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #e0f2fe;outline:none}.form-input::placeholder{color:#6b7280;color:var(--text-dim)}.form-textarea{min-height:120px;resize:vertical}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:48px}.form-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;border-radius:var(--radius-sm);color:#ef4444;display:flex;gap:6px;padding:12px 16px}.form-error,.form-hint{font-size:14px;margin-top:8px}.form-hint{color:#4b5563;color:var(--text-muted);display:block}.form-row{grid-template-columns:1fr 1fr}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.checkbox-label{align-items:center;color:#334155;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;gap:12px;padding:12px 0;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#0b2a4a;accent-color:var(--primary);border-radius:6px;cursor:pointer;height:24px;width:24px}.radio-group{display:flex;flex-wrap:wrap;gap:12px}.radio-option{flex:1 1;min-width:120px}.radio-option input{display:none}.radio-option label,.radio-option span{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;background:var(--glass-bg);border:2px solid #e5e7eb;border:2px solid var(--glass-border);border-radius:12px;border-radius:var(--radius);color:#4b5563;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-weight:500;justify-content:center;min-height:80px;padding:20px 16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--ease-smooth)}.radio-option input:checked+label,.radio-option input:checked+span{background:#e0f2fe;background:var(--primary-bg);border-color:#0b2a4a;border-color:var(--primary);box-shadow:var(--primary-glow);color:#0b2a4a;color:var(--primary-light)}.radio-option label:hover,.radio-option span:hover{background:#00000005;background:var(--glass-hover);border-color:#0ea5e9;border-color:var(--secondary);color:#0b1220;color:var(--text-primary)}.radio-icon{font-size:28px;margin-bottom:8px}.radio-text{font-size:14px;font-weight:600}.event-code-page{align-items:center;background:linear-gradient(135deg,#0b2a4a,#071f36);background:var(--gradient-hero);display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:max(24px,env(safe-area-inset-top)) 24px 24px;padding-bottom:max(24px,env(safe-area-inset-bottom));padding-bottom:max(24px,var(--safe-bottom));padding-top:max(24px,var(--safe-top));position:relative}.event-code-page:before{animation:pulseOrbs 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#06b6d440 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf640 0,#0000 50%),radial-gradient(circle at 50% 50%,#ec489926 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes pulseOrbs{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.event-code-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#fff,#f8fafc);background:var(--gradient-card);border:1px solid #e5e7eb;border:1px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 24px 64px #00000026,0 4px 20px #0b2a4a1a;box-shadow:var(--shadow-xl),var(--shadow-neon);max-width:420px;padding:40px 32px;position:relative;width:100%;z-index:1}@media (max-width:480px){.event-code-card{border-radius:24px;border-radius:var(--radius-xl);padding:32px 24px}}.event-code-logo{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(6,182,212,.4));font-size:64px;margin-bottom:8px;text-align:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.event-code-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);background:var(--gradient-neon);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:8px;text-align:center}.event-code-subtitle{color:#4b5563;color:var(--text-muted);font-size:16px;margin-bottom:36px;text-align:center}.create-event-section{margin-bottom:24px}.create-event-btn{border-radius:16px;border-radius:var(--radius-lg);font-size:17px;padding:18px 32px}.create-event-hint{color:#6b7280;color:var(--gray-500);font-size:14px;margin-top:12px;text-align:center}.divider{align-items:center;display:flex;margin:32px 0}.divider:after,.divider:before{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);background:linear-gradient(90deg,#0000,var(--glass-border),#0000);content:"";flex:1 1;height:1px}.divider span{color:#6b7280;color:var(--text-dim);font-size:14px;font-weight:500;padding:0 20px}.back-link{margin-top:24px;text-align:center}.back-link a{color:#6b7280;color:var(--gray-500);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.back-link a:hover{color:#0b2a4a;color:var(--primary)}.login-container{align-items:center;background:linear-gradient(135deg,#0b2a4a,#071f36);background:var(--gradient-hero);display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:max(24px,env(safe-area-inset-top)) 24px 24px;padding-bottom:max(24px,env(safe-area-inset-bottom));padding-bottom:max(24px,var(--safe-bottom));padding-top:max(24px,var(--safe-top));position:relative}.login-container:before{background:radial-gradient(circle at 30% 70%,#06b6d433 0,#0000 50%),radial-gradient(circle at 70% 30%,#8b5cf633 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#fff,#f8fafc);background:var(--gradient-card);border:1px solid #e5e7eb;border:1px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 24px 64px #00000026,0 4px 20px #0b2a4a1a;box-shadow:var(--shadow-xl),var(--shadow-neon);max-width:400px;padding:40px 32px;position:relative;width:100%;z-index:1}@media (max-width:480px){.login-card{border-radius:24px;border-radius:var(--radius-xl);padding:32px 24px}}.login-header{margin-bottom:36px;text-align:center}.login-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(6,182,212,.4));font-size:56px;margin-bottom:12px}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0b2a4a,#0ea5e9);background:var(--gradient-neon);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:8px}.login-header p{color:#4b5563;color:var(--text-muted);font-size:16px}.phone-input-wrapper{position:relative}.phone-input{font-size:18px;letter-spacing:.5px;text-align:center}.otp-info{margin-bottom:28px;text-align:center}.otp-info p{color:#6b7280;color:var(--gray-500);margin-bottom:4px}.otp-info strong{color:#1f2937;color:var(--gray-800);font-size:18px}.change-phone-btn{background:none;border:none;color:#0b2a4a;color:var(--primary);cursor:pointer;font-size:14px;font-weight:600;margin-left:8px}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.otp-input{background:#fff;background:var(--bg-elevated);border:2px solid #e5e7eb;border:2px solid var(--glass-border);border-radius:12px;border-radius:var(--radius);color:#0b1220;color:var(--text-primary);font-size:24px;font-weight:700;height:64px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--ease-smooth);width:52px}.otp-input:focus{background:#fff;background:var(--bg-surface);border-color:#0b2a4a;border-color:var(--primary);box-shadow:0 0 0 4px #e0f2fe,var(--primary-glow);box-shadow:0 0 0 4px var(--primary-bg),var(--primary-glow);outline:none}@media (max-width:380px){.otp-input{font-size:20px;height:56px;width:44px}.otp-inputs{gap:6px}}.debug-otp{background:#f59e0b1a;background:var(--warning-bg);color:#374151;color:var(--gray-700);font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.debug-otp,.sms-auto-read-hint{border-radius:8px;border-radius:var(--radius-sm)}.sms-auto-read-hint{align-items:center;background:#f9fafb;background:var(--gray-50);color:#6b7280;color:var(--gray-500);display:flex;font-size:13px;gap:8px;justify-content:center;margin-bottom:24px;padding:10px}.resend-section{margin-top:20px;text-align:center}.resend-countdown{color:#6b7280;color:var(--gray-500);font-size:14px}.resend-btn{background:none;border:none;color:#0b2a4a;color:var(--primary);cursor:pointer;font-size:15px;font-weight:600;padding:8px 16px}.resend-btn:hover{text-decoration:underline}.login-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);margin-top:28px;padding-top:20px;text-align:center}.login-footer p{color:#9ca3af;color:var(--gray-400);font-size:13px}.step-indicator{margin-bottom:24px;text-align:center}.step-badge{background:#e0f2fe;background:var(--primary-bg);border-radius:9999px;border-radius:var(--radius-full);color:#071f36;color:var(--primary-dark);display:inline-block;font-size:13px;font-weight:600;padding:6px 16px}.create-event-page{align-items:flex-start;background:linear-gradient(135deg,#0b2a4a,#071f36);background:var(--gradient-hero);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:max(40px,env(safe-area-inset-top)) 24px 24px;padding-bottom:max(40px,env(safe-area-inset-bottom));padding-bottom:max(40px,var(--safe-bottom));padding-top:max(40px,var(--safe-top))}.create-event-card{background:#fff;background:var(--white);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 24px 64px #00000026;box-shadow:var(--shadow-xl);max-width:520px;padding:40px 32px;width:100%}@media (max-width:480px){.create-event-card{border-radius:24px;border-radius:var(--radius-xl);padding:32px 24px}}.create-event-header{margin-bottom:32px;text-align:center}.create-event-logo{font-size:52px;margin-bottom:12px}.create-event-title{color:#0b1220;color:var(--gray-900);font-size:1.75rem;font-weight:800;margin-bottom:8px}.create-event-subtitle{color:#6b7280;color:var(--gray-500);font-size:15px}.privacy-section{background:#f9fafb;background:var(--gray-50);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:12px;border-radius:var(--radius);margin:28px 0;padding:20px}.privacy-toggle{align-items:flex-start;cursor:pointer;display:flex;gap:16px}.privacy-toggle input[type=checkbox]{display:none}.toggle-slider{background:#d1d5db;background:var(--gray-300);border-radius:16px;flex-shrink:0;height:32px;position:relative;transition:background .3s;width:56px}.toggle-slider:after{background:#fff;background:var(--white);border-radius:50%;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);content:"";height:24px;left:4px;position:absolute;top:4px;transition:transform .3s;width:24px}.privacy-toggle input:checked+.toggle-slider{background:#0b2a4a;background:var(--primary)}.privacy-toggle input:checked+.toggle-slider:after{transform:translateX(24px)}.toggle-label{flex:1 1}.toggle-label strong{color:#1f2937;color:var(--gray-800);display:block;font-size:15px;margin-bottom:4px}.toggle-label small{color:#6b7280;color:var(--gray-500);font-size:13px}.access-code-group{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:16px;padding-top:16px}.success-card{text-align:center}.success-icon{font-size:72px;margin-bottom:16px}.success-title{color:#0b1220;color:var(--gray-900);font-size:1.75rem;margin-bottom:8px}.success-subtitle{color:#6b7280;color:var(--gray-500);margin-bottom:32px}.event-summary{background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius);margin-bottom:28px;padding:20px;text-align:left}.summary-item{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:12px 0}.summary-item:last-child{border-bottom:none}.summary-label{color:#6b7280;color:var(--gray-500);flex-shrink:0;font-size:14px}.summary-value{color:#1f2937;color:var(--gray-800);font-weight:600;margin-left:16px;text-align:right}.summary-value.access-code{background:#1f2937;background:var(--gray-800);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);font-family:monospace;font-size:14px;padding:4px 12px}.share-link-box{margin-bottom:28px}.share-label{color:#4b5563;color:var(--gray-600);display:block;font-size:14px;font-weight:600;margin-bottom:10px;text-align:left}.share-link-input{display:flex;gap:10px}.share-link-input input{flex:1 1;font-size:14px}.copy-btn{flex-shrink:0}.action-buttons{display:flex;flex-direction:column;gap:12px}.event-dashboard{background:#f9fafb;background:var(--gray-50);min-height:100vh;min-height:100dvh;padding-bottom:max(100px,calc(80px + env(safe-area-inset-bottom)));padding-bottom:max(100px,calc(80px + var(--safe-bottom)))}.dashboard-header{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);background:var(--gradient-primary);color:#fff;color:var(--white);padding:max(20px,env(safe-area-inset-top)) 20px 20px;padding-top:max(20px,var(--safe-top));position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-top{justify-content:space-between;margin-bottom:16px}.header-back,.header-top{align-items:center;display:flex}.header-back{background:#fff3;border:none;border-radius:12px;border-radius:var(--radius);color:#fff;color:var(--white);cursor:pointer;font-size:20px;height:44px;justify-content:center;transition:background .2s;width:44px}.header-back:hover{background:#ffffff4d}.header-actions{display:flex;gap:8px}.header-btn{align-items:center;background:#fff3;border:none;border-radius:12px;border-radius:var(--radius);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:background .2s}.header-btn:hover{background:#ffffff4d}.event-info{text-align:center}.event-name{font-size:1.5rem;font-weight:700;margin-bottom:8px}.event-details{display:flex;flex-wrap:wrap;font-size:14px;gap:16px;justify-content:center;opacity:.9}.event-detail-item{align-items:center;display:flex;gap:6px}.dashboard-content{margin:0 auto;max-width:800px;padding:20px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}@media (min-width:600px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:16px;text-align:center}.stat-value{color:#0b2a4a;color:var(--primary);font-size:1.75rem;font-weight:700;margin-bottom:4px}.stat-label{color:#6b7280;color:var(--gray-500);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.tab-nav{-webkit-overflow-scrolling:touch;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:flex;margin-bottom:20px;overflow-x:auto;padding:6px}.tab-btn{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#6b7280;color:var(--gray-500);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:-webkit-max-content;min-width:max-content;padding:14px 20px;transition:all .2s;white-space:nowrap}.tab-btn.active{background:#0b2a4a;background:var(--primary);color:#fff;color:var(--white)}.tab-btn:hover:not(.active){background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#fff,#f8fafc);background:var(--gradient-card);border:1px solid #e5e7eb;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-md);margin-bottom:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--ease-smooth)}.card:hover{border-color:#0b2a4a;border-color:var(--primary);box-shadow:0 16px 48px #0000001f,var(--primary-glow);box-shadow:var(--shadow-lg),var(--primary-glow);transform:translateY(-2px)}.card-header{align-items:center;background:#ffffff05;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:20px}.card-title{color:#0b1220;color:var(--text-primary);font-size:1.1rem;font-weight:700}.card-body{padding:20px}.card-footer{background:#0003;border-top:1px solid #e5e7eb;border-top:1px solid var(--glass-border);padding:16px 20px}.ride-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#fff,#f8fafc);background:var(--gradient-card);border:1px solid #e5e7eb;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-md);margin-bottom:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--ease-smooth)}.ride-card:hover{border-color:#0ea5e9;border-color:var(--secondary);box-shadow:0 16px 48px #0000001f,var(--secondary-glow);box-shadow:var(--shadow-lg),var(--secondary-glow);transform:translateY(-4px)}.ride-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.driver-info{gap:12px}.driver-avatar{align-items:center;background:#e0f2fe;background:var(--primary-bg);border-radius:50%;color:#0b2a4a;color:var(--primary);display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.driver-name{color:#0b1220;color:var(--text-primary);font-size:16px;font-weight:700}.driver-meta{color:#4b5563;color:var(--text-muted);font-size:13px;margin-top:2px}.seats-badge{background:#22c55e1a;background:var(--success-bg);color:#22c55e;color:var(--success);font-size:13px;font-weight:600;padding:8px 14px}.seats-badge.full{background:#ef44441a;background:var(--danger-bg);color:#ef4444;color:var(--danger)}.ride-locations{margin-bottom:16px}.location-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);gap:12px;padding:12px 0}.location-icon{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.location-text{flex:1 1}.location-address{color:#0b1220;color:var(--text-primary);font-size:14px;font-weight:500}.location-time{color:#4b5563;color:var(--text-muted);font-size:13px;margin-top:2px}.ride-actions{display:flex;gap:10px;margin-top:16px}.ride-actions .btn{flex:1 1}.empty-state{background:#fffc;background:var(--glass-bg);border:2px dashed var(--glass-border);color:#4b5563;color:var(--text-muted);padding:60px 20px}.empty-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(139,92,246,.3));font-size:64px;margin-bottom:16px}.empty-title{color:#0b1220;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.empty-text{color:#4b5563;color:var(--text-muted);font-size:15px;margin-bottom:24px}.bottom-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0e17e6;border-top:1px solid #e5e7eb;border-top:1px solid var(--glass-border);bottom:0;box-shadow:0 -4px 30px #0000004d,0 -2px 20px #8b5cf61a;display:flex;justify-content:space-around;left:0;padding:8px 0 max(8px,env(safe-area-inset-bottom));padding-bottom:max(8px,var(--safe-bottom));position:fixed;right:0;z-index:30}.nav-item{align-items:center;background:none;border:none;color:#4b5563;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--ease-smooth)}.nav-item.active{color:#0b2a4a;color:var(--primary-light);filter:drop-shadow(0 0 10px rgba(6,182,212,.5))}.nav-item:hover:not(.active){color:#0b1220;color:var(--text-primary)}.nav-icon{font-size:24px;margin-bottom:4px}.fab{align-items:center;border:none;border-radius:50%;bottom:max(90px,calc(70px + env(safe-area-inset-bottom)));bottom:max(90px,calc(70px + var(--safe-bottom)));box-shadow:0 4px 20px #0b2a4a1a,0 8px 32px #0000004d;box-shadow:var(--shadow-neon),0 8px 32px #0000004d;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:28px;height:64px;justify-content:center;overflow:hidden;position:fixed;position:relative;right:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transition:all .3s var(--ease-spring);width:64px;z-index:999}.fab,.fab:before{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);background:var(--gradient-neon)}.fab:before{animation:pulseGlow 2s ease-in-out infinite;border-radius:50%;content:"";filter:blur(15px);inset:-2px;opacity:.5;position:absolute;z-index:-1}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.fab:hover{box-shadow:0 0 60px #8b5cf699,0 0 100px #06b6d466;transform:scale(1.1) rotate(90deg)}.fab:active{transform:scale(.95)}.modal-overlay{align-items:flex-end;animation:fadeIn .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#030712d9;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:35}.modal{animation:slideUp .35s cubic-bezier(.175,.885,.32,1.275);animation:slideUp .35s var(--ease-spring);background:linear-gradient(180deg,#fff,#f8fafc);background:linear-gradient(180deg,var(--bg-elevated) 0,var(--bg-base) 100%);border:1px solid #e5e7eb;border:1px solid var(--glass-border);border-bottom:none;border-radius:32px 32px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 -10px 60px #00000080,0 4px 20px #0b2a4a1a;box-shadow:0 -10px 60px #00000080,var(--shadow-neon);max-height:92vh;max-height:92dvh;max-width:560px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (min-width:600px){.modal-overlay{align-items:center;padding:24px}.modal{animation:scaleIn .3s cubic-bezier(.4,0,.2,1);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 25px 60px #0000004d;max-height:85vh}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}.modal-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#fff,#1f2937fa);background:linear-gradient(180deg,var(--bg-elevated) 0,#1f2937fa 100%);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{align-items:center;display:flex;gap:10px;margin:0}.modal-header h2,.modal-title{color:#0b1220;color:var(--text-primary);font-size:1.25rem;font-weight:700}.modal-close{align-items:center;background:#fffc;background:var(--glass-bg);border:1px solid #e5e7eb;border:1px solid var(--glass-border);border-radius:50%;color:#4b5563;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;font-weight:300;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--ease-smooth);width:44px}.modal-close:hover{background:#ef44441a;background:var(--danger-bg);border-color:#ef4444;border-color:var(--danger);box-shadow:var(--danger-glow);color:#f87171;color:var(--danger-light);transform:rotate(90deg)}.modal-body{overflow-y:auto;padding:24px}@media (max-width:600px){.modal-body{max-height:calc(92vh - 160px);padding:20px}}.modal-footer{background:#0000004d;border-top:1px solid #e5e7eb;border-top:1px solid var(--glass-border);display:flex;gap:12px;padding:20px 24px max(20px,env(safe-area-inset-bottom));padding-bottom:max(20px,var(--safe-bottom))}.modal-footer .btn{flex:1 1;justify-content:center}.modal-handle{background:#d1d5db;background:var(--gray-300);border-radius:3px;height:5px;margin:10px auto 8px;width:40px}.publish-modal{max-width:640px}.join-modal{max-width:520px}.toast{animation:toastIn .3s ease;border-radius:12px;border-radius:var(--radius);bottom:max(100px,calc(80px + env(safe-area-inset-bottom)));bottom:max(100px,calc(80px + var(--safe-bottom)));box-shadow:0 16px 48px #0000001f;box-shadow:var(--shadow-lg);font-size:15px;font-weight:500;left:50%;max-width:calc(100vw - 48px);padding:16px 24px;position:fixed;text-align:center;transform:translateX(-50%);z-index:40}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.toast-success{background:#22c55e;background:var(--success)}.toast-error,.toast-success{color:#fff;color:var(--white)}.toast-error{background:#ef4444;background:var(--danger)}.toast-info{background:#1f2937;background:var(--gray-800);color:#fff;color:var(--white)}.toast-warning{background:#f59e0b;background:var(--warning);color:#0b1220;color:var(--gray-900)}.page-loading-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#f8fafc;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:45}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-text{animation:textPulse 2s ease-in-out infinite;color:#4b5563;font-size:18px;font-weight:600;margin-top:32px;position:relative;text-align:center;z-index:1}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}.simple-car-loader{animation:loaderEnter .5s ease-out;height:160px;position:relative;width:280px;z-index:1}.simple-car{animation:epicCarBounce .4s ease-in-out infinite;bottom:50px;left:50%;position:absolute;transform:translateX(-50%);will-change:transform}@keyframes epicCarBounce{0%,to{transform:translateX(-50%) translateY(0) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-8px) rotate(1deg)}}@keyframes loaderEnter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.simple-car-body{background:linear-gradient(135deg,#0b2a4a,#0ea5e9);border-radius:8px 24px 6px 6px;box-shadow:0 4px 15px #0b2a4a4d;height:32px;position:relative;width:100px}.simple-car-top{background:linear-gradient(135deg,#0ea5e9,#0b2a4a);border-radius:14px 14px 0 0;box-shadow:0 -2px 10px #0ea5e933;height:26px;left:16px;position:absolute;top:-20px;width:55px}.simple-car-window{background:linear-gradient(180deg,#e0f2fe,#0ea5e94d);border:1px solid #0ea5e94d;border-radius:8px 8px 0 0;height:16px;left:21px;position:absolute;top:-16px;width:45px}.simple-car-light-front{background:#f59e0b;border-radius:4px 6px 6px 4px;box-shadow:0 0 10px #f59e0b80;height:10px;position:absolute;right:-6px;top:8px;width:12px}.simple-car-light-front:after{background:linear-gradient(90deg,#f59e0b33,#0000);-webkit-clip-path:polygon(0 40%,100% 20%,100% 80%,0 60%);clip-path:polygon(0 40%,100% 20%,100% 80%,0 60%);content:"";height:30px;position:absolute;right:-60px;top:-10px;width:80px}.simple-car-light-back{background:#ef4444;border-radius:3px;box-shadow:0 0 8px #ef444480;height:8px;left:-4px;position:absolute;top:10px;width:8px}.simple-car-wheel{animation:wheelSpin .3s linear infinite;background:#0b1220;border:3px solid #4b5563;border-radius:50%;bottom:-10px;box-shadow:0 2px 6px #0000004d;height:22px;position:absolute;width:22px;will-change:transform}@keyframes wheelSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.simple-car-wheel:before{background:#0ea5e9;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.simple-car-wheel-front{left:auto;right:12px}.simple-car-wheel-back{left:12px}.speed-lines{display:block!important;height:30px;left:-60px;position:absolute;top:50%;transform:translateY(-50%);width:50px}.speed-lines:after,.speed-lines:before{animation:speedLineMove .3s ease-out infinite;background:linear-gradient(90deg,#0000,#0ea5e9 50%,#0000);border-radius:2px;content:"";height:3px;position:absolute}.speed-lines:before{animation-delay:0s;left:0;top:5px;width:40px}.speed-lines:after{animation-delay:.1s;left:10px;top:15px;width:30px}@keyframes speedLineMove{0%{opacity:0;transform:translateX(20px)}50%{opacity:1}to{opacity:0;transform:translateX(-20px)}}.speed-line{animation:speedLineMove .3s ease-out infinite;background:linear-gradient(90deg,#0000,#0ea5e9 50%,#0000);border-radius:2px;height:3px;position:absolute}.speed-line:first-child{animation-delay:0s;left:0;top:0;width:40px}.speed-line:nth-child(2){animation-delay:.1s;left:5px;top:10px;width:35px}.speed-line:nth-child(3){animation-delay:.2s;left:10px;top:20px;width:25px}.exhaust{bottom:8px;display:block!important;left:-25px;position:absolute}.exhaust:after,.exhaust:before{animation:exhaustPuff .6s ease-out infinite;background:radial-gradient(circle,#6b728066 0,#0000 70%);border-radius:50%;content:"";height:12px;position:absolute;width:12px}.exhaust:before{animation-delay:0s}.exhaust:after{animation-delay:.2s;left:-8px}@keyframes exhaustPuff{0%{opacity:.8;transform:scale(.5) translateX(0)}to{opacity:0;transform:scale(2) translateX(-30px)}}.exhaust-puff{animation:exhaustPuff .6s ease-out infinite;background:radial-gradient(circle,#6b728066 0,#9ca3af33 50%,#0000 70%);border-radius:50%;height:12px;position:absolute;width:12px}.exhaust-puff:first-child{animation-delay:0s;left:0;top:0}.exhaust-puff:nth-child(2){animation-delay:.2s;left:-10px;top:-5px}.exhaust-puff:nth-child(3){animation-delay:.4s;left:-15px;top:5px}.simple-road{background:linear-gradient(90deg,#0000,#e5e7eb 20%,#d1d5db 50%,#e5e7eb 80%,#0000);border-radius:3px;bottom:30px;height:6px;left:50%;position:absolute;transform:translateX(-50%);width:240px}.simple-road:before{background:linear-gradient(90deg,#0000,#0ea5e91a 50%,#0000);height:10px;top:-2px}.simple-road:after,.simple-road:before{content:"";left:0;position:absolute;right:0}.simple-road:after{animation:laneMarkers .5s linear infinite;background:repeating-linear-gradient(90deg,#0000,#0000 20px,#ffffff4d 0,#ffffff4d 40px);height:2px;top:50%;transform:translateY(-50%)}@keyframes laneMarkers{0%{background-position:0 0}to{background-position:-40px 0}}.skeleton{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,#fff 25%,#fff 50%,#fff 75%);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-surface) 50%,var(--bg-elevated) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#0b2a4a;color:var(--primary)}.text-success{color:#22c55e;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.text-muted{color:#6b7280;color:var(--gray-500)}.font-bold{font-weight:700}.font-medium{font-weight:500}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.hidden{display:none}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:12px;border-radius:var(--radius)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow{box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow)}.shadow-md{box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 16px 48px #0000001f;box-shadow:var(--shadow-lg)}.bg-white{background:#fff;background:var(--white)}.bg-gray-50{background:#f9fafb;background:var(--gray-50)}.bg-primary{background:#0b2a4a;background:var(--primary)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.safe-top{padding-top:env(safe-area-inset-top);padding-top:var(--safe-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom);padding-bottom:var(--safe-bottom)}.map-container{background:#f3f4f6;background:var(--gray-100);border-radius:12px;border-radius:var(--radius);height:300px;overflow:hidden;width:100%}.map-search-input{left:10px;position:absolute;right:10px;top:10px;z-index:10}.location-picker{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.location-picker:focus-within{border-color:#0b2a4a;border-color:var(--primary);box-shadow:0 0 0 4px #e0f2fe;box-shadow:0 0 0 4px var(--primary-bg)}.location-picker-input{border:none;font-size:16px;padding:16px;width:100%}.location-picker-input:focus{outline:none}.location-picker-map{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);height:200px}@media (max-width:480px){.hide-mobile{display:none!important}}@media (min-width:481px){.hide-desktop{display:none!important}}@media (min-width:768px){.container{margin:0 auto;max-width:720px}}@media (min-width:1024px){.container{max-width:960px}}.whatsapp-btn{align-items:center;background:#25d366;border-radius:12px;border-radius:var(--radius);color:#fff;color:var(--white);display:inline-flex;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:background .2s}.whatsapp-btn:hover{background:#128c7e}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.badge-primary{background:#e0f2fe;background:var(--primary-bg);color:#071f36;color:var(--primary-dark)}.badge-success{background:#22c55e1a;background:var(--success-bg);color:#22c55e;color:var(--success)}.badge-warning{background:#f59e0b1a;background:var(--warning-bg);color:#b45309}.badge-danger{background:#ef44441a;background:var(--danger-bg);color:#ef4444;color:var(--danger)}.badge-gray{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .4s ease forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.cards-grid{display:flex;flex-direction:column;gap:16px}@media (min-width:768px){.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}.carpool-card{background:#fff;background:var(--white);border:2px solid #0000;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-md);overflow:visible;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.carpool-card:hover{box-shadow:0 24px 64px #00000026;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.carpool-card.offer-card{border-left:4px solid #0b2a4a;border-left:4px solid var(--primary)}.carpool-card.request-card{border-left:4px solid #0ea5e9;border-left:4px solid var(--secondary)}.carpool-card.my-card{background:linear-gradient(135deg,#faf5ff,#f0fdf4);border:2px solid #0b2a4a;border:2px solid var(--primary-light)}.carpool-card.matched-card{background:linear-gradient(135deg,#f0fdf4,#ecfeff);border:2px solid #22c55e;border:2px solid var(--success)}.matched-badge,.my-badge{border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow);font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;position:absolute;right:16px;text-transform:uppercase;top:-10px}.my-badge{background:linear-gradient(135deg,#0b2a4a,#071f36);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)}.matched-badge,.my-badge{color:#fff;color:var(--white)}.matched-badge{background:linear-gradient(135deg,#22c55e,#15803d);background:linear-gradient(135deg,var(--success) 0,#15803d 100%)}.card-header-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.driver-info{align-items:center;display:flex;gap:14px}.driver-info .avatar{align-items:center;background:linear-gradient(135deg,#0b2a4a,#0b2a4a);background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%);border-radius:50%;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow);display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.driver-info h3{color:#1f2937;color:var(--gray-800);font-size:1.1rem;font-weight:700;margin-bottom:6px}.seats-badge{align-items:center;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#071f36;color:var(--primary-dark);display:inline-flex;font-size:14px;font-weight:700;gap:6px;padding:8px 16px}.seats-badge.full{background:linear-gradient(135deg,#fecaca,#fed7aa);color:#b91c1c}.trip-badge{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600);font-size:12px;padding:4px 12px}.preference-badge,.trip-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-weight:600}.preference-badge{font-size:11px;gap:4px;padding:4px 10px}.preference-badge.male{background:#dbeafe;color:#1d4ed8}.preference-badge.female{background:#fce7f3;color:#be185d}.locations-list{background:#f9fafb;background:var(--gray-50);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:12px;border-radius:var(--radius);margin:16px 0;padding:14px}.location-item{align-items:flex-start;border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--gray-200);color:#374151;color:var(--gray-700);display:flex;font-size:14px;gap:10px;padding:10px 0}.location-item:last-child{border-bottom:none;padding-bottom:0}.location-item:first-child{padding-top:0}.direction-badge{border-radius:8px;border-radius:var(--radius-sm);display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.direction-badge:contains("Going"){background:#dcfce7;color:#15803d}.match-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;border-radius:var(--radius);margin:16px 0;padding:16px;text-align:center}.match-label{color:#166534;font-size:13px;font-weight:500;margin-bottom:6px}.match-driver{color:#14532d;font-size:1.1rem;font-weight:700}.payment-info{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;border-radius:var(--radius);display:flex;gap:12px;margin:16px 0;padding:14px}.payment-info .amount{color:#92400e;font-size:1.25rem;font-weight:700}.card-actions{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:18px}.card-actions .btn{flex:1 1;min-width:100px}.passengers-preview{background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius);margin:16px 0;padding:14px}.passengers-preview h4{color:#4b5563;color:var(--gray-600);font-size:13px;font-weight:600;margin-bottom:10px}.passenger-item{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:#374151;color:var(--gray-700);display:flex;font-size:14px;gap:10px;padding:8px 0}.passenger-item:last-child{border-bottom:none}.form-section{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:24px}.form-section:last-child{border-bottom:none}.form-section-title{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-size:1rem;font-weight:700;gap:10px;margin-bottom:20px}.form-section-title .icon{align-items:center;background:linear-gradient(135deg,#0b2a4a,#0b2a4a);background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%);border-radius:12px;border-radius:var(--radius);display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:16px}.form-row:last-child{margin-bottom:0}@media (min-width:500px){.form-row.two-col{grid-template-columns:repeat(2,1fr)}}.toggle-options{display:flex;flex-wrap:wrap;gap:10px}.toggle-option{background:#f9fafb;background:var(--gray-50);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);cursor:pointer;flex:1 1;min-width:100px;padding:14px 18px;text-align:center;transition:all .2s}.toggle-option:hover{background:#e0f2fe;background:var(--primary-bg);border-color:#0b2a4a;border-color:var(--primary-light)}.toggle-option.active{background:linear-gradient(135deg,#e0f2fe,#ddd6fe);background:linear-gradient(135deg,var(--primary-bg) 0,#ddd6fe 100%);border-color:#0b2a4a;border-color:var(--primary);color:#071f36;color:var(--primary-dark)}.toggle-option input{display:none}.toggle-option .icon{display:block;font-size:24px;margin-bottom:6px}.toggle-option .text{font-size:13px;font-weight:600}.offer-summary{background:linear-gradient(135deg,#f9fafb,#f0fdf4);background:linear-gradient(135deg,var(--gray-50) 0,#f0fdf4 100%);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:24px;padding:20px}.offer-summary h3{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-size:1.1rem;gap:10px;margin-bottom:12px}.offer-summary .details{color:#4b5563;color:var(--gray-600);display:flex;flex-wrap:wrap;font-size:14px;gap:16px}.offer-summary .detail-item{align-items:center;display:flex;gap:6px}.request-actions{display:flex;gap:10px;margin-top:12px}.passengers-list{display:flex;flex-direction:column;gap:12px}.passenger-manage-item{background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 100%);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);padding:18px;transition:all .2s}.passenger-manage-item:hover{border-color:#e5e7eb;border-color:var(--gray-200);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow)}.passenger-manage-item h4{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0}.passenger-manage-item p{color:#6b7280;color:var(--gray-500);font-size:14px;margin:4px 0 0}.passenger-manage-item details{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);margin-top:14px;padding-top:14px}.passenger-manage-item details summary{color:#ef4444;color:var(--danger);cursor:pointer;font-size:13px;font-weight:600;list-style:none;padding:8px 0}.passenger-manage-item details summary::-webkit-details-marker{display:none}.passenger-manage-item details[open] summary{margin-bottom:12px}.passenger-manage-item textarea{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);font-family:inherit;font-size:14px;min-height:80px;padding:14px;resize:vertical;transition:border-color .2s;width:100%}.passenger-manage-item textarea:focus{border-color:#ef4444;border-color:var(--danger);outline:none}.join-request-item{background:#fff;background:var(--white);border:2px solid #f3f4f6;border:2px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:12px;padding:18px;transition:all .2s}.join-request-item:hover{border-color:#0b2a4a;border-color:var(--primary-light)}.join-request-item .request-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.join-request-item .requester-info h4{color:#1f2937;color:var(--gray-800);font-size:1rem;font-weight:600;margin:0 0 4px}.join-request-item .requester-info p{color:#6b7280;color:var(--gray-500);font-size:13px;margin:0}.join-request-item .pickup-info{background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius);margin-top:12px;padding:12px}.join-request-item .pickup-info .label{color:#6b7280;color:var(--gray-500);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.join-request-item .pickup-info .address{color:#374151;color:var(--gray-700);font-size:14px}.otp-verification-section{padding:20px 0;text-align:center}.otp-verification-section .otp-inputs{display:flex;gap:10px;justify-content:center;margin:24px 0}.otp-verification-section input{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);font-size:26px;font-weight:700;height:60px;text-align:center;transition:all .2s;width:52px}.otp-verification-section input:focus{border-color:#0b2a4a;border-color:var(--primary);box-shadow:0 0 0 4px #e0f2fe;box-shadow:0 0 0 4px var(--primary-bg);outline:none}.empty-state{background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 100%);border:2px dashed #e5e7eb;border:2px dashed var(--gray-200);border-radius:24px;border-radius:var(--radius-xl);padding:48px 24px;text-align:center}.empty-state-icon{display:block;filter:grayscale(30%);font-size:64px;margin-bottom:20px}.empty-state h3{color:#374151;color:var(--gray-700);font-size:1.25rem;font-weight:700;margin-bottom:8px}.empty-state p{color:#6b7280;color:var(--gray-500);font-size:15px;margin-bottom:24px}.empty-state .btn{display:inline-flex}@media print{.bottom-nav,.fab,.no-print{display:none!important}body{background:#fff}.card,.carpool-card{border:1px solid #e5e7eb;border:1px solid var(--gray-200);box-shadow:none}}
/*# sourceMappingURL=main.4b7e8a53.css.map*/