@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cairo: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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-height:40px;padding:10px 18px;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-sm{border-radius:8px;min-height:32px;padding:6px 12px}.btn-md{font-size:14px;min-height:40px;padding:10px 18px}.btn-lg{font-size:15px;min-height:48px}.btn-primary{box-shadow:0 4px 12px #6366f140}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #6366f159}.btn-secondary{background:var(--bg-surface);box-shadow:none}.btn-secondary:hover:not(:disabled){background:var(--bg-muted);border-color:var(--text-muted)}.btn-ghost{box-shadow:none;color:var(--text-secondary);min-height:36px;padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.btn-outline{background:#0000;border:1px solid #6366f1;box-shadow:none;color:#6366f1}.btn-outline:hover:not(:disabled){background:#6366f1;color:#fff}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #22c55e4d}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ef44444d}.btn-full{width:100%}.btn:disabled{opacity:.5;transform:none!important}.lang-btn,.language-switcher{position:relative}.language-switcher.compact .lang-btn{font-size:12px;min-width:36px;padding:4px 10px}.language-switcher.large .lang-btn{font-size:14px;min-width:50px;padding:8px 18px}@media (max-width:768px){.language-switcher{gap:6px;padding:3px}.lang-btn{font-size:14px;padding:8px 12px}}.header-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-surface);border-bottom:1px solid var(--border);padding:10px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.header-bar-container{margin:0 auto;max-width:1280px;padding:0 24px}.header-logo-img{height:38px;object-fit:contain;width:auto}.header-mobile{display:none!important}.hamburger-btn{align-items:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:5px;height:40px;justify-content:center;padding:10px;transition:all .2s ease;width:40px}.hamburger-btn span{background:var(--text-primary);border-radius:2px;display:block;height:2px;transition:all .3s ease;width:18px}.hamburger-btn.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hamburger-btn:hover{background:var(--border)}.mobile-menu{animation:slideDown .2s ease;background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:0 8px 32px #00000026;left:0;position:absolute;right:0;top:100%;z-index:999}[data-theme=dark] .mobile-menu{background:#1a1d2e;border-bottom-color:#ffffff1a;box-shadow:0 8px 32px #00000080}[data-theme=dark] .mobile-menu-item:hover,[data-theme=dark] .mobile-menu-user{background:#ffffff14}.mobile-menu-content{margin:0 auto;max-width:1280px;padding:16px}.mobile-menu-user{align-items:center;background:var(--bg-muted);border-radius:12px;display:flex;flex-direction:row;gap:12px;margin-bottom:12px;padding:12px}.mobile-user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.mobile-user-info{display:flex;flex-direction:column;min-width:0}.mobile-user-name{color:var(--text-primary);font-size:15px;font-weight:600}.mobile-user-phone{color:var(--text-muted);font-size:13px}.mobile-menu-divider{background:var(--border);height:1px;margin:8px 0}.mobile-menu-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;font-family:inherit;font-size:15px;font-weight:500;gap:10px;padding:14px 12px;text-align:left;transition:background .2s ease;width:100%}.mobile-menu-item:hover{background:var(--bg-muted)}.mobile-menu-logout{color:var(--text-secondary)}.mobile-menu-logout:hover{background:var(--bg-muted);color:var(--primary)}.language-switcher{background:var(--bg-muted);border:1px solid var(--border);border-radius:8px;display:flex!important;flex-shrink:0;gap:4px;padding:2px;z-index:10}.lang-btn{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;min-width:44px;padding:6px 14px;text-align:center;transition:all .2s ease;white-space:nowrap}.lang-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.lang-btn.active{box-shadow:0 2px 4px #6366f14d}.lang-btn.active,.lang-btn.active:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.mobile-language-switcher{display:flex;gap:8px;padding:8px 12px}.mobile-lang-btn{background:var(--bg-muted);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.mobile-lang-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.mobile-lang-btn.active{border-color:var(--primary)}.mobile-lang-btn.active,.mobile-lang-btn.active:hover{background:var(--primary);color:#fff}@media (max-width:768px){.header-bar-container{padding:0 16px}.header-logo-img{height:34px}.header-desktop{display:none!important}.header-mobile{align-items:center;display:flex!important;gap:12px}.header-mobile .header-mobile-lang .lang-btn{font-size:13px;min-width:40px;padding:6px 12px}}@media (min-width:769px){.header-desktop{display:flex!important}.header-mobile,.mobile-menu{display:none!important}}.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{background:#f8fafc;border-radius:50%;color:#4b5563;height:36px;transition:all .2s ease;width:36px}.close-btn:hover{background:#e5e7eb;color:#0b1220}.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}.filter-chip{font-size:12px;padding:6px 12px}.filter-panel-body,.filter-panel-header{padding:16px 20px}.filter-section-title{font-size:13px}.filter-option{font-size:12px;padding:8px 14px}.search-input{font-size:14px;padding:12px 40px}}@media (max-width:380px){.filter-toggle-btn{font-size:12px;padding:6px 12px}.filter-chip{font-size:11px;padding:5px 10px}.filter-panel-header h3{font-size:16px}.filter-option{font-size:11px;padding:7px 12px}.apply-btn,.reset-btn{font-size:14px;padding:12px 20px}}@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}}.notification-banner{animation:slideUp .4s ease-out;bottom:20px;left:50%;max-width:480px;position:fixed;transform:translateX(-50%);width:calc(100% - 40px);z-index:9999}.notification-banner-content{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;box-shadow:0 10px 40px #0000004d,0 0 0 1px #ffffff1a;color:#fff;display:flex;gap:14px;padding:16px 20px}.notification-banner-icon{animation:bell-ring 2s ease-in-out infinite;flex-shrink:0;font-size:32px}@keyframes bell-ring{0%,to{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0)}}.notification-banner-text{flex:1 1;min-width:0}.notification-banner-text h4{color:#fff;font-size:15px;font-weight:700;margin:0 0 4px}.notification-banner-text p{color:#ffffffbf;font-size:13px;line-height:1.3;margin:0}.notification-banner-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.notification-banner-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.notification-banner-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f166;color:#fff}.notification-banner-btn.primary:hover{box-shadow:0 6px 16px #6366f180;transform:translateY(-1px)}.notification-banner-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.notification-banner-btn.secondary:hover{background:#ffffff26;color:#fff}.notification-banner-btn.dismiss{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff9;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.notification-banner-btn.dismiss:hover{background:#ef44444d;color:#fca5a5}@media (max-width:480px){.notification-banner{bottom:10px;width:calc(100% - 20px)}.notification-banner-content{flex-wrap:wrap;gap:12px;padding:14px 16px}.notification-banner-icon{font-size:28px}.notification-banner-text{flex:1 1 auto;min-width:150px}.notification-banner-text h4{font-size:14px}.notification-banner-text p{font-size:12px}.notification-banner-actions{justify-content:flex-end;width:100%}.notification-banner-btn{font-size:13px;padding:8px 14px}}.notification-badge{align-items:center;animation:pulse-badge 2s ease-in-out infinite;background:#ef4444;border-radius:10px;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-6px;top:-6px}.notification-toast{animation:slideInRight .3s ease-out;max-width:360px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.notification-toast-content{align-items:flex-start;background:#fff;border-left:4px solid #6366f1;border-radius:12px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;display:flex;gap:12px;padding:16px}.notification-toast-icon{flex-shrink:0;font-size:24px}.notification-toast-text{flex:1 1}.notification-toast-text h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px}.notification-toast-text p{color:#64748b;font-size:13px;margin:0}.notification-toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:4px}.notification-toast-close:hover{color:#64748b}.event-dashboard{background:#f6f7fb;background:var(--bg-page,#f6f7fb);overflow-x:hidden;position:relative}.legendary-top-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);flex-direction:row;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.legendary-top-nav,.nav-back-btn{align-items:center;background:#fff;background:var(--bg-surface,#fff);display:flex}.nav-back-btn{border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:10px;color:#5b6273;color:var(--text-secondary,#5b6273);cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.nav-back-btn:hover{background:#f8fafc;background:var(--bg-muted,#f8fafc);border-color:#6366f1;color:#0b0f1a;color:var(--text-primary,#0b0f1a)}.nav-actions{flex-direction:row;gap:10px}.nav-actions,.nav-btn-rides{align-items:center;display:flex}.nav-btn-rides{background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;color:#6366f1;cursor:pointer;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.nav-btn-rides:hover{border-color:#0000;transform:translateY(-2px)}.nav-btn-account,.nav-btn-rides:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.nav-btn-account{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 12px #6366f140;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;padding:8px 16px;transition:all .2s ease}.nav-btn-account:hover{box-shadow:0 6px 16px #6366f159;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;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:10px;color:#5b6273;color:var(--text-secondary,#5b6273);cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease}.nav-btn-login:hover{background:#f8fafc;background:var(--bg-muted,#f8fafc);border-color:#6366f1;color:#6366f1}.event-page-header{display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:24px;min-height:280px;overflow:hidden;position:relative}.event-page-header-bg{inset:0;position:absolute;z-index:0}.event-page-header-img{height:100%;object-fit:cover;width:100%}.event-page-header-overlay{background:linear-gradient(180deg,#0f172a33,#0f172a80 40%,#0f172ad9 70%,#0f172af5);inset:0;position:absolute}.event-page-header-gradient{background:linear-gradient(135deg,#6366f1,#7c3aed 50%,#8b5cf6);inset:0;position:absolute}.event-page-header-gradient:after,.event-page-header-gradient:before{background:#ffffff1a;border-radius:50%;content:"";pointer-events:none;position:absolute}.event-page-header-gradient:before{height:200px;right:-10%;top:-20%;width:200px}.event-page-header-gradient:after{bottom:-15%;height:160px;left:-10%;width:160px}.event-page-floaters{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.event-page-floater{animation:event-floater-float 4s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));opacity:.55;position:absolute;will-change:transform}.event-page-floater:nth-child(odd){animation-direction:alternate;animation-duration:5s}.event-page-floater:nth-child(3n){animation-duration:4.5s;animation-name:event-floater-float-alt}@keyframes event-floater-float{0%,to{transform:translateY(0) translateX(0) rotate(-2deg)}50%{transform:translateY(-12px) translateX(6px) rotate(2deg)}}@keyframes event-floater-float-alt{0%,to{transform:translateY(-5px) translateX(-4px) rotate(2deg)}50%{transform:translateY(-18px) translateX(4px) rotate(-1deg)}}.event-page-header-content{color:#fff;margin:0 auto;max-width:800px;padding:32px 20px 28px;position:relative;z-index:2}.event-page-featured-star{animation:star-pulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(255,215,0,.5));font-size:28px;margin-bottom:10px;text-align:center}@keyframes star-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.event-page-header-top{align-items:flex-start;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.event-page-badges{display:flex;flex:1 1;flex-wrap:wrap;gap:8px;justify-content:center}.event-page-badge{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border:1px solid #ffffff59;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.04em;padding:5px 12px;text-transform:uppercase}.event-page-badge.badge-type{background:#ffffff40;text-transform:none}.event-page-badge.badge-featured{background:linear-gradient(135deg,#fbbf2480,#f59e0b80);border-color:#fbbf2499}.event-page-badge.badge-vibe{background:#8b5cf64d;border-color:#8b5cf680;text-transform:none}.event-page-share-btn{align-items:center;background:#fff3;border:1px solid #fff6;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.event-page-share-btn:hover{background:#ffffff59;transform:scale(1.05)}.event-page-title{color:#fff!important;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 12px;text-align:center;text-shadow:0 2px 8px #0006,0 4px 16px #0000004d}.event-page-meta{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:center;margin-bottom:14px}.event-page-meta-item{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:8px;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:5px 10px}.event-page-meta-item.meta-participants{background:#22c55e40;border-color:#22c55e66}.event-page-desc{color:#fff;font-size:14px;line-height:1.5;margin:0 auto 8px;max-width:560px;text-align:center}.event-page-notes{color:#ffffffd9;font-size:13px;margin:0 0 16px;text-align:center}.event-page-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.event-page-cta{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:14px 28px;transition:all .25s cubic-bezier(.4,0,.2,1)}.event-page-cta.cta-primary{background:#fff;box-shadow:0 4px 16px #0000002e;color:#6366f1}.event-page-cta.cta-primary:hover{box-shadow:0 8px 24px #00000038;transform:translateY(-2px)}.event-page-cta.cta-secondary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:2px solid #ffffff80;color:#fff}.event-page-cta.cta-secondary:hover{background:#ffffff4d;border-color:#fff;transform:translateY(-2px)}@media (max-width:480px){.event-page-header{min-height:240px}.event-page-header-content{padding:24px 16px 22px}.event-page-title{font-size:1.5rem}.event-page-ctas{gap:10px}.event-page-cta{border-radius:12px;font-size:14px;padding:12px 20px}}.legendary-header{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a78bfa);overflow:hidden;padding:28px 20px 36px;position:relative;z-index:1}.legendary-header:before{background:#ffffff1a;height:300px;right:-20%;top:-50%;width:300px}.legendary-header:after,.legendary-header:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.legendary-header:after{background:#ffffff14;bottom:-30%;height:200px;left:-10%;width:200px}.header-content{margin:0 auto;max-width:800px;padding:0 16px;position:relative;z-index:2}.event-info{color:#fff;margin-bottom:20px}.event-header-image{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:3px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 24px #00000040,0 4px 12px #00000026;height:120px;margin:0 auto 24px;overflow:hidden;position:relative;width:120px;z-index:2}.event-header-image img{height:100%;object-fit:cover;width:100%}.event-header-image-fallback{align-items:center;background:linear-gradient(135deg,#fff3,#ffffff1a);display:flex;justify-content:center;padding:20px}.event-header-image-fallback img{filter:brightness(0) invert(1);height:100%;object-fit:contain;opacity:.9;width:100%}.event-title-enhanced{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f9ff 50%,#e0f2fe);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px;position:relative;text-shadow:0 4px 20px #0000004d,0 2px 8px #0003}.event-info h1:not(.event-title-enhanced){font-size:clamp(1.5rem,5vw,2rem);font-weight:700;letter-spacing:-.01em;margin-bottom:12px;text-shadow:0 2px 10px #00000026}.event-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.event-meta span{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff40;border-radius:20px;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px}.event-meta span:hover{background:#ffffff4d}.participant-badge{background:#22c55e4d!important;border-color:#22c55e80!important}.event-code-row{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:12px;max-width:-webkit-fit-content;max-width:fit-content;padding:8px 14px}.event-code-row .event-code-label{color:#ffffffe6;font-size:13px;font-weight:500}.event-code-row .event-code-value{background:#0003;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.05em;padding:4px 10px}.copy-event-code-btn{align-items:center;background:#ffffff40;border:1px solid #fff6;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease}.copy-event-code-btn:hover{background:#ffffff59;border-color:#ffffff80;transform:translateY(-1px)}.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;border-radius:12px;box-shadow:0 4px 16px #00000026;color:#6366f1;font-size:14px;padding:12px 24px}.legendary-btn-primary:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.legendary-btn-outline{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:2px solid #ffffff80;border-radius:12px;color:#fff;font-size:14px;padding:12px 24px}.legendary-btn-outline:hover{background:#ffffff40;border-color:#fff;transform:translateY(-2px)}.legendary-btn-secondary{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);color:#0b0f1a;color:var(--text-primary,#0b0f1a)}@media (max-width:480px){.header-actions{gap:8px}.legendary-btn{border-radius:10px}.legendary-btn,.legendary-btn-outline,.legendary-btn-primary{font-size:13px;padding:10px 16px}}.event-content-container{margin:0 auto;max-width:900px;position:relative;z-index:1}.legendary-tabs{display:flex;flex-direction:row;gap:12px;justify-content:center;margin-top:-24px;padding:0 20px;position:relative;z-index:10}[dir=rtl] .legendary-tab,[dir=rtl] .legendary-tabs{flex-direction:row-reverse}[dir=rtl] .tab-count{margin-left:0;margin-right:6px}.legendary-tab{align-items:center;background:#fff;background:var(--bg-surface,#fff);border:2px solid #e5e7eb;border:2px solid var(--border,#e5e7eb);box-shadow:0 4px 14px #0000000f,0 2px 6px #0000000a;color:#5b6273;color:var(--text-secondary,#5b6273);cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;padding:16px 28px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.legendary-tab,.legendary-tab:first-child,.legendary-tab:last-child{border-radius:16px}.legendary-tab:after{display:none}.legendary-tab:hover{background:#6366f114;border-color:#6366f159;box-shadow:0 8px 20px #6366f11f;color:#6366f1;transform:translateY(-2px)}.legendary-tab.active{background:linear-gradient(135deg,#6366f1,#7c3aed 50%,#8b5cf6);border-color:#6366f1;box-shadow:0 6px 20px #6366f166,0 4px 12px #00000014;color:#fff;transform:translateY(-2px)}.tab-count{background:#6366f126;border-radius:13px;color:#6366f1;font-size:13px;font-weight:800;height:26px;margin-left:4px;min-width:26px;padding:0 8px;transition:all .2s ease}.legendary-tab.active .tab-count{background:#ffffff59;color:#fff}@media (max-width:480px){.legendary-tabs{gap:10px;margin-top:-20px;padding:0 16px}.legendary-tab{border-radius:14px;font-size:14px;gap:8px;padding:14px 18px}.tab-count{font-size:12px;height:24px;min-width:24px}}.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{color:var(--success-light);font-size:22px;font-weight:800;gap:10px;margin:0 0 20px}.confirmed-rides-title,.confirmed-rides-toggle{align-items:center;display:flex;position:relative;z-index:1}.confirmed-rides-toggle{background:none;border:none;color:inherit;cursor:pointer;font:inherit;gap:12px;justify-content:space-between;margin:0;padding:0 0 4px;text-align:left;width:100%}.confirmed-rides-toggle:hover{opacity:.9}.confirmed-rides-chevron{flex-shrink:0;font-size:14px;opacity:.8}.confirmed-rides-content{margin-top:16px;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{padding:28px 20px 120px;position:relative;z-index:1}.filters-section{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 16px #6366f10f,0 2px 8px #0000000a;margin-bottom:24px;padding:20px}.filters-section-minimal{margin-bottom:16px;padding:14px 20px}.filters-section-minimal .filters-section-title{font-size:15px;margin-bottom:0;opacity:.9}.filters-section-header{margin-bottom:14px}.filters-section-title{color:#0b0f1a;color:var(--text-primary,#0b0f1a);display:block;font-size:16px;font-weight:700;margin-bottom:4px}.filters-section-subtitle{color:#64748b;display:block;font-size:13px;font-weight:500}.filters-section .quick-filters{gap:14px;padding:4px 0}.filters-section .quick-filters-scroll{gap:10px;padding:6px 0}.filters-section .filter-chip{background:#fff;border:2px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 6px #0000000a;color:#374151;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s ease}.filters-section .filter-chip:hover{background:#6366f10f;border-color:#6366f166;color:#4f46e5;transform:translateY(-1px)}.filters-section .filter-chip.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;box-shadow:0 4px 12px #6366f159;color:#fff}.filters-section .filter-toggle-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;box-shadow:0 4px 12px #6366f140;color:#fff;font-size:14px;font-weight:600;padding:10px 18px}.filters-section .filter-toggle-btn:hover{box-shadow:0 6px 16px #6366f159;transform:translateY(-2px)}.filters-section .sort-dropdown .sort-trigger{border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;padding:10px 16px}.filters-section .sort-dropdown .sort-trigger.open,.filters-section .sort-dropdown .sort-trigger:hover{background:#6366f10f;border-color:#6366f1;color:#6366f1}.filter-results-info{align-items:center;border-top:2px dashed #e5e7eb;color:#475569;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-top:14px;padding:14px 0 0}.clear-filters-btn{background:#6366f11a;border:2px solid #6366f14d;border-radius:10px;color:#6366f1;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.clear-filters-btn:hover{background:#6366f133;color:#6366f1;transform:translateY(-1px)}.quick-action-buttons{display:flex;gap:12px;margin-bottom:20px;padding:0 4px}.quick-action-buttons.event-page-ride-actions{margin-top:4px}.quick-action-btn{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.quick-action-btn.offer-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f140;color:#fff}.quick-action-btn.offer-btn:hover{box-shadow:0 6px 20px #6366f159;transform:translateY(-2px)}.quick-action-btn.request-btn{background:#fff;border-color:#6366f1;color:#6366f1}.quick-action-btn.request-btn:hover{background:#6366f114;transform:translateY(-2px)}@media (max-width:480px){.quick-action-buttons{flex-direction:column;gap:10px}.quick-action-btn{font-size:14px;padding:12px 16px}}.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:1.5px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f;display:flex;flex-direction:column;gap:16px;overflow:visible;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.legendary-card:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px 20px 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.legendary-card:hover{border-color:#8b5cf6;box-shadow:0 12px 32px #0000001f,0 4px 8px #00000014;transform:translateY(-6px) scale(1.01)}.legendary-card:hover:before{opacity:1}.legendary-card.offer-card:before{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.legendary-card.request-card:before{background:#8b5cf6}.legendary-card.my-card{background:#6366f11a;border:2px solid #8b5cf6}.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-card.full-card .legendary-action-btn.phone-btn,.legendary-card.full-card .legendary-action-btn.whatsapp,.legendary-card.offer-card.full-card:not(.my-card) .legendary-action-btn.phone-btn,.legendary-card.offer-card.full-card:not(.my-card) .legendary-action-btn.whatsapp,.legendary-card.offer-card.full-card:not(.my-card) .legendary-actions a,.legendary-card.offer-card.full-card:not(.my-card) .legendary-actions button{display:none!important;pointer-events:none!important;visibility:hidden!important}.legendary-card.offer-card.full-card:not(.my-card) .legendary-actions,.legendary-card[data-full=true]:not([data-mine=true]) .legendary-actions{border:none;display:none!important;min-height:0;padding:0;visibility:hidden!important}.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.matching-badge{animation:pulse-glow-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #ffffff4d;box-shadow:0 4px 12px #fbbf2466;color:#fff;font-weight:700}@keyframes pulse-glow-badge{0%,to{box-shadow:0 4px 12px #fbbf2466,0 0 0 0 #fbbf2466;transform:scale(1)}50%{box-shadow:0 4px 16px #fbbf2499,0 0 0 4px #fbbf2433;transform:scale(1.05)}}.legendary-card.matching-offer{animation:pulse-glow-card 2s ease-in-out infinite;background:linear-gradient(135deg,#fffffffa,#fffbeb99)!important;border:2px solid #fbbf2499!important;box-shadow:0 4px 24px #fbbf244d,0 0 0 3px #fbbf241a!important;position:relative}@keyframes pulse-glow-card{0%,to{border-color:#fbbf2499;box-shadow:0 4px 24px #fbbf244d,0 0 0 3px #fbbf241a}50%{border-color:#fbbf24cc;box-shadow:0 6px 32px #fbbf2480,0 0 0 5px #fbbf2433}}.legendary-badge.matched-badge{background:var(--nature-gradient);color:#fff}.legendary-card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;justify-content:space-between;margin-bottom:0;padding-bottom:16px}.legendary-driver-info{align-items:center;display:flex;flex:1 1;gap:14px}.legendary-avatar{align-items:center;border:3px solid #0000;border-radius:18px;display:flex;flex-shrink:0;font-size:32px;height:60px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.legendary-avatar.driver{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 4px 16px #6366f140,inset 0 1px 0 #ffffff80}.legendary-avatar.passenger{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 4px 16px #f59e0b40,inset 0 1px 0 #ffffff80}.legendary-card:hover .legendary-avatar{box-shadow:0 6px 20px #6366f159;transform:scale(1.08) rotate(-3deg)}.legendary-driver-details{flex:1 1;min-width:0}.legendary-driver-details h3{color:#0f172a;font-size:19px;font-weight:700;line-height:1.3;margin-bottom:10px}.legendary-meta-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.legendary-seats-badge{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f633;border-radius:20px;box-shadow:0 2px 6px #3b82f640,inset 0 1px 0 #ffffff80;color:#1e40af;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:7px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.legendary-seats-badge.full{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#ef444433;box-shadow:0 2px 6px #ef444440,inset 0 1px 0 #ffffff80;color:#991b1b}.legendary-seats-badge:hover{box-shadow:0 4px 10px #3b82f659;transform:scale(1.05) translateY(-1px)}.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;box-shadow:0 2px 4px #0000001a,inset 0 1px 0 #ffffff4d;display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:7px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.legendary-payment-badge.obligatory{background:linear-gradient(135deg,#fecaca,#fca5a5);border:1px solid #ef44444d;color:#991b1b}.legendary-payment-badge.optional{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b9814d;color:#166534}.legendary-privacy-badge{background:linear-gradient(135deg,#64748b,#475569);border:1px solid #4755694d;border-radius:20px;box-shadow:0 2px 4px #00000026,inset 0 1px 0 #fff3;color:#fff}.legendary-organizers-badge,.legendary-privacy-badge{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:7px 14px}.legendary-organizers-badge{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #6366f140;border-radius:20px;box-shadow:0 2px 4px #6366f126,inset 0 1px 0 #ffffff4d;color:#4338ca}.legendary-whatsapp-only-badge{background:linear-gradient(135deg,#25d366,#128c7e);border:1px solid #25d3664d;border-radius:20px;box-shadow:0 2px 4px #25d36640,inset 0 1px 0 #fff3;color:#fff;font-weight:600}.legendary-arrival-badge,.legendary-whatsapp-only-badge{align-items:center;display:inline-flex;font-size:12px;gap:5px;padding:7px 14px}.legendary-arrival-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b4d;border-radius:20px;box-shadow:0 2px 4px #f59e0b33,inset 0 1px 0 #ffffff80;color:#92400e;font-weight:700}.legendary-locations{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px;margin:0;padding:16px}.legendary-location-item{align-items:center;border-bottom:1px dashed #cbd5e1;color:#475569;display:flex;font-size:14px;gap:12px;padding:12px 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-location-item.bus-route{align-items:flex-start;flex-direction:column;gap:8px}.bus-route-display{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:6px;margin-top:4px}.bus-route-display .route-endpoint,.bus-route-display .route-start{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-weight:600;max-width:200px;overflow:hidden;padding:5px 12px;text-overflow:ellipsis;white-space:nowrap}.bus-route-display .route-start{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:#6366f14d;color:#6366f1}.bus-route-display .route-endpoint{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b9814d;color:#10b981}.bus-route-display .route-arrow{color:var(--text-muted);font-size:14px;font-weight:600;margin:0 2px}.bus-route-display .route-stops{background:var(--bg-muted);border-radius:6px;color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:500;padding:4px 10px}.bus-route-display .route-stop{background:var(--glass-bg);background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;color:var(--text-primary);color:#8b5cf6;font-weight:500;max-width:180px;overflow:hidden;padding:5px 12px;text-overflow:ellipsis;white-space:nowrap}.legendary-location-item .route-address{color:var(--text-primary);font-weight:500;margin-left:8px}.bus-location-selection{margin:16px 0}.bus-location-selection .form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' 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;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.legendary-description{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 2px 4px #f59e0b1a;color:#92400e;font-size:14px;font-style:italic;line-height:1.6;margin:0;padding:14px 16px}.legendary-passengers{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #86efac;border-radius:14px;box-shadow:0 2px 4px #10b9811a;margin: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 #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;margin-top:0;padding-top:16px}.legendary-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.1px;overflow:hidden;padding:12px 18px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.legendary-action-btn.success{flex:1 1;max-width:none;min-width:160px}.legendary-action-btn.phone-btn,.legendary-action-btn.whatsapp{aspect-ratio:1;flex:0 0 auto}.legendary-action-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.legendary-action-btn:hover:before{left:100%}.legendary-action-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px #6366f159,0 2px 4px #6366f133;color:#fff}.legendary-action-btn.primary:hover{box-shadow:0 8px 24px #6366f173,0 4px 8px #6366f14d;transform:translateY(-2px) scale(1.02)}.legendary-action-btn.primary:active{transform:translateY(0) scale(.98)}.legendary-action-btn.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98159,0 2px 4px #10b98133;color:#fff}.legendary-action-btn.success:hover{box-shadow:0 8px 24px #10b98173,0 4px 8px #10b9814d;transform:translateY(-2px) scale(1.02)}.legendary-action-btn.success:active{transform:translateY(0) scale(.98)}.legendary-action-btn.secondary{background:#f8fafc;border:1.5px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;color:#475569}.legendary-action-btn.secondary:hover{background:#f1f5f9;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626;color:#6366f1;transform:translateY(-2px) scale(1.05)}.legendary-action-btn.secondary:active{transform:translateY(0) scale(.95)}.legendary-action-btn.phone-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1.5px solid #cbd5e1;flex:0 0 auto;font-size:20px;min-width:50px;padding:12px;width:50px}.legendary-action-btn.phone-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#6366f1;color:#6366f1;transform:translateY(-2px) scale(1.05)}.legendary-action-btn.ghost{background:#0000;border:1.5px solid #0000;color:#64748b}.legendary-action-btn.ghost:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626;transform:translateY(-2px)}.legendary-action-btn.whatsapp{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 14px #25d36659,0 2px 4px #25d36633;color:#fff;display:flex;font-size:18px;justify-content:center;min-width:50px;padding:12px;width:50px}.legendary-action-btn.whatsapp svg{fill:currentColor;height:20px;width:20px}.legendary-action-btn.whatsapp:hover{box-shadow:0 8px 24px #25d36673,0 4px 8px #25d3664d;transform:translateY(-2px) scale(1.05)}.legendary-action-btn.whatsapp:active{transform:translateY(0) scale(.95)}.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:#fff;background:var(--bg-surface,#fff);border:2px dashed #e5e7eb;border:2px dashed var(--border,#e5e7eb);border-radius:20px;overflow:hidden;padding:48px 24px;position:relative;text-align:center}.legendary-empty-state:before{background:radial-gradient(circle at 20% 80%,#6366f10d 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf60d 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:64px;margin-bottom:16px;position:relative;z-index:1}.legendary-empty-state h3{color:#0b0f1a;color:var(--text-primary,#0b0f1a);font-size:20px;font-weight:700;margin-bottom:8px;position:relative;z-index:1}.legendary-empty-state p{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:14px;margin-bottom:20px;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,#6366f1,#8b5cf6);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;font-weight:600;letter-spacing:.3px;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:#8b5cf6;box-shadow:0 0 0 4px #6366f11a;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;background-repeat:no-repeat;cursor:pointer;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:#8b5cf6;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:#6366f11a;border-color:#8b5cf6}.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:#6366f1}.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:#6366f1;border-color:#6366f1;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:#6366f11a}.collapsible-header .chevron{color:#8b5cf6;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:#6366f1}.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:#6366f1;font-weight:700;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.payment-max-hint{color:#8b5cf6;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,#6366f1,#8b5cf6);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;direction:ltr!important;font-size:22px;font-weight:700;height:56px;line-height:56px;padding:0;text-align:center!important;transition:all .2s var(--ease-smooth);vertical-align:middle;width:48px}.otp-digit:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #6366f11a;outline:none}.otp-digit.filled{background:#f0fdf4;border-color:#22c55e}.otp-resend{color:#64748b;font-size:14px;margin-bottom:24px}.otp-resend-btn{border-radius:8px;transition:background .2s}.otp-resend-btn:hover{background:#6366f11a}.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,#6366f1,#8b5cf6);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:600px){.event-header-image{border-radius:12px;height:100px;margin-bottom:20px;width:100px}.event-title-enhanced{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:12px}.legendary-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;gap:8px;justify-content:center;overflow-x:auto;padding:0 16px;scrollbar-width:none}.legendary-tabs::-webkit-scrollbar{display:none}.legendary-tab{flex-shrink:0;font-size:14px;padding:12px 18px}.tab-text{display:none}.legendary-top-nav{padding:10px 12px}.nav-back-btn{font-size:13px;padding:8px 12px}.nav-btn-rides{font-size:12px;padding:8px 14px}.nav-btn-account{font-size:12px;padding:8px 12px}.nav-avatar{font-size:11px;height:24px;width:24px}.event-meta{gap:8px}.event-meta span{font-size:12px;padding:6px 12px}}@media (max-width:480px){.legendary-header{padding:24px 16px 36px}.event-header-image{border-radius:10px;height:80px;margin-bottom:16px;width:80px}.event-title-enhanced{font-size:clamp(1.25rem,7vw,1.75rem);margin-bottom:10px}.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;margin-top:-20px;padding:0 12px}.legendary-tab{border-radius:12px;font-size:13px;padding:10px 14px}.tab-count{font-size:11px;height:22px;min-width:22px;padding:0 6px}.event-content-container{padding:0 12px}.legendary-content{padding:24px 0 120px}.legendary-card{border-radius:16px;padding:16px}.legendary-avatar{font-size:20px;height:44px;width:44px}.legendary-modal-body{padding:16px}.card-header-info h3{font-size:15px}.card-header-info p{font-size:12px}.legendary-card-actions{flex-direction:column;gap:8px}.legendary-action-btn{justify-content:center;width:100%}}@media (max-width:360px){.legendary-header{padding:20px 12px 32px}.event-info h1{font-size:1.35rem}.legendary-tabs{padding:0 8px}.legendary-tab{font-size:12px;padding:8px 12px}.event-content-container{padding:0 10px}.legendary-content{padding:20px 0 120px}.legendary-card{padding:14px}.legendary-btn{font-size:14px;padding:14px 24px}}@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 #8b5cf6;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:#8b5cf6;height:14px;width:14px}.privacy-notice{align-items:center;animation:fadeInUp .3s var(--ease-smooth);background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:12px;color:#92400e;display:flex;font-size:13px;gap:10px;margin-bottom:20px;padding:12px 16px}.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:#6366f11a;border:1px solid #8b5cf6;border-radius:16px;margin-top:24px;padding:20px}.payment-options-section .form-label{align-items:center;color:#6366f1;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:#8b5cf6;transform:translateY(-2px)}.payment-method-card.selected{background:#6366f11a;border-color:#8b5cf6;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:#6366f1}.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:#6366f1;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{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;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:#8b5cf6;box-shadow:0 0 0 4px #6366f11a}.otp-resend-section{margin-bottom:24px}.otp-countdown{color:#64748b;font-size:14px}.otp-resend-btn{background:none;border:none;color:#8b5cf6;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:underline;transition:color .2s}.otp-resend-btn:hover{color:#6366f1}.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}.bus-route-preview{border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;overflow:hidden}.bus-stops-selection{margin-bottom:20px}.bus-stops-selection .form-label{font-weight:600;margin-bottom:12px}.bus-stop-cards{display:flex;flex-direction:column;gap:10px}.bus-stop-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:14px 16px;position:relative;transition:all .2s ease}.bus-stop-card:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f126}.bus-stop-card.selected{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-color:#6366f1;box-shadow:0 2px 12px #6366f133}.bus-stop-card.custom{background:#fafafa;border-style:dashed}.bus-stop-card.custom:hover{background:#f5f3ff}.bus-stop-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.bus-stop-number{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:26px;justify-content:center;width:26px}.bus-stop-number.pickup{background:linear-gradient(135deg,#22c55e,#16a34a)}.bus-stop-number.dropoff{background:linear-gradient(135deg,#f97316,#ea580c)}.bus-stop-time{background:#6366f11a;border-radius:12px;color:#6366f1;font-size:13px;font-weight:600;padding:4px 10px}.bus-stop-card-body{display:flex;flex-direction:column;gap:4px}.bus-stop-nickname{color:#1e293b;font-size:15px;font-weight:600}.bus-stop-address{color:#64748b;font-size:13px;line-height:1.4}.bus-stop-card.custom .bus-stop-nickname{color:#6366f1}.bus-stop-selected-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 2px 6px #6366f14d;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}@media (max-width:480px){.bus-stop-card{padding:12px 14px}.bus-stop-number{font-size:11px;height:24px;width:24px}.bus-stop-time{font-size:12px;padding:3px 8px}.bus-stop-nickname{font-size:14px}.bus-stop-address{font-size:12px}}body.demonstrations-theme .legendary-btn-primary{background:#fff;box-shadow:0 4px 16px #dc262626;color:#dc2626}body.demonstrations-theme .legendary-btn-primary:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px #dc26264d;color:#fff}body.demonstrations-theme .legendary-btn-outline{background:#dc26261a;border:2px solid #dc262680;color:#dc2626}body.demonstrations-theme .legendary-btn-outline:hover{background:#dc262633;border-color:#dc2626;color:#dc2626}body.demonstrations-theme .nav-btn-rides{background:#dc26261a;border:1px solid #dc26264d;color:#dc2626}body.demonstrations-theme .nav-btn-rides:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#0000;color:#fff}body.demonstrations-theme .nav-btn-account{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc262640}body.demonstrations-theme .nav-btn-account:hover{box-shadow:0 6px 16px #dc262659}body.demonstrations-theme .nav-back-btn:hover{border-color:#dc2626;color:#dc2626}body.demonstrations-theme .legendary-action-btn.primary{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 14px #dc262659,0 2px 4px #dc262633}body.demonstrations-theme .legendary-action-btn.primary:hover{box-shadow:0 8px 24px #dc262673,0 4px 8px #dc26264d}body.demonstrations-theme .legendary-action-btn.success{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 14px #dc262659,0 2px 4px #dc262633}body.demonstrations-theme .legendary-action-btn.success:hover{box-shadow:0 8px 24px #dc262673,0 4px 8px #dc26264d}body.demonstrations-theme .legendary-action-btn.secondary:hover{border-color:#dc2626;box-shadow:0 4px 12px #dc262626;color:#dc2626}body.demonstrations-theme .legendary-action-btn.phone-btn:hover{border-color:#dc2626;color:#dc2626}body.demonstrations-theme .bus-stop-selected-badge{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #dc26264d}body.demonstrations-theme .bus-stop-card.custom .bus-stop-nickname,body.demonstrations-theme .legendary-tab:hover{color:#dc2626}.modern-offer-card{background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 4px 20px #0000000a,0 1px 3px #0000000f;margin-bottom:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-offer-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.modern-offer-card:hover{border-color:#6366f133;box-shadow:0 12px 40px #6366f126,0 4px 12px #00000014;transform:translateY(-4px)}.modern-offer-card:hover:before{opacity:1}.modern-offer-card.my-card{background:linear-gradient(135deg,#6366f10a,#8b5cf60f);border:2px solid #6366f140}.modern-offer-card.my-card:before{opacity:1}.modern-offer-card.full-card{filter:grayscale(30%);opacity:.65}.modern-offer-card.matching-offer{background:linear-gradient(135deg,#fffbeb99,#fff);border:2px solid #fbbf2480;box-shadow:0 4px 24px #fbbf2433}.modern-offer-card.matching-offer:before{background:linear-gradient(90deg,#f59e0b,#fbbf24,#fcd34d);opacity:1}.modern-card-badges{display:flex;gap:6px;position:absolute;right:16px;top:16px;z-index:2}[dir=rtl] .modern-card-badges{left:16px;right:auto}.modern-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px;padding:5px 12px;text-transform:uppercase}.modern-badge.mine{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f166;color:#fff}.modern-badge.full{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.modern-badge.matching{animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modern-card-header{align-items:flex-start;display:flex;gap:14px;margin-bottom:16px}.modern-avatar{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.modern-avatar .avatar-icon{font-size:26px}.modern-driver-info{flex:1 1;min-width:0}.modern-driver-info .driver-name{color:#1e293b;font-size:17px;font-weight:700;line-height:1.3;margin:0 0 6px}.modern-driver-info .driver-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-item{align-items:center;color:#64748b;display:flex;gap:4px}.meta-item .meta-icon{font-size:12px}.meta-item.time{color:#6366f1;font-weight:600}.meta-item.location{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.driver-time{color:#6366f1;font-size:13px;font-weight:600}.modern-departure{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:14px;border-right:4px solid #6366f1;display:flex;gap:10px;margin-bottom:14px;padding:12px 16px}[dir=rtl] .modern-departure{border-left:4px solid #6366f1;border-right:1px solid #c7d2fe}.modern-departure .departure-icon{font-size:20px}.modern-departure .departure-text{color:#3730a3;flex:1 1;font-size:15px;font-weight:700}.modern-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.modern-pill{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s ease}.modern-pill .pill-icon{font-size:14px}.modern-pill .pill-value{font-size:15px;font-weight:700}.modern-pill .pill-label{font-weight:500;opacity:.85}.modern-pill.seats.available{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#047857}.modern-pill.seats.available .pill-value{color:#047857}.modern-pill.seats.low{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;color:#92400e}.modern-pill.seats.full{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#dc2626}.modern-pill.direction{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#c7d2fe;color:#4f46e5;padding:6px 10px}.modern-pill.direction.clickable{cursor:pointer;transition:all .2s ease}.modern-pill.direction.clickable:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);transform:translateY(-1px)}.modern-pill.direction.has-stops{padding-right:8px}[dir=rtl] .modern-pill.direction.has-stops{padding-left:8px;padding-right:10px}.pill-direction-group{align-items:center;display:inline-flex;gap:4px}.direction-arrow{font-size:14px;font-weight:700}.direction-label{font-size:12px;font-weight:600}.direction-separator{color:#a5b4fc;font-weight:300;margin:0 6px}.stops-count{background:#6366f133;border-radius:6px;font-size:11px;margin-right:2px;padding:2px 5px}[dir=rtl] .stops-count{margin-left:2px;margin-right:0}.expand-arrow{font-size:10px;margin-right:4px;opacity:.6;transition:transform .2s ease}[dir=rtl] .expand-arrow{margin-left:4px;margin-right:0}.modern-stops-detail{animation:slideDown .3s ease;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:none;margin-top:12px;padding:14px}.modern-stops-detail.show{display:block}.stops-section{margin-bottom:12px}.stops-section:last-child{margin-bottom:0}.stops-section .stops-header{border-bottom:1px dashed #e2e8f0;font-size:13px;font-weight:700;margin-bottom:8px;padding-bottom:6px}.stops-section.going .stops-header{color:#059669}.stops-section.return .stops-header{color:#6366f1}.stop-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:8px 0}.stop-item:last-child{border-bottom:none}.stop-number{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.stops-section.going .stop-number{background:linear-gradient(135deg,#059669,#10b981)}.stop-name{color:#334155;flex:1 1;font-size:13px;font-weight:500}.stop-time{background:#eef2ff;border-radius:6px;color:#6366f1;font-size:12px;font-weight:600;padding:3px 8px}.whatsapp-icon-small{fill:currentColor;height:14px;width:14px}.modern-btn.whatsapp .whatsapp-icon{fill:currentColor;height:20px;width:20px}.modern-pill.price.free{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0;color:#059669}.modern-pill.price.tip{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;color:#b45309}.modern-pill.price.paid{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#dc2626}.modern-pill.gender.male{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1d4ed8}.modern-pill.gender.female{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#f9a8d4;color:#be185d}.modern-pill.whatsapp-only{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#059669}.modern-pill.stops{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#c4b5fd;color:#7c3aed}.modern-description{background:#f8fafc;border-radius:12px;border-right:3px solid #e2e8f0;color:#64748b;font-size:13px;line-height:1.5;margin:0 0 14px;padding:10px 14px}[dir=rtl] .modern-description{border-left:3px solid #e2e8f0;border-right:none}.modern-actions{border-top:1px solid #f1f5f9;display:flex;gap:10px;padding-top:14px}.modern-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;overflow:hidden;padding:10px 18px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.modern-btn .btn-icon{font-size:16px}.modern-btn .btn-text{white-space:nowrap}.modern-btn .btn-badge{align-items:center;background:#dc2626;border-radius:10px;box-shadow:0 2px 6px #dc262666;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-4px;top:-4px}[dir=rtl] .modern-btn .btn-badge{left:-4px;right:auto}.modern-btn.join{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #05966959;color:#fff;flex:1 1}.modern-btn.join:hover{box-shadow:0 6px 20px #05966973;transform:translateY(-2px)}.modern-btn.join:active{transform:translateY(0)}.modern-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px #6366f159;color:#fff;flex:1 1}.modern-btn.primary:hover{box-shadow:0 6px 20px #6366f173;transform:translateY(-2px)}.modern-btn.whatsapp{background:#25d366;box-shadow:0 3px 10px #25d3664d;color:#fff;padding:10px 14px}.modern-btn.whatsapp:hover{background:#20bd5a;transform:translateY(-2px)}.modern-btn.phone{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;padding:10px 14px}.modern-btn.phone:hover{background:#e2e8f0;border-color:#cbd5e1}.modern-btn.edit{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e;padding:10px 14px}.modern-btn.edit:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);transform:translateY(-2px)}.modern-btn.delete{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#dc2626;padding:10px 14px}.modern-btn.delete:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-2px)}.modern-passengers-summary{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;cursor:pointer;display:flex;gap:8px;margin-top:12px;padding:10px 14px;transition:all .2s ease}.modern-passengers-summary:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.modern-passengers-summary .passengers-icon{font-size:16px}.modern-passengers-summary .passengers-text{color:#059669;flex:1 1;font-size:13px;font-weight:600}.modern-passengers-summary .passengers-action{font-size:14px;opacity:.7}@media (max-width:480px){.modern-offer-card{border-radius:16px;padding:16px}.modern-avatar{border-radius:12px;height:44px;width:44px}.modern-avatar .avatar-icon{font-size:22px}.modern-driver-info .driver-name{font-size:15px}.modern-pills{gap:6px}.modern-pill{font-size:12px;padding:5px 10px}.modern-actions{gap:8px}.modern-btn{font-size:13px;padding:8px 14px}.modern-btn .btn-text{display:none}.modern-btn.join .btn-text,.modern-btn.primary .btn-text{display:inline}}body.demonstrations-theme .compact-offer-card.my-card{background:#dc26260d;border-color:#dc26264d}.share-button-desktop{display:flex;justify-content:center;margin-top:16px;position:relative}.share-button-desktop .share-event-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.share-button-desktop .share-event-btn:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width:768px){.share-button-desktop{display:none}}.floating-share-container{display:none}@media (max-width:768px){.floating-share-container{bottom:20px;display:block;left:20px;position:fixed;z-index:90}[dir=rtl] .floating-share-container{left:auto;right:20px}}.floating-share-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f1e6;border:none;border-radius:50%;box-shadow:0 4px 20px #6366f166;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.floating-share-btn:hover{background:#6366f1;transform:scale(1.1)}.floating-share-btn:active{transform:scale(.95)}.share-overlay{animation:fadeIn .2s ease;background:#0006;inset:0;position:fixed;z-index:100}.share-dropdown-mobile{animation:slideUp .3s ease;background:#fff;border-radius:20px 20px 0 0;bottom:0;left:0;max-height:80vh;overflow-y:auto;padding:0;position:fixed;right:0;z-index:101}.share-dropdown-header{border-bottom:1px solid #f1f5f9;color:#1e293b;font-weight:600;justify-content:space-between;padding:16px 20px}.share-close-btn,.share-dropdown-header{align-items:center;display:flex;font-size:16px}.share-close-btn{background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;height:32px;justify-content:center;width:32px}.share-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);padding:20px}.share-option{align-items:center;background:#f8fafc;border:none;border-radius:12px;color:#475569;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:8px;padding:16px 8px;transition:all .2s ease}.share-option:active,.share-option:hover{background:#f1f5f9;transform:scale(.98)}.share-option .share-icon{font-size:28px}.share-option.whatsapp{background:#d1fae5;color:#059669}.share-option.telegram{background:#dbeafe;color:#2563eb}@media (min-width:769px){.share-dropdown-mobile{animation:fadeIn .2s ease;border-radius:16px;bottom:auto;left:50%;margin-top:8px;max-height:none;min-width:280px;position:absolute;right:auto;top:100%;transform:translateX(-50%)}.share-options{grid-template-columns:repeat(2,1fr)}.share-overlay{background:#0000}}body.demonstrations-theme .floating-share-btn{background:#dc2626e6;box-shadow:0 4px 20px #dc262666}body.demonstrations-theme .floating-share-btn:hover{background:#dc2626}body.demonstrations-theme .legendary-tab.active{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #dc262640;color:#fff}body.demonstrations-theme .legendary-tab.active .tab-count{background:#ffffff40;color:#fff}.page-shell{box-sizing:border-box;min-height:calc(100vh - 70px);padding:var(--spacing-xl) var(--spacing-lg);width:100%}.page-shell-default,.page-shell-hero{margin:0 auto;max-width:1280px}.page-shell-hero{align-items:flex-start;box-sizing:border-box;display:flex;min-height:auto}.page-shell-full,.page-shell-hero{padding:var(--spacing-lg) var(--spacing-lg)}.page-shell-full{max-width:100%}.hero-layout{grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr;width:100%}.hero-layout-left{display:flex;flex-direction:column;gap:var(--spacing-md)}.hero-layout-right{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-content:flex-start}@media (max-width:1024px){.hero-layout{gap:var(--spacing-xl);grid-template-columns:1fr}.hero-layout-right{display:flex;flex-direction:column;gap:var(--spacing-md)}.hero-layout-right .latest-events-section{display:block;margin-bottom:0;margin-top:0;order:-1}.hero-layout-right .hero-illustration{display:block}}@media (max-width:768px){.page-shell,.page-shell-hero{min-height:auto;padding:var(--spacing-sm) var(--spacing-md)}.page-shell-hero{align-items:flex-start}.hero-layout{gap:var(--spacing-md);padding-top:20px!important}.hero-layout-left{gap:var(--spacing-sm)}}@media (max-width:480px){.page-shell,.page-shell-hero{padding:var(--spacing-sm) var(--spacing-sm)}}.container-ui{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-normal)}.container-default,.container-ui{box-shadow:var(--shadow-sm)}.container-elevated{box-shadow:var(--shadow-md)}.container-compact{padding:var(--spacing-lg)}.card{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);transition:all var(--transition-normal)}.card-elevated{box-shadow:var(--shadow-md)}.card-hoverable{cursor:pointer}.card-hoverable:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.card-compact{padding:var(--spacing-lg)}.card-spacious{padding:var(--spacing-2xl)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.input-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.input-field{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);min-height:48px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal);width:100%}[data-theme=dark] .input-field,[data-theme=dark] input.input-field,[data-theme=dark] select.input-field,[data-theme=dark] textarea.input-field{-webkit-text-fill-color:#fff!important;background:var(--bg-muted)!important;color:#fff!important}[data-theme=dark] .input-field:focus{-webkit-text-fill-color:#fff!important;background:var(--bg-surface)!important;color:#fff!important}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b2bbf1a;outline:none}.input-field:disabled{cursor:not-allowed;opacity:.5}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.input-error-text{color:var(--danger);font-size:var(--font-size-xs)}.input-helper-text{color:var(--text-muted);font-size:var(--font-size-xs)}textarea.input-field{min-height:120px;resize:vertical}select.input-field{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%235B6273' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;cursor:pointer;padding-right:var(--spacing-2xl)}.theme-toggle{align-items:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.theme-toggle:hover{background:var(--border);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}@media (max-width:768px){.theme-toggle{font-size:16px;height:38px;width:38px}}.role-selection-page{background:var(--bg-page);min-height:100vh}.role-selection-main{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:24px}.role-selection-content{max-width:600px;width:100%}.role-header{margin-bottom:32px;text-align:center}.event-badge{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:24px;color:#6366f1;display:inline-block;font-weight:600;margin-bottom:16px;padding:8px 16px}.role-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 8px}.role-header p{color:var(--text-muted);font-size:15px;margin:0}.role-cards{display:flex;flex-direction:column;gap:16px}.role-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:16px;padding:20px 24px;transition:all .2s ease}.role-card:hover{border-color:#6366f1;box-shadow:0 8px 24px #6366f11f}.role-card-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.role-card-driver .role-card-icon{background:linear-gradient(135deg,#22c55e26,#10b98126)}.role-card-passenger .role-card-icon{background:linear-gradient(135deg,#3b82f626,#6366f126)}.role-card-content{flex:1 1}.role-card-content h2{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 4px}.role-card-content p{color:var(--text-muted);font-size:14px;line-height:1.4;margin:0}.role-card-arrow{color:var(--text-muted);font-size:20px;transition:transform .2s ease}.role-card:hover .role-card-arrow{color:#6366f1;transform:translateX(4px)}.role-actions{margin-top:24px;text-align:center}.back-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;transition:color .2s ease}.back-btn:hover{color:var(--text-primary)}@media (max-width:480px){.role-selection-main{align-items:flex-start;padding:24px 16px 16px}.role-header h1{font-size:1.5rem}.role-card{padding:16px}.role-card-icon{font-size:24px;height:48px;width:48px}.role-card-content h2{font-size:1rem}}.map-location-picker{width:100%}.maps-error-notice{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;color:#d97706;font-size:12px;margin-top:8px;padding:8px 12px}.location-input-wrapper{align-items:center;display:flex;gap:8px;position:relative}.google-places-input-container,.input-container{display:flex;flex:1 1}.google-places-input-container .location-input,.input-container .location-input{width:100%}.location-input{background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);flex:1 1;font-size:15px;padding:12px 14px;transition:all .2s ease}.location-input::placeholder{color:var(--text-muted)}.location-input:focus{background:var(--bg-surface);border-color:#6366f1;outline:none}.location-buttons{display:flex;gap:6px}.location-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all .2s ease;width:42px}.location-btn:hover:not(:disabled){background:#6366f11a;border-color:#6366f1;color:#6366f1}.location-btn.disabled-look,.location-btn:disabled{cursor:not-allowed;opacity:.5}.btn-spinner{animation:spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top:2px solid #6366f1;height:16px;width:16px}.selected-location-info{background:#6366f114;border:1px solid #6366f133;border-radius:10px;margin-top:8px;padding:10px 12px}.selected-location-info .location-name{color:var(--text-primary);display:block;font-size:14px;font-weight:600}.selected-location-info .location-address{color:var(--text-muted);display:block;font-size:12px;margin-top:2px}.map-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.map-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 25px 50px #00000040;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 var(--border);display:flex;justify-content:space-between;padding:16px 20px}.map-modal-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:var(--bg-muted);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.close-btn:hover{background:var(--border);color:var(--text-primary)}.map-container{background:var(--bg-muted);height:400px}.map-modal-info{border-top:1px solid var(--border);min-height:60px;padding:16px 20px}.selected-place{display:flex;flex-direction:column;gap:4px}.selected-place strong{color:var(--text-primary);font-size:15px}.selected-place span{color:var(--text-muted);font-size:13px}.selected-coords{color:var(--text-muted);font-family:monospace;font-size:12px;margin-top:8px}.map-hint{color:var(--text-muted);font-size:14px;margin:0}.map-modal-actions{border-top:1px solid var(--border);display:flex;gap:12px;padding:16px 20px}.map-modal-actions .btn{border-radius:10px;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:12px 20px;transition:all .2s ease}.map-modal-actions .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.map-modal-actions .btn-primary:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.map-modal-actions .btn-ghost,.map-modal-actions .btn-secondary{background:#0000;border:1px solid var(--border);color:var(--text-secondary)}.map-modal-actions .btn-ghost:hover,.map-modal-actions .btn-secondary:hover{background:var(--bg-muted);color:var(--text-primary)}.map-location-picker.compact .location-btn{height:36px;width:36px}.map-location-picker.compact .selected-location-info{padding:8px 10px}.address-input-container{flex:1 1;position:relative}.address-suggestions{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;width:100%;z-index:9999!important}.address-suggestions>div{border-bottom:1px solid var(--border);cursor:pointer;padding:12px 14px;transition:background-color .2s}.address-suggestions>div:last-child{border-bottom:none}.address-suggestions>div:hover{background:var(--bg-muted)}.address-suggestions>div>div{color:var(--text-primary);font-size:14px;font-weight:500}.search-spinner{animation:spin .6s linear infinite;border:2px solid var(--border);border-radius:50%;border-top:2px solid #6366f1;height:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}@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{display:flex;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}.offer-ride-page{background:var(--bg-page);min-height:100vh;min-height:100dvh;position:relative}.offer-ride-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.offer-ride-back-btn{align-items:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.offer-ride-back-btn:hover{background:var(--bg-surface);border-color:var(--primary);color:var(--primary);transform:translateX(-4px)}.offer-ride-header-info{flex:1 1}.offer-ride-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:20px;color:var(--primary);display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:4px;padding:4px 12px}.offer-ride-header-info h1{color:var(--text-primary);font-size:18px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offer-ride-container{margin:0 auto;max-width:700px;padding:24px 20px 100px;position:relative;z-index:1}.offer-ride-destination{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.offer-ride-destination-icon{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.offer-ride-destination-text h3{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.offer-ride-destination-text p{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.offer-ride-user-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;gap:12px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.offer-ride-user-info{align-items:center;display:flex;gap:14px}.offer-ride-user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:14px;color:#fff;display:flex;font-size:22px;font-weight:700;height:52px;justify-content:center;width:52px}.offer-ride-user-details h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.offer-ride-user-details p{color:var(--text-muted);font-size:13px;margin:0}.offer-ride-edit-profile{background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.offer-ride-edit-profile:hover{background:#6366f11a;border-color:var(--primary)}.offer-ride-form-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px;transition:all .2s ease}.offer-ride-form-section:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.offer-ride-section-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.offer-ride-section-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:12px;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.offer-ride-section-title h3{color:var(--text-primary);font-size:17px;font-weight:700;margin:0}.offer-ride-section-title p{color:var(--text-muted);font-size:13px;margin:4px 0 0}.offer-ride-field{margin-bottom:20px}.offer-ride-field:last-child{margin-bottom:0}.offer-ride-label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.offer-ride-required{color:var(--danger);margin-left:4px}.offer-ride-input,.offer-ride-select,.offer-ride-textarea{-webkit-text-fill-color:var(--text-primary)!important;background:var(--bg-muted);border:2px solid var(--border);border-radius:14px;color:var(--text-primary)!important;font-family:inherit;font-size:16px;padding:14px 18px;transition:all .2s ease;width:100%}[data-theme=dark] .offer-ride-input,[data-theme=dark] .offer-ride-select,[data-theme=dark] .offer-ride-textarea{-webkit-text-fill-color:#fff!important;color:#fff!important}.offer-ride-input::placeholder,.offer-ride-textarea::placeholder{color:var(--text-muted)}.offer-ride-input:focus,.offer-ride-select:focus,.offer-ride-textarea:focus{background:var(--bg-surface);border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a;outline:none}[data-theme=dark] .offer-ride-input:focus,[data-theme=dark] .offer-ride-select:focus,[data-theme=dark] .offer-ride-textarea:focus{-webkit-text-fill-color:#fff!important;color:#fff!important}.offer-ride-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236366F1' 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 14px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:48px}.offer-ride-select option{background:var(--bg-surface);color:var(--text-primary)}.offer-ride-textarea{min-height:100px;resize:vertical}.offer-ride-trip-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.offer-ride-trip-option{cursor:pointer;position:relative}.offer-ride-trip-option input{opacity:0;pointer-events:none;position:absolute}.offer-ride-trip-option .option-content{align-items:center;background:var(--bg-muted);border:2px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:16px 12px;transition:all .2s ease}.offer-ride-trip-option:hover .option-content{background:var(--bg-surface);border-color:var(--primary)}.offer-ride-trip-option input:checked+.option-content{background:#6366f11a;border-color:var(--primary);box-shadow:0 0 20px #6366f126}.option-icon{font-size:28px}.option-label{color:var(--text-secondary);font-size:13px;font-weight:600;text-align:center}.offer-ride-trip-option input:checked+.option-content .option-label{color:var(--primary)}.offer-ride-seats-selector{display:flex;flex-wrap:wrap;gap:10px}.offer-ride-seat-btn{align-items:center;background:var(--bg-muted);border:2px solid var(--border);border-radius:14px;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:52px;justify-content:center;transition:all .2s ease;width:52px}.offer-ride-seat-btn:hover{background:var(--bg-surface);border-color:var(--primary)}.offer-ride-seat-btn.selected{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:#0000;box-shadow:0 4px 15px #6366f14d;color:#fff}.offer-ride-location-card{background:var(--bg-muted);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:20px}.offer-ride-location-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.offer-ride-location-title{align-items:center;display:flex;gap:10px}.offer-ride-location-number{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.offer-ride-location-title span{color:var(--text-primary);font-size:15px;font-weight:600}.offer-ride-remove-location{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:var(--danger);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .2s ease}.offer-ride-remove-location:hover{background:#ef444426;border-color:#ef44444d}.offer-ride-time-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:16px}.offer-ride-time-option{cursor:pointer;position:relative}.offer-ride-time-option input{opacity:0;pointer-events:none;position:absolute}.offer-ride-time-option .time-content{align-items:center;background:var(--bg-muted);border:2px solid var(--border);border-radius:12px;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.offer-ride-time-option:hover .time-content{background:var(--bg-surface);border-color:var(--primary)}.offer-ride-time-option input:checked+.time-content{background:#6366f11a;border-color:var(--primary);color:var(--primary)}.offer-ride-time-input{margin-top:12px}.offer-ride-add-location{align-items:center;background:#0000;border:2px dashed var(--border);border-radius:14px;color:var(--primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .2s ease;width:100%}.offer-ride-add-location:hover{background:#6366f10d;border-color:var(--primary)}.offer-ride-payment-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.offer-ride-payment-option{cursor:pointer;position:relative}.offer-ride-payment-option input{opacity:0;pointer-events:none;position:absolute}.offer-ride-payment-option .payment-content{align-items:center;background:var(--bg-muted);border:2px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:16px 12px;transition:all .2s ease}.offer-ride-payment-option:hover .payment-content{background:var(--bg-surface);border-color:var(--primary)}.offer-ride-payment-option input:checked+.payment-content{background:#22c55e1a;border-color:var(--success)}.payment-icon{font-size:26px}.payment-label{color:var(--text-secondary);font-size:12px;font-weight:600;text-align:center}.offer-ride-payment-option input:checked+.payment-content .payment-label{color:var(--success)}.offer-ride-payment-amount{animation:slideDown .3s ease;background:var(--bg-muted);border:1px solid var(--border);border-radius:14px;margin-top:20px;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.offer-ride-amount-input-wrapper{position:relative}.offer-ride-currency{color:var(--text-muted);font-size:18px;font-weight:700;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.offer-ride-amount-input{-webkit-text-fill-color:var(--text-primary)!important;background:var(--bg-surface);border:2px solid var(--border);border-radius:14px;color:var(--text-primary)!important;font-size:20px;font-weight:700;padding:14px 18px 14px 44px;transition:all .2s ease;width:100%}[data-theme=dark] .offer-ride-amount-input{-webkit-text-fill-color:#fff!important;color:#fff!important}.offer-ride-amount-input:focus{border-color:var(--success);box-shadow:0 0 0 4px #22c55e1a;outline:none}.offer-ride-amount-hint{color:var(--text-muted);font-size:13px;margin-top:10px}.offer-ride-toggle-row{align-items:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:14px;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:16px}.offer-ride-toggle-info{flex:1 1}.offer-ride-toggle-info h4{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 4px}.offer-ride-toggle-info p{color:var(--text-muted);font-size:13px;margin:0}.offer-ride-toggle{flex-shrink:0;height:30px;position:relative;width:56px}.offer-ride-toggle input{height:0;opacity:0;width:0}.offer-ride-toggle-slider{background:var(--bg-muted);border:1px solid var(--border);border-radius:30px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.offer-ride-toggle-slider:before{background:var(--text-primary);border-radius:50%;bottom:3px;content:"";height:24px;left:3px;position:absolute;transition:all .3s ease;width:24px}.offer-ride-toggle input:checked+.offer-ride-toggle-slider{background:var(--primary);border-color:var(--primary)}.offer-ride-toggle input:checked+.offer-ride-toggle-slider:before{background:#fff;transform:translateX(26px)}.offer-ride-privacy-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.offer-ride-privacy-option{cursor:pointer;position:relative}.offer-ride-privacy-option input{opacity:0;pointer-events:none;position:absolute}.offer-ride-privacy-option .privacy-content{align-items:center;background:var(--bg-muted);border:2px solid var(--border);border-radius:14px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.offer-ride-privacy-option:hover .privacy-content{background:var(--bg-surface);border-color:var(--primary)}.offer-ride-privacy-option input:checked+.privacy-content{background:#6366f11a;border-color:var(--primary)}.privacy-icon{font-size:24px}.privacy-text h5{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 2px}.privacy-text p{color:var(--text-muted);font-size:12px;margin:0}.offer-ride-route-preview{background:var(--bg-muted);border:1px solid var(--border);border-radius:14px;margin-top:20px;padding:16px}.offer-ride-route-preview h4{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.offer-ride-error{background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:var(--danger);font-size:13px;margin-top:10px;padding:12px 16px}.offer-ride-warning{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:10px;color:var(--warning);display:flex;font-size:13px;gap:8px;padding:12px 16px}.offer-ride-submit-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-surface);border-top:1px solid var(--border);bottom:0;box-shadow:0 -4px 16px #0000000d;left:0;padding:16px 20px;position:fixed;right:0;z-index:100}.offer-ride-submit-container{display:flex;gap:12px;margin:0 auto;max-width:700px}.offer-ride-cancel-btn{background:var(--bg-muted);border:1px solid var(--border);border-radius:14px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s ease}.offer-ride-cancel-btn:hover{background:var(--bg-surface);border-color:var(--primary);color:var(--primary)}.offer-ride-submit-btn{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:14px;box-shadow:0 4px 20px #6366f14d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:16px 28px;transition:all .2s ease}.offer-ride-submit-btn:hover:not(:disabled){box-shadow:0 8px 30px #6366f166;transform:translateY(-2px)}.offer-ride-submit-btn:disabled{cursor:not-allowed;opacity:.6}.offer-ride-loading-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-page);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200}.offer-ride-loading-car{height:60px;margin-bottom:24px;position:relative;width:120px}.offer-ride-car-body{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:8px 20px 5px 5px;box-shadow:0 4px 20px #6366f14d;height:35px;left:10px;position:absolute;top:10px;width:100px}.offer-ride-car-body:before{background:#ffffff4d;border-radius:5px 15px 0 0;content:"";height:20px;left:25px;position:absolute;top:-15px;width:50px}.offer-ride-car-wheel{animation:spin .5s linear infinite;background:var(--bg-muted);border:3px solid var(--border);border-radius:50%;bottom:0;height:20px;position:absolute;width:20px}.offer-ride-car-wheel.front{left:20px}.offer-ride-car-wheel.back{right:10px}.offer-ride-loading-road{animation:roadMove .5s linear infinite;background:repeating-linear-gradient(90deg,var(--border) 0,var(--border) 15px,#0000 15px,#0000 25px);bottom:-5px;height:4px;left:-20px;position:absolute;width:160px}@keyframes roadMove{0%{transform:translateX(0)}to{transform:translateX(-25px)}}.offer-ride-loading-text{color:var(--text-primary);font-size:18px;font-weight:600}.offer-ride-main-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.offer-ride-loading-icon{animation:bounce 1s ease-in-out infinite;font-size:64px}.offer-ride-main-loading p{color:var(--text-muted);font-size:16px}@media (max-width:600px){.offer-ride-payment-options,.offer-ride-privacy-options,.offer-ride-time-options,.offer-ride-trip-selector{grid-template-columns:1fr}.offer-ride-submit-container{flex-direction:column-reverse}.offer-ride-cancel-btn{text-align:center;width:100%}}@media (max-width:400px){.offer-ride-container{padding:16px 16px 100px}.offer-ride-form-section{padding:20px 16px}.offer-ride-seats-selector{justify-content:center}.offer-ride-seat-btn{font-size:16px;height:48px;width:48px}}.need-carpool-page{background:var(--bg-page);min-height:100vh;min-height:100dvh;position:relative}.need-carpool-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.need-carpool-back-btn{align-items:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.need-carpool-back-btn:hover{background:var(--bg-surface);border-color:var(--primary);color:var(--primary);transform:translateX(-4px)}.need-carpool-header-info{flex:1 1}.need-carpool-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:20px;color:var(--primary);display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:4px;padding:4px 12px}.need-carpool-header-info h1{color:var(--text-primary);font-size:18px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.need-carpool-container{margin:0 auto;max-width:700px;padding:24px 20px 100px;position:relative;z-index:1}.need-carpool-destination{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.need-carpool-destination-icon{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.need-carpool-destination-text h3{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.need-carpool-destination-text p{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.need-carpool-user-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;gap:12px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.need-carpool-user-info{align-items:center;display:flex;gap:14px}.need-carpool-user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:14px;color:#fff;display:flex;font-size:22px;font-weight:700;height:52px;justify-content:center;width:52px}.need-carpool-user-details h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.need-carpool-user-details p{color:var(--text-muted);font-size:13px;margin:0}.need-carpool-edit-profile{background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.need-carpool-edit-profile:hover{background:#6366f11a;border-color:var(--primary)}.need-carpool-form-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px;transition:all .2s ease}.need-carpool-form-section:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.need-carpool-section-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.need-carpool-section-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:12px;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.need-carpool-section-title h3{color:var(--text-primary);font-size:17px;font-weight:700;margin:0}.need-carpool-section-title p{color:var(--text-muted);font-size:13px;margin:4px 0 0}.need-carpool-field{margin-bottom:20px}.need-carpool-field:last-child{margin-bottom:0}.need-carpool-label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.need-carpool-required{color:var(--danger);margin-left:4px}.need-carpool-trip-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.need-carpool-trip-option{cursor:pointer;position:relative}.need-carpool-trip-option input{opacity:0;pointer-events:none;position:absolute}.need-carpool-trip-option .option-content{align-items:center;background:var(--bg-muted);border:2px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:16px 12px;transition:all .2s ease}.need-carpool-trip-option:hover .option-content{background:var(--bg-surface);border-color:var(--primary)}.need-carpool-trip-option input:checked+.option-content{background:#6366f11a;border-color:var(--primary);box-shadow:0 0 20px #6366f126}.need-carpool-location-card{background:var(--bg-muted);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:20px}.need-carpool-location-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.need-carpool-location-title{align-items:center;display:flex;gap:10px}.need-carpool-location-number{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.need-carpool-location-title span{color:var(--text-primary);font-size:15px;font-weight:600}.need-carpool-remove-location{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:var(--danger);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .2s ease}.need-carpool-remove-location:hover{background:#ef444426;border-color:#ef44444d}.need-carpool-time-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:16px}.need-carpool-time-option{cursor:pointer;position:relative}.need-carpool-time-option input{opacity:0;pointer-events:none;position:absolute}.need-carpool-time-option .time-content{align-items:center;background:var(--bg-muted);border:2px solid var(--border);border-radius:12px;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.need-carpool-time-option:hover .time-content{background:var(--bg-surface);border-color:var(--primary)}.need-carpool-time-option input:checked+.time-content{background:#6366f11a;border-color:var(--primary);color:var(--primary)}.need-carpool-time-input{margin-top:12px}.need-carpool-add-location{align-items:center;background:#0000;border:2px dashed var(--border);border-radius:14px;color:var(--primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .2s ease;width:100%}.need-carpool-add-location:hover{background:#6366f10d;border-color:var(--primary)}.need-carpool-toggle-row{align-items:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:14px;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:16px}.need-carpool-toggle-info{flex:1 1}.need-carpool-toggle-info h4{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 4px}.need-carpool-toggle-info p{color:var(--text-muted);font-size:13px;margin:0}.need-carpool-toggle{flex-shrink:0;height:30px;position:relative;width:56px}.need-carpool-toggle input{height:0;opacity:0;width:0}.need-carpool-toggle-slider{background:var(--bg-muted);border:1px solid var(--border);border-radius:30px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.need-carpool-toggle-slider:before{background:var(--text-primary);border-radius:50%;bottom:3px;content:"";height:24px;left:3px;position:absolute;transition:all .3s ease;width:24px}.need-carpool-toggle input:checked+.need-carpool-toggle-slider{background:var(--primary);border-color:var(--primary)}.need-carpool-toggle input:checked+.need-carpool-toggle-slider:before{background:#fff;transform:translateX(26px)}.need-carpool-route-preview{background:var(--bg-muted);border:1px solid var(--border);border-radius:14px;margin-top:20px;padding:16px}.need-carpool-route-preview h4{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.need-carpool-error{background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:var(--danger);font-size:13px;margin-top:10px;padding:12px 16px}.need-carpool-warning{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:10px;color:var(--warning);display:flex;font-size:13px;gap:8px;padding:12px 16px}.need-carpool-submit-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-surface);border-top:1px solid var(--border);bottom:0;box-shadow:0 -4px 16px #0000000d;left:0;padding:16px 20px;position:fixed;right:0;z-index:100}.need-carpool-submit-container{display:flex;gap:12px;margin:0 auto;max-width:700px}.need-carpool-cancel-btn{background:var(--bg-muted);border:1px solid var(--border);border-radius:14px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s ease}.need-carpool-cancel-btn:hover{background:var(--bg-surface);border-color:var(--primary);color:var(--primary)}.need-carpool-submit-btn{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:14px;box-shadow:0 4px 20px #6366f14d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:16px 28px;transition:all .2s ease}.need-carpool-submit-btn:hover:not(:disabled){box-shadow:0 8px 30px #6366f166;transform:translateY(-2px)}.need-carpool-submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.need-carpool-time-options,.need-carpool-trip-selector{grid-template-columns:1fr}.need-carpool-submit-container{flex-direction:column-reverse}.need-carpool-cancel-btn{text-align:center;width:100%}}@media (max-width:400px){.need-carpool-container{padding:16px 16px 100px}.need-carpool-form-section{padding:20px 16px}}.demonstrations-theme .create-event-card{border-color:#dc262633}.demonstrations-theme .create-event-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#991b1b);-webkit-background-clip:text;background-clip:text}.demonstrations-theme .btn-primary,.demonstrations-theme .submit-btn{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 4px 14px #dc262659}.demonstrations-theme .btn-primary:hover:not(:disabled),.demonstrations-theme .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#7f1d1d);box-shadow:0 6px 20px #dc262673}.demonstrations-theme .form-input:focus,.demonstrations-theme .form-select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.demonstrations-theme .admin-banner{background:linear-gradient(135deg,#dc26261a,#991b1b0d);border-color:#dc26264d}.create-event-page{background:var(--bg-page)!important;display:flex;flex-direction:column;min-height:100vh}.create-event-main{align-items:flex-start;display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:1200px;padding:24px 16px;width:100%}.create-event-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr;width:100%}@media (min-width:900px){.create-event-layout{grid-template-columns:340px 1fr}}[dir=rtl] .create-event-layout{direction:rtl}[dir=rtl] .create-event-form-column,[dir=rtl] .create-event-preview-column{direction:ltr}.create-event-preview-column{position:relative}.create-event-preview-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px #0000000f;overflow:hidden;position:-webkit-sticky;position:sticky;top:24px}.create-event-preview-label{background:var(--bg-muted);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;padding:10px 16px;text-transform:uppercase}.create-event-preview-inner{padding:0}.create-event-preview-image,.create-event-preview-image-placeholder{background-color:var(--bg-muted);background-position:50%;background-size:cover;height:160px;width:100%}.create-event-preview-image-placeholder{align-items:center;display:flex;justify-content:center}.preview-placeholder-icon{font-size:48px;opacity:.4}.create-event-preview-body{padding:16px}.create-event-preview-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.preview-badge{border-radius:100px;font-size:12px;font-weight:600;padding:4px 10px}.preview-badge-type{background:#6366f11f;color:var(--primary)}.preview-badge-featured{background:#f59e0b33;color:#b45309}.create-event-preview-title{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.create-event-preview-desc{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0 0 10px}.create-event-preview-meta{color:var(--text-muted);font-size:13px;margin:0 0 6px}.create-event-preview-location{color:var(--text-muted);font-size:13px;margin:0 0 10px}.create-event-preview-tags{display:flex;flex-wrap:wrap;gap:6px}.preview-tag{background:var(--bg-muted);border-radius:8px;color:var(--text-secondary);font-size:11px;padding:4px 8px}.create-event-form-column{min-width:0}.create-event-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 32px #00000014;margin:0 auto;max-width:500px;padding:28px 24px;width:100%}@media (min-width:900px){.create-event-card{max-width:100%}}@media (max-width:600px){.create-event-main{padding:16px 12px}.create-event-card{border-radius:16px;padding:20px 16px}.create-event-header h1{font-size:1.25rem}.form-section h3{font-size:12px}.creator-badge{padding:10px 12px}.creator-avatar{font-size:12px;height:32px;width:32px}.creator-name{font-size:13px}.creator-role{font-size:11px}}.create-event-header{margin-bottom:24px}.create-event-header h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 8px}.create-event-steps{gap:0;margin-bottom:8px}.create-event-steps,.step-dot{align-items:center;display:flex;justify-content:center}.step-dot{background:var(--bg-surface);border:2px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:default;font-size:14px;font-weight:700;height:36px;transition:all .2s ease;width:36px}.step-dot.done{background:var(--primary);border-color:var(--primary);color:#fff;cursor:pointer}.step-dot.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;box-shadow:0 4px 12px #6366f159;color:#fff}.step-connector{background:var(--border);height:2px;margin:0 2px;width:28px}.step-title{color:var(--text-secondary);font-size:15px;font-weight:600;margin:0 0 20px;text-align:center}.form-step{min-height:280px}.step-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.step-actions .btn-primary,.step-actions .btn-secondary{flex:1 1;min-width:120px}.step-actions .step-back{max-width:140px}.demo-public-note{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#dc2626;font-size:14px;padding:12px 16px}.create-event-header p{color:var(--text-muted);font-size:14px;margin:0}.creator-badge{background:linear-gradient(135deg,#22c55e14,#10b98114);border:1px solid #22c55e33;border-radius:12px;gap:12px;margin-top:16px;padding:12px 16px}.creator-avatar,.creator-badge{align-items:center;display:flex}.creator-avatar{background:linear-gradient(135deg,#22c55e,#10b981);border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.creator-info{display:flex;flex-direction:column}.creator-name{color:#065f46;font-size:14px;font-weight:600}.creator-role{color:#047857;font-size:12px}[data-theme=dark] .creator-badge{background:linear-gradient(135deg,#22c55e26,#10b98126);border-color:#22c55e4d}[data-theme=dark] .creator-name{color:#86efac}[data-theme=dark] .creator-role{color:#4ade80}.create-event-form{gap:24px}.create-event-form,.form-section{display:flex;flex-direction:column}.form-section{gap:16px}.form-section h3{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;padding-bottom:8px;text-transform:uppercase}.form-input{box-sizing:border-box;color:var(--text-primary);padding:12px 14px}.image-upload-container{width:100%}.image-upload-box{align-items:center;background:var(--bg-muted);border:2px dashed var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:20px;transition:all .2s ease;width:100%}.image-upload-box:hover{background:var(--bg-surface);border-color:#6366f1}.image-input{display:none}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.upload-icon{font-size:32px}.upload-text{color:var(--text-primary);font-size:14px;font-weight:500}.upload-hint{color:var(--text-muted);font-size:12px}.image-preview-wrapper{border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:300px;overflow:hidden;position:relative;width:100%}.image-preview{display:block;height:auto;max-height:200px;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px}.remove-image-btn:hover{background:#ef4444e6}.form-error{padding:12px 16px;text-align:center}.privacy-toggle-wrapper{padding:0}.privacy-toggle{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.privacy-toggle input{display:none}.toggle-track{background:var(--bg-muted);border:1px solid var(--border);border-radius:13px;flex-shrink:0;height:26px;position:relative;transition:all .2s ease;width:48px}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:20px}.privacy-toggle input:checked+.toggle-track{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1}.privacy-toggle input:checked+.toggle-track .toggle-thumb{left:24px}.toggle-content{display:flex;flex-direction:column;gap:2px}.toggle-title{color:var(--text-primary);font-size:15px;font-weight:600}.toggle-desc{color:var(--text-muted);font-size:13px}.create-event-form select.form-input{-webkit-appearance:auto;appearance:auto;cursor:pointer}.vibe-chips{display:flex;flex-wrap:wrap;gap:8px}.vibe-chip{align-items:center;background:var(--bg-surface);border:2px solid var(--border);border-radius:100px;cursor:pointer;display:inline-flex;font-size:14px;padding:10px 14px;transition:all .2s ease}.vibe-chip input{opacity:0;pointer-events:none;position:absolute}.vibe-chip:hover{background:#6366f10f;border-color:var(--primary)}.vibe-chip.selected{background:#6366f11f;border-color:var(--primary);color:var(--primary);font-weight:600}.audience-options{display:flex;flex-wrap:wrap;gap:10px}.audience-option{align-items:center;background:var(--bg-surface);border:2px solid var(--border);border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;padding:12px 18px;transition:all .2s ease}.audience-option input{opacity:0;pointer-events:none;position:absolute}.audience-option:hover{background:#6366f10f;border-color:var(--primary)}.audience-option.selected{background:#6366f11f;border-color:var(--primary);color:var(--primary);font-weight:600}.featured-toggle{align-items:flex-start;cursor:pointer;display:flex;gap:14px;padding:14px 0}.featured-toggle input{display:none}.featured-toggle .toggle-track{flex-shrink:0}.featured-toggle input:checked+.toggle-track{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1}.featured-toggle input:checked+.toggle-track .toggle-thumb{left:24px}.optional-label{color:var(--text-muted);font-size:12px;font-weight:400}.access-code-group{background:#6366f10d;border:1px solid #6366f126;border-radius:12px;margin-top:8px;padding:16px}.access-code-input{font-weight:600;letter-spacing:1px;text-transform:uppercase}.btn-secondary{color:var(--text-primary)}.btn-ghost{background:#0000;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:color .2s ease;width:100%}.btn-ghost:hover{color:var(--text-primary)}.submit-btn{margin-top:8px}.back-link{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.back-link button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;transition:color .2s ease}.back-link button:hover{color:var(--text-primary)}.success-card{text-align:center}.success-icon{font-size:64px;margin-bottom:16px}.success-card h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 8px}.success-subtitle{color:var(--text-muted);font-size:15px;margin:0 0 24px}.event-summary{background:var(--bg-muted);border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;text-align:left}.summary-item{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.summary-label{color:var(--text-muted);flex-shrink:0;font-size:13px}.summary-value{color:var(--text-primary);font-size:14px;font-weight:500;text-align:right}.summary-value.access-code{background:#6366f11a;border-radius:6px;color:#6366f1;font-family:monospace;font-weight:600;padding:4px 8px}.share-link-box{margin-bottom:24px}.share-link-box label{color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.share-link-row{display:flex;gap:8px}.share-input{background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);flex:1 1;font-size:13px;padding:12px 14px}.copy-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.success-actions{display:flex;flex-direction:column;gap:12px}.loading-container{gap:16px;min-height:200px}.loading-container p{color:var(--text-muted);font-size:14px}.demonstrations-theme .login-card{border-color:#dc262633}.demonstrations-theme .login-btn-primary{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 4px 14px #dc262659}.demonstrations-theme .login-btn-primary:hover{background:linear-gradient(135deg,#b91c1c,#7f1d1d);box-shadow:0 6px 20px #dc262673}.demonstrations-theme .login-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.demonstrations-theme .login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#991b1b);-webkit-background-clip:text;background-clip:text}.login-page{background:var(--bg-page)!important;display:flex;flex-direction:column;min-height:100vh}.login-main{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:24px}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 32px #00000014;max-width:420px;padding:32px}@media (max-width:480px){.login-card{border-radius:16px;padding:24px 20px}.login-main{align-items:flex-start;padding:24px 16px 16px}}.login-header{margin-bottom:28px}.login-logo{height:50px;margin-bottom:16px;width:auto}.login-header h1{font-size:1.75rem;font-weight:700;margin:0 0 8px}.login-header p{font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:16px}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:500}.form-input{background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;color:var(--text-primary)!important;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}[data-theme=dark] .form-input,[data-theme=dark] .login-card input,[data-theme=dark] .login-form input,[data-theme=dark] input[type=email],[data-theme=dark] input[type=tel],[data-theme=dark] input[type=text]{-webkit-text-fill-color:#fff!important;background:var(--bg-muted)!important;color:#fff!important}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease;width:100%}.btn-secondary:hover{background:var(--bg-muted);color:var(--text-primary)}.step-badge{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:20px;color:#6366f1;font-size:12px;margin-bottom:8px;padding:6px 12px}.gender-options{display:flex;gap:12px}.gender-option{align-items:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:center;padding:12px;transition:all .2s ease}.gender-option input{display:none}.gender-option span{color:var(--text-secondary);font-size:14px;font-weight:500}.gender-option.selected{background:#6366f114;border-color:#6366f1}.gender-option.selected span{color:#6366f1}.gender-option:hover:not(.selected){border-color:var(--text-muted)}.otp-info{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:8px}.otp-info p{color:var(--text-secondary);font-size:14px;margin:0}.change-btn{background:none;border:none;color:#6366f1;cursor:pointer;font-size:14px;font-weight:500;text-decoration:underline}.otp-inputs{margin:16px 0}.otp-input,.otp-inputs{direction:ltr!important}.otp-input{background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;color:var(--text-primary)!important;height:56px;-webkit-text-align:center!important;transition:all .2s ease;unicode-bidi:bidi-override;width:48px}[data-theme=dark] .otp-input{-webkit-text-fill-color:#fff!important;background:var(--bg-muted)!important;color:#fff!important}[data-theme=dark] .otp-input:focus{-webkit-text-fill-color:#fff!important;background:var(--bg-surface)!important;color:#fff!important}@media (max-width:380px){.otp-input{font-size:20px;height:50px;width:42px}.otp-inputs{gap:6px}}.debug-otp{color:#d97706;font-size:13px;padding:8px 12px}.resend-section{margin-top:8px}.resend-section p{color:var(--text-muted);font-size:13px;margin:0}.resend-btn{font-size:14px;font-weight:500;text-decoration:underline}.resend-btn:disabled{cursor:not-allowed;opacity:.5}.login-footer{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.login-footer p{color:var(--text-muted);font-size:12px;margin:0}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{height:48px;width:48px}.loading-overlay p{color:#fff;font-size:14px;font-weight:500}.privacy-option{background:#6366f10d;border:1px solid #6366f133;border-radius:12px;margin-top:8px;padding:16px}.checkbox-label input[type=checkbox]{height:20px;width:20px}.checkbox-text{color:var(--text-primary);font-size:14px;font-weight:500}.privacy-hint{color:var(--text-muted);font-size:12px;line-height:1.4;margin:8px 0 0 32px}.my-account-container{background:var(--bg-page);min-height:100vh;min-height:100dvh;padding-bottom:120px;position:relative}.account-header{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a78bfa);overflow:hidden;padding:32px 20px 48px;position:relative}.account-header:before{background:#ffffff1a;height:300px;right:-20%;top:-50%;width:300px}.account-header:after,.account-header:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.account-header:after{background:#ffffff14;bottom:-30%;height:200px;left:-10%;width:200px}.account-header .header-content{margin:0 auto;max-width:700px;position:relative;text-align:center;z-index:2}.account-header h1{color:#fff;font-size:1.75rem;font-weight:800;margin:0 0 8px;text-shadow:0 2px 10px #00000026}.account-header .header-subtitle{color:#ffffffd9;font-size:14px;font-weight:500;margin:0}.profile-section{margin-left:auto;margin-right:auto;margin-top:-24px;max-width:700px;padding:0 20px;position:relative;z-index:10}.profile-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;padding:0}.profile-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 4px 16px #6366f14d;color:#fff;display:flex;font-size:32px;font-weight:800;height:80px;justify-content:center;margin:0 auto 16px;position:relative;transition:transform .3s ease;width:80px;z-index:2}.profile-avatar:hover{transform:scale(1.05)}.profile-info{padding:24px;text-align:center}.profile-info h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 16px}.profile-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.profile-detail-item{align-items:center;background:var(--bg-muted);border-radius:12px;color:var(--text-secondary);display:flex;font-size:14px;gap:10px;justify-content:center;padding:12px 20px;transition:all .2s ease}.profile-detail-item:hover{background:#6366f11a;color:#6366f1}.profile-detail-item .icon{font-size:18px}.profile-detail-item .value{color:var(--text-primary);font-weight:600}.profile-stats{grid-gap:10px;background:var(--bg-muted);border-top:1px solid var(--border);display:grid;gap:10px;grid-template-columns:repeat(4,1fr);padding:16px 20px}.stat-item{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;cursor:default;padding:14px 8px;text-align:center;transition:all .3s ease}.stat-item:hover{border-color:#6366f1;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-value{font-size:22px}.stat-label{color:var(--text-secondary);font-size:10px;font-weight:600}.profile-actions{background:var(--bg-surface);border-top:1px solid var(--border);display:flex;gap:10px;justify-content:center;padding:16px 20px}.profile-actions .btn{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.profile-actions .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;box-shadow:0 4px 12px #6366f140;color:#fff}.profile-actions .btn-primary:hover{box-shadow:0 6px 20px #6366f159;transform:translateY(-2px)}.profile-actions .btn-secondary{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}.profile-actions .btn-secondary:hover{background:var(--bg-muted);border-color:#6366f1;transform:translateY(-2px)}.profile-actions .btn-danger{background:var(--bg-muted);border:1px solid var(--border);color:var(--text-secondary)}.profile-actions .btn-danger:hover{background:#6366f11a;border-color:#6366f1;color:#6366f1;transform:translateY(-2px)}.profile-edit-form{padding:20px;width:100%}.profile-edit-form .form-group{margin-bottom:16px;text-align:left}.profile-edit-form .form-label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.profile-edit-form .form-input{background:var(--bg-muted);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:500;padding:14px 16px;transition:all .2s ease;width:100%}.profile-edit-form .form-input:focus{background:var(--bg-surface);border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.profile-edit-form .form-input:disabled{cursor:not-allowed;opacity:.6}.profile-edit-form .form-hint{color:var(--text-muted);font-size:12px;font-style:italic;margin-top:6px}.account-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:0;justify-content:stretch;margin:0 auto;max-width:700px;overflow-x:auto;padding:20px 16px 16px;scrollbar-width:none}.account-tabs::-webkit-scrollbar{display:none}.account-tabs .tab-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border);box-shadow:0 2px 8px #0000000f;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:4px;justify-content:center;min-width:0;padding:10px 8px;transition:all .2s ease;white-space:nowrap}.account-tabs .tab-btn:first-child{border-radius:10px 0 0 10px;border-right:none}.account-tabs .tab-btn:last-child{border-radius:0 10px 10px 0}.account-tabs .tab-btn:not(:first-child):not(:last-child){border-radius:0;border-right:none}.account-tabs .tab-btn:hover{background:#6366f10d;color:#6366f1}.account-tabs .tab-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;box-shadow:0 4px 12px #6366f14d;color:#fff}.tab-count{background:#00000014;border-radius:9px;font-size:10px;height:18px;min-width:18px;padding:0 5px}.account-tabs .tab-btn.active .tab-count{background:#ffffff40}.pending-count{background:#f59e0b;color:#fff;font-size:9px;margin-left:2px}.account-tabs .tab-btn.active .pending-count{background:#ffffff4d;color:#fff}@media (max-width:400px){.account-tabs{padding:16px 12px 12px}.account-tabs .tab-btn{font-size:11px;gap:3px;padding:8px 6px}.tab-count{font-size:9px;height:16px;min-width:16px}.pending-count{display:none}}.filter-bar{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);gap:10px;margin-bottom:16px;padding:12px}.filter-select{background:var(--bg-muted);border-radius:10px;font-size:13px;font-weight:500;padding:10px 14px}.filter-select:hover{background:#6366f11a;border-color:#6366f1}.filter-select:focus{border-color:#6366f1}@media (max-width:480px){.filter-bar{flex-direction:column}.filter-select{width:100%}}.account-content{margin:0 auto;max-width:700px;padding:0 20px}.loading-state{display:flex;flex-direction:column;gap:12px;padding:16px 0}.skeleton-card{border-radius:16px;overflow:hidden;padding:16px}.skeleton-header{display:flex;justify-content:space-between;margin-bottom:12px}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--border) 25%,var(--bg-muted) 50%,var(--border) 75%);background-size:200% 100%;border-radius:6px}.skeleton-line.title{height:18px;width:60%}.skeleton-line.badge{border-radius:10px;height:22px;width:70px}.skeleton-line.text{height:14px;margin-bottom:8px;width:100%}.skeleton-line.text:last-child{width:70%}.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:var(--text-secondary);font-weight:500;margin-top:16px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top:3px solid #6366f1;height:40px;width:40px}.account-content .empty-state{background:var(--bg-surface);border:2px dashed var(--border);border-radius:20px;padding:48px 24px;text-align:center}.account-content .empty-state .empty-icon{animation:float 3s ease-in-out infinite;display:block;font-size:56px;margin-bottom:16px}.account-content .empty-state h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:8px}.account-content .empty-state p{color:var(--text-secondary);font-size:14px;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:280px}.account-content .empty-state .btn{font-size:14px;padding:12px 24px}.item-card{background:var(--bg-surface);border:1px solid var(--border);margin-bottom:12px;overflow:hidden;transition:all .2s ease}.item-card:hover{border-color:#6366f1;box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-card.event-card{border-left:3px solid #6366f1;position:relative}.item-header{align-items:center;background:var(--bg-muted);border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:10px;padding:14px 16px}.event-badge{align-items:center;color:var(--text-primary)!important;display:flex;font-size:14px;gap:8px;line-height:1.5}.status-pill{border-radius:16px;font-size:11px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.status-pill.confirmed{background:#d1fae5;color:#065f46}.status-pill.pending{background:#fef3c7;color:#92400e}.status-pill.rejected{background:#fee2e2;color:#991b1b}.status-pill.active{background:#6366f126;color:#6366f1}.item-body{padding:16px}.item-detail{align-items:flex-start;display:flex;font-size:13px;gap:10px;margin-bottom:10px}.item-detail:last-child{margin-bottom:0}.detail-label{align-items:center;color:var(--text-secondary);display:flex;gap:6px;min-width:90px;white-space:nowrap}.item-detail span:last-child{color:var(--text-primary);font-weight:500}.event-stats{border-top:1px solid var(--border-light);display:flex;gap:12px;margin-top:12px;padding-top:12px}.event-stats .stat{align-items:center;background:var(--bg-muted);border-radius:8px;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 10px;transition:all .2s ease}.event-stats .stat:hover{background:#6366f11a;color:#6366f1}.item-actions{background:var(--bg-surface);border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.item-actions .btn{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.item-actions .btn-sm{font-size:11px;padding:8px 12px}.item-actions .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;box-shadow:0 2px 8px #6366f140;color:#fff}.item-actions .btn-primary:hover{box-shadow:0 4px 12px #6366f159;transform:translateY(-1px)}.item-actions .btn-secondary{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}.item-actions .btn-secondary:hover{background:var(--bg-muted);border-color:#6366f1;transform:translateY(-1px)}.item-actions .btn-danger{background:var(--bg-muted);border:1px solid var(--border);color:var(--text-secondary)}.item-actions .btn-danger:hover{background:#6366f11a;border-color:#6366f1;color:#6366f1;transform:translateY(-1px)}.copy-btn-small{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:38px;justify-content:center;transition:all .2s ease;width:38px}.copy-btn-small:hover{background:#6366f11a;border-color:#6366f1;color:#6366f1}.quick-action-fab{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;bottom:max(100px,calc(80px + env(safe-area-inset-bottom)));box-shadow:0 6px 20px #6366f159;color:#fff;cursor:pointer;display:flex;font-size:28px;height:56px;justify-content:center;position:fixed;right:24px;transition:all .2s ease;width:56px;z-index:100}.quick-action-fab:hover{box-shadow:0 8px 28px #6366f173;transform:scale(1.08)}.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 (max-width:380px){.account-header{padding:16px 12px 60px}.account-header h1{font-size:1.3rem}.profile-section{margin-top:-45px;padding:0 12px}.profile-avatar{font-size:28px;height:70px;width:70px}.profile-info h2{font-size:1.1rem}.profile-details{gap:6px}.profile-detail-item{font-size:12px;padding:6px 10px}.profile-stats{gap:8px;grid-template-columns:1fr 1fr;padding:12px}.stat-item{padding:10px 6px}.stat-value{font-size:18px}.stat-label{font-size:10px}.profile-actions{flex-direction:column;gap:8px;padding:16px}.profile-actions .btn{justify-content:center;width:100%}.account-tabs{gap:4px;padding:16px 12px 10px}.account-tabs .tab-btn{font-size:11px;padding:10px 12px}.account-content{padding:0 12px}}@media (min-width:768px){.account-header{padding:32px 32px 90px}.account-header h1{font-size:2rem}.profile-section{margin:-60px auto 0;max-width:700px;padding:0}.profile-card{margin:0 auto;max-width:700px}.profile-stats{padding:24px 32px}.account-tabs{justify-content:center;margin:0 auto;max-width:700px;padding:28px 0 16px}.account-content{margin:0 auto;max-width:700px;padding:0}.item-card{border-radius:24px}}.btn:focus-visible,.copy-btn-small:focus-visible,.tab-btn:focus-visible{outline:3px solid #6366f1;outline-offset:2px}.events-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.events-grid{grid-template-columns:1fr}}.visual-event-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.visual-event-card:hover{border-color:#6366f1}.event-card-visual{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf614);display:flex;justify-content:center;min-height:100px;overflow:hidden;padding:20px;position:relative}.event-card-visual.has-image{min-height:140px;padding:0}.event-card-img{height:140px;object-fit:cover;width:100%}.event-card-visual.has-logo{align-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf61f);display:flex;justify-content:center;padding:30px}.event-card-visual.has-logo .logo-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.event-card-logo{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));height:auto;max-height:100px;max-width:180px;object-fit:contain;width:auto}.creator-crown{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;box-shadow:0 2px 8px #0000001a;font-size:20px;padding:6px 10px;position:absolute;right:12px;top:12px}.event-card-info{border-bottom:1px solid var(--border-light);padding:16px 20px}.event-card-name{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.event-card-meta{display:flex;gap:16px;margin-bottom:8px}.meta-item{color:var(--text-secondary);font-size:13px;font-weight:500}.event-card-location{color:var(--text-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-card-footer{align-items:center;background:var(--bg-muted);display:flex;justify-content:space-between;padding:12px 20px}.event-mini-stats{display:flex;gap:12px}.mini-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:4px}.event-card-actions{display:flex;gap:6px}.action-icon-btn{align-items:center;background:var(--bg-surface);border:none;border-radius:8px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-icon-btn:hover{transform:scale(1.1)}.action-icon-btn.copy:hover{background:#eef2ff}.action-icon-btn.manage:hover{background:#6366f1;box-shadow:0 2px 8px #6366f14d}.action-icon-btn.delete:hover{background:var(--bg-muted);opacity:.7}@media (max-width:480px){.visual-event-card{border-radius:16px}.event-card-visual{min-height:80px;padding:16px}.event-card-visual.has-image{min-height:100px;padding:0}.event-card-img{height:100px}.route-illustration{max-width:150px}.creator-crown{font-size:16px;padding:4px 8px;right:8px;top:8px}.event-card-info{padding:12px 16px}.event-card-name{font-size:16px}.event-card-meta{gap:12px}.meta-item{font-size:12px}.event-card-footer{padding:10px 16px}.action-icon-btn{font-size:12px;height:28px;width:28px}}.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-comparison-header{border-bottom:2px solid #e5e7eb;margin-bottom:16px;padding-bottom:12px}.route-comparison-header h4{color:#0b1220;font-size:16px;font-weight:700;margin:0}.route-detour,.route-original{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:12px}.route-original{border-right:3px solid #3b82f6}.route-detour{border-right:3px solid #f59e0b}.route-detour:last-child,.route-original:last-child{margin-bottom:0}.route-label{align-items:center;display:flex;gap:8px;margin-bottom:12px}.route-label-icon{font-size:18px}.route-detour h4,.route-original h4{color:#0b1220;font-size:15px;font-weight:600;margin:0}.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{background:#fff7ed;border-radius:6px;border-top:2px dashed #e5e7eb;margin-top:12px;padding:12px}.additional-header{align-items:center;color:#92400e;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:10px}.additional-icon{font-size:16px}.additional-stats{display:flex;flex-wrap:wrap;gap:24px}.additional-stat{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:100px}.additional-label{color:#78716c;font-size:12px;font-weight:500}.additional-value{color:#f59e0b;font-size:15px;font-weight:700}.additional-value.highlight{color:#ea580c;font-size:16px}.my-rides-page{background:var(--bg-page);min-height:100vh}.rides-container{margin:0 auto;max-width:900px;padding:0 var(--spacing-lg) var(--spacing-2xl)}.rides-header-section{padding:var(--spacing-xl) 0 var(--spacing-lg);text-align:center}.rides-header-section h1{color:var(--text-primary);font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin:0 0 var(--spacing-sm)}.rides-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.rides-tabs{-webkit-overflow-scrolling:touch;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:0;margin-bottom:var(--spacing-xl);overflow-x:auto;padding:6px}.rides-tabs::-webkit-scrollbar{display:none}.tab-btn{align-items:center;border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);justify-content:center;min-width:0;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.tab-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.tab-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d}.tab-icon{font-size:16px}.tab-label{display:inline}.tab-count{align-items:center;background:#fff3;border-radius:10px;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.tab-btn:not(.active) .tab-count{background:var(--primary-soft);color:#fff}.tab-count.pending{background:#f59e0b;color:#fff}.rides-content{min-height:300px}.empty-state{background:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--radius-2xl);padding:var(--spacing-3xl) var(--spacing-xl)}.empty-state .empty-icon{font-size:56px;margin-bottom:var(--spacing-lg)}.empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm)}.empty-state p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:300px}.offers-list,.rides-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.offer-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;transition:all .3s ease}.offer-card:hover{border-color:var(--primary-soft);box-shadow:var(--shadow-lg)}.offer-event-header{align-items:center;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom:1px solid var(--border-light);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.event-info{display:flex;flex-direction:column;gap:4px}.event-badge{color:var(--text-primary);font-size:var(--font-size-base);font-weight:700}.event-date{color:var(--text-secondary)}.event-date,.seats-badge{font-size:var(--font-size-sm)}.seats-badge{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:4px;padding:var(--spacing-sm) var(--spacing-md)}.seats-count{color:var(--primary);font-size:var(--font-size-lg);font-weight:700}.seats-total{color:var(--text-muted)}.pending-indicator,.pending-indicator-badge{background:#f59e0b;border-radius:20px;box-shadow:0 2px 4px #f59e0b4d;color:#fff;font-size:11px;font-weight:700;margin-left:8px;padding:4px 10px}.bus-route-preview{background:#f8fafc;background:var(--bg-muted,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;border-radius:var(--radius-lg,8px);margin:12px 0;padding:12px}.bus-route-preview .route-direction{color:#64748b;color:var(--text-secondary,#64748b);display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.bus-route-stops{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:6px}.bus-route-stops .route-endpoint,.bus-route-stops .route-start{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;color:#0b0f1a;color:var(--text-primary,#0b0f1a);font-weight:600;padding:4px 8px}.bus-route-stops .route-start{border-color:#10b981;color:#059669}.bus-route-stops .route-endpoint{border-color:#ef4444;color:#dc2626}.bus-route-stops .route-stop{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);font-weight:500;padding:4px 8px}.bus-route-stops .route-arrow{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:16px;font-weight:600}.route-preview{border-bottom:1px solid var(--border-light);gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl)}.route-point,.route-preview{align-items:center;display:flex}.route-point{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);gap:var(--spacing-sm);min-width:0}.route-point span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.point-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.point-dot.start{background:#22c55e;box-shadow:0 0 0 4px #22c55e33}.point-dot.end{background:var(--primary);box-shadow:0 0 0 4px #6366f133}.route-line{background:linear-gradient(90deg,#22c55e,var(--primary));flex-shrink:0;height:2px;position:relative;width:40px}.route-line:after{background:var(--bg-surface);color:var(--text-muted);content:"→";font-size:14px;left:50%;padding:0 4px;position:absolute;top:50%;transform:translate(-50%,-50%)}.passengers-section{border-bottom:1px solid var(--border-light);padding:var(--spacing-lg) var(--spacing-xl)}.passengers-section.pending{background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:8px;margin-top:var(--spacing-md)}.passengers-section.pending h4{align-items:center;color:#f59e0b;display:flex;font-size:var(--font-size-base);font-weight:700;gap:8px;margin:0 0 var(--spacing-md)}.passengers-section h4{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--spacing-md)}.passengers-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.passenger-chip{align-items:center;background:var(--bg-muted);border:1px solid var(--border-light);border-left:3px solid #22c55e;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.passenger-chip.pending{background:#f59e0b0d;border-left-color:#f59e0b}.passenger-avatar{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.passenger-avatar.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.passenger-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.passenger-info strong{color:var(--text-primary);font-size:var(--font-size-sm)}.passenger-info .message,.passenger-info .pickup{color:var(--text-secondary);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.passenger-actions{display:flex;gap:var(--spacing-xs)}.action-btn{align-items:center;border:none;border-radius:50%;display:flex;font-size:16px;height:36px;justify-content:center;text-decoration:none;transition:all .2s ease;width:36px}.action-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.action-btn.call{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}.action-btn:hover{transform:scale(1.1)}.request-actions{gap:var(--spacing-xs)}.accept-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.accept-btn:hover{box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.decline-btn{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:14px;height:32px;transition:all .2s ease;width:32px}.decline-btn:hover{background:var(--primary-soft);border-color:var(--primary-soft);color:#fff}.offer-actions-bar{align-items:center;background:var(--bg-muted);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl)}.expand-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.expand-btn:hover{border-color:var(--primary);color:var(--primary)}.action-buttons{display:flex;gap:var(--spacing-sm)}.view-event-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.view-event-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.delete-btn{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:16px;height:36px;transition:all .2s ease;width:36px}.delete-btn:hover{background:var(--primary-soft);border-color:var(--primary-soft);color:#fff}.expanded-map{background:var(--bg-muted);border-top:1px solid var(--border-light);padding:var(--spacing-lg)}.no-map-message{color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--spacing-xl);text-align:center}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.filter-select{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);min-width:130px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.filter-select:focus,.filter-select:hover{border-color:var(--primary)}.filter-select:focus{box-shadow:0 0 0 3px #6366f11a;outline:none}.ride-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;transition:all .3s ease}.ride-card:hover{border-color:var(--primary-soft);box-shadow:var(--shadow-lg)}.ride-card.confirmed{border-left:4px solid #22c55e}.ride-card.pending{border-left:4px solid #f59e0b}.ride-card.rejected{border-left:4px solid var(--text-muted);opacity:.7}.ride-card-header{align-items:flex-start;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.ride-event h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:700;margin:0 0 4px}.ride-date{color:var(--text-secondary);font-size:var(--font-size-sm)}.status-pill{border-radius:20px;font-size:var(--font-size-xs);font-weight:700;padding:6px 12px;white-space:nowrap}.status-pill.confirmed{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.status-pill.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-pill.rejected{background:var(--bg-muted);color:var(--text-muted)}.ride-card-body{padding:var(--spacing-lg) var(--spacing-xl)}.ride-detail{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.ride-detail:last-child{border-bottom:none}.ride-detail .label{color:var(--text-muted);flex-shrink:0;font-size:var(--font-size-sm);min-width:80px}.ride-detail .value{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.ride-detail.contact .value{gap:var(--spacing-xs)}.contact-btn{background:var(--bg-muted);border-radius:var(--radius-md);font-size:14px;padding:4px 8px;text-decoration:none;transition:all .2s ease}.contact-btn:hover{background:var(--primary);transform:scale(1.1)}.pending-notice{background:#f59e0b1a;border-radius:var(--radius-md);color:#92400e;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-md)}[data-theme=dark] .pending-notice{background:#f59e0b26;color:#fbbf24}.ride-map{padding:var(--spacing-lg) var(--spacing-xl)}.ride-card-actions,.ride-map{border-top:1px solid var(--border-light)}.ride-card-actions{background:var(--bg-muted);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl)}.ride-card-actions .action-btn{border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;height:auto;padding:var(--spacing-sm) var(--spacing-md);width:auto}.ride-card-actions .action-btn.secondary{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}.ride-card-actions .action-btn.secondary:hover{background:var(--primary);border-color:var(--primary);color:#fff}.ride-card-actions .action-btn.cancel{background:var(--bg-muted);border:1px solid var(--border);color:var(--text-secondary)}.ride-card-actions .action-btn.cancel:hover{background:var(--primary-soft);border-color:var(--primary-soft);color:#fff}.skeleton-card,.skeleton-line,.skeleton-subtitle,.skeleton-tab,.skeleton-title{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-muted) 25%,var(--border-light) 50%,var(--bg-muted) 75%);background-size:200% 100%;border-radius:var(--radius-md)}.skeleton-title{height:32px;margin:0 auto var(--spacing-sm);width:150px}.skeleton-subtitle{height:20px;margin:0 auto;width:250px}.skeleton-tabs{display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg) 0}.skeleton-tab{height:48px;width:150px}.skeleton-cards{display:flex;flex-direction:column;gap:var(--spacing-lg)}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--spacing-xl)}.skeleton-card .skeleton-line{height:16px;margin-bottom:var(--spacing-md)}.skeleton-card .skeleton-line.title{height:24px;width:60%}.skeleton-card .skeleton-line.short{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.rides-container{padding:0 var(--spacing-md) var(--spacing-xl)}.rides-header-section{padding:var(--spacing-lg) 0}.rides-header-section h1{font-size:1.5rem}.tab-btn{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}.tab-label{display:none}.offer-event-header,.ride-card-header{flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md)}.route-preview{align-items:flex-start;flex-direction:column;padding:var(--spacing-md)}.route-line{height:20px;margin:var(--spacing-xs) 0 var(--spacing-xs) 5px;width:2px}.route-line:after{content:"↓"}.passengers-section{padding:var(--spacing-md)}.passenger-chip{flex-wrap:wrap}.passenger-actions,.request-actions{justify-content:flex-end;margin-top:var(--spacing-sm);width:100%}.offer-actions-bar{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.action-buttons{justify-content:space-between;width:100%}.ride-card-body{padding:var(--spacing-md)}.ride-detail{flex-direction:column;gap:4px}.ride-detail .label{min-width:auto}.ride-card-actions{flex-wrap:wrap;padding:var(--spacing-md)}.filter-bar{flex-direction:column}.filter-select{width:100%}}@media (max-width:480px){.rides-container{padding:0 var(--spacing-sm) var(--spacing-lg)}.rides-header-section h1{font-size:1.3rem}.tab-icon{font-size:18px}.seats-badge{flex-wrap:wrap;justify-content:center}.pending-indicator{margin-left:0;margin-top:4px}.empty-state{padding:var(--spacing-xl) var(--spacing-md)}.empty-state .empty-icon{font-size:48px}}.edit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:4px;padding:8px 12px;transition:all .2s}.edit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.action-btn.edit{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.action-btn.edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.edit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-modal{background:var(--bg-surface);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.edit-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.edit-modal-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.edit-modal-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:28px;line-height:1;padding:0;transition:color .2s}.edit-modal-header .close-btn:hover{color:var(--text-primary)}.edit-modal-body{flex:1 1;overflow-y:auto;padding:24px}.edit-form{gap:16px}.edit-form,.edit-form .form-group{display:flex;flex-direction:column}.edit-form .form-group{gap:6px}.edit-form .form-group label{color:var(--text-primary);font-size:.875rem;font-weight:600}.edit-form .form-group input,.edit-form .form-group select,.edit-form .form-group textarea{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:1rem;padding:12px 14px;transition:all .2s}.edit-form .form-group input:focus,.edit-form .form-group select:focus,.edit-form .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.edit-form .form-group textarea{min-height:80px;resize:vertical}.edit-modal-footer{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.edit-modal-footer .cancel-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 20px;transition:all .2s}.edit-modal-footer .cancel-btn:hover{background:var(--bg-hover)}.edit-modal-footer .save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.edit-modal-footer .save-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}@media (max-width:640px){.edit-modal{max-height:95vh}.edit-modal-body,.edit-modal-footer,.edit-modal-header{padding:16px}.edit-modal-footer{flex-direction:column}.edit-modal-footer button{width:100%}}.posts-section{padding:0}.posts-list{display:flex;flex-direction:column;gap:24px}.posts-group{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:20px}.posts-group-title{border-bottom:2px dashed var(--border);color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 16px;padding-bottom:12px}.post-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;margin-bottom:12px;padding:16px;transition:all .2s ease}.post-card:last-child{margin-bottom:0}.post-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #6366f11a}.post-card.offer{border-right:4px solid #6366f1}.post-card.request{border-right:4px solid #f59e0b}.post-card.request.matched{background:linear-gradient(135deg,#10b9810d,#0000);border-right:4px solid #10b981}[dir=rtl] .post-card.offer,[dir=rtl] .post-card.request{border-left:4px solid;border-right:1px solid var(--border)}[dir=rtl] .post-card.offer{border-left-color:#6366f1}[dir=rtl] .post-card.request{border-left-color:#f59e0b}[dir=rtl] .post-card.request.matched{border-left-color:#10b981}.post-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.post-type-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.post-type-badge.offer{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5}.post-type-badge.request{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.post-event{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:600}.matched-badge{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:20px;color:#047857;font-size:11px;font-weight:700;padding:4px 10px}.post-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.post-detail{align-items:center;background:var(--bg-secondary);border-radius:10px;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;padding:6px 12px}.post-detail .detail-icon{font-size:14px}.post-detail .detail-text{font-weight:500}.post-detail.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.post-detail.driver{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5}.post-actions{border-top:1px solid var(--border);display:flex;gap:8px;padding-top:12px}.post-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;text-decoration:none;transition:all .2s ease}.post-btn.view{background:var(--bg-secondary);color:var(--text-primary);flex:1 1}.post-btn.view:hover{background:var(--bg-hover)}.post-btn.edit{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.post-btn.edit:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);transform:translateY(-1px)}.post-btn.delete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;padding:8px 12px}.post-btn.delete:hover{background:linear-gradient(135deg,#fecaca,#fca5a5)}.post-btn.whatsapp{background:#25d366;color:#fff;padding:8px 12px}.post-btn.whatsapp:hover{background:#20bd5a}.post-btn.whatsapp svg{fill:currentColor;height:16px;width:16px}@media (max-width:640px){.posts-group{border-radius:16px;padding:14px}.post-card{padding:14px}.post-details{gap:8px}.post-detail{font-size:12px;padding:5px 10px}.post-actions{flex-wrap:wrap}.post-btn{font-size:12px;padding:7px 12px}.post-btn.view{flex:1 1 100%}}.admin-dashboard-page{background:#f8fafc;min-height:100vh}.admin-header{padding:16px 24px}.header-left{align-items:center;display:flex;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{display:flex;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{background:#ef4444;border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;color:#fff;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{gap:12px;grid-template-columns:repeat(2,1fr);padding:16px}.admin-tabs{flex-wrap:wrap;padding:0 16px 16px}.admin-tabs .tab{flex:1 1;min-width:45%;text-align:center}.actions-grid{gap:10px;grid-template-columns:1fr}.action-btn{font-size:14px;overflow:hidden;padding:14px 16px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.settings-card .form-row{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:16px;padding:12px 16px}.header-actions{justify-content:center;width:100%}.admin-content{padding:0 16px 32px}.danger-zone,.event-details-card,.quick-actions,.settings-card{padding:20px 16px}}@media (max-width:375px){.actions-grid{gap:8px}.action-btn{font-size:13px;padding:12px 14px}.admin-header{padding:10px 12px}.event-title h1{font-size:16px}.admin-content{padding:0 12px 24px}.danger-zone,.event-details-card,.quick-actions,.settings-card{border-radius:12px;padding:16px 12px}}.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-ride-page{-webkit-font-smoothing:antialiased;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.pr-loading,.publish-ride-page{background:var(--bg-page);min-height:100vh}.pr-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center}.pr-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}.pr-loading-text{color:var(--text-muted);font-size:15px}.pr-step-progress{margin:0 20px 24px}.pr-step-bar{background:var(--border);border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.pr-step-bar-fill{background:linear-gradient(90deg,var(--primary),var(--primary-hover));border-radius:3px;height:100%;transition:width .4s ease}.pr-step-labels{display:flex;justify-content:space-between}.pr-step-labels span{color:var(--text-muted);font-size:12px;font-weight:500;transition:color .3s ease}.pr-step-labels span.active{color:var(--primary);font-weight:600}.pr-step-nav{display:flex;gap:12px;justify-content:space-between;margin:24px 0;padding:0 20px}.pr-step-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s ease}.pr-step-btn-back{background:var(--bg-muted);color:var(--text-secondary);flex:0 0 auto;padding:14px 20px}.pr-step-btn-back:hover{background:var(--border)}.pr-step-btn-next{background:linear-gradient(135deg,var(--primary),var(--primary-hover));box-shadow:0 4px 12px #6366f140;color:#fff}.pr-step-btn-next:hover:not(:disabled){box-shadow:0 6px 16px #6366f159;transform:translateY(-1px)}.pr-step-btn-next:disabled{cursor:not-allowed;opacity:.5;transform:none}.pr-step-btn-submit{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e40;color:#fff}.pr-step-btn-submit:hover:not(:disabled){box-shadow:0 6px 16px #22c55e59;transform:translateY(-1px)}.pr-step-btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.pr-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:var(--shadow-md);padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.pr-header-inner{height:60px;justify-content:space-between;margin:0 auto;max-width:600px}.pr-back-btn,.pr-header-inner{align-items:center;display:flex}.pr-back-btn{background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;height:44px;justify-content:center;transition:all var(--transition-fast);width:44px}.pr-back-btn:hover{background:#ffffff40;transform:scale(1.05)}.pr-back-btn:active{transform:scale(.95)}.pr-back-btn svg{height:22px;width:22px}.pr-header-title{color:#fff;flex:1 1;font-size:18px;font-weight:700;letter-spacing:1px;margin:0;text-align:center;text-transform:uppercase}.pr-header-spacer{flex-shrink:0;width:44px}.pr-content{margin:0 auto;max-width:600px;padding:20px 16px 140px}.pr-destination{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-lg);display:flex;gap:14px;margin-bottom:20px;padding:16px}.pr-destination-icon{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-md);box-shadow:0 4px 14px #6366f140;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.pr-destination-info{flex:1 1;min-width:0}.pr-destination-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.pr-destination-address{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.3}.pr-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;overflow:hidden}.pr-section-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:12px;padding:16px 18px 12px}.pr-section-icon{align-items:center;background:#6366f11a;border-radius:var(--radius-sm);display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.pr-section-title h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.pr-section-title p{color:var(--text-muted);font-size:12px;margin:2px 0 0}.pr-section-body{padding:18px}.pr-field{margin-bottom:16px}.pr-field:last-child{margin-bottom:0}.pr-label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.pr-required{color:var(--danger);margin-left:2px}.pr-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:480px){.pr-row{grid-template-columns:1fr}}.pr-input{background:var(--bg-muted);border:2px solid #0000;border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:15px;font-weight:500;outline:none;padding:12px 14px;transition:all var(--transition-fast);width:100%}.pr-input::placeholder{color:var(--text-dim);font-weight:400}.pr-input:focus,.pr-input:hover{background:var(--bg-surface)}.pr-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.pr-textarea{background:var(--bg-muted);border:2px solid #0000;border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:15px;font-weight:500;min-height:90px;outline:none;padding:12px 14px;resize:vertical;transition:all var(--transition-fast);width:100%}.pr-textarea::placeholder{color:var(--text-dim);font-weight:400}.pr-textarea:focus{background:var(--bg-surface);border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.pr-options{display:flex;gap:10px}.pr-option{align-items:center;background:var(--bg-muted);border:2px solid #0000;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px 12px;transition:all var(--transition-fast)}.pr-option:hover{background:var(--bg-surface)}.pr-option.selected{background:#6366f11a;border-color:var(--primary);color:var(--primary)}.pr-option-icon{font-size:18px}.pr-options-vertical{display:flex;flex-direction:column;gap:8px}.pr-option-vertical{align-items:center;background:var(--bg-muted);border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all var(--transition-fast)}.pr-option-vertical:hover{background:var(--gray-100)}.pr-option-vertical.selected{background:var(--primary-bg);border-color:var(--accent)}.pr-option-vertical-icon{font-size:22px}.pr-option-vertical-text{color:var(--text-primary);font-size:14px;font-weight:500}.pr-seats{display:flex;flex-wrap:wrap;gap:8px}.pr-seat{align-items:center;background:var(--bg-muted);border:2px solid #0000;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:46px;justify-content:center;transition:all var(--transition-fast);width:46px}.pr-seat:hover{background:var(--bg-surface)}.pr-seat.selected{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:var(--primary);box-shadow:0 4px 14px #6366f140;color:#fff}.pr-arrival-time{display:flex;flex-direction:column;gap:8px}.pr-arrival-hint{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:6px}.pr-time-input{max-width:150px}.pr-checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.pr-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.pr-options-wrap{flex-wrap:wrap}.pr-return-time-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.pr-return-time-row .pr-time-input{flex:0 0 auto}.pr-flexible-checkbox{margin-bottom:0!important;white-space:nowrap}.pr-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' 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;background-repeat:no-repeat;background-size:16px;cursor:pointer;max-width:120px;padding-right:40px}.pr-select:focus{background-color:var(--bg-surface);border-color:var(--primary)}.pr-bus-location-item{margin-bottom:12px;position:relative}.pr-remove-location-btn{align-items:center;background:#ef4444;background:var(--danger,#ef4444);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all var(--transition-fast);width:28px;z-index:10}.pr-remove-location-btn:hover{background:#dc2626;transform:scale(1.1)}.pr-add-location-btn{background:#0000;border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px 16px;transition:all var(--transition-fast);width:100%}.pr-add-location-btn:hover{background:#6366f10d;border-color:var(--primary)}.pr-payment-types{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}@media (max-width:400px){.pr-payment-types{grid-template-columns:1fr}}.pr-payment-type{align-items:center;background:var(--bg-muted);border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 10px;transition:all var(--transition-fast)}.pr-payment-type:hover{background:var(--bg-surface)}.pr-payment-type.selected{background:#6366f11a;border-color:var(--primary)}.pr-payment-type-icon{font-size:24px}.pr-payment-type-label{color:var(--text-secondary);font-size:12px;font-weight:600}.pr-payment-type.selected .pr-payment-type-label{color:var(--primary)}.pr-payment-details{animation:fadeSlideDown .25s ease;border-top:1px solid var(--border);padding-top:16px}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pr-price-wrapper{margin-bottom:8px;position:relative}.pr-price-currency{color:var(--text-muted);font-size:18px;font-weight:700;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.pr-price-input{background:var(--bg-muted);border:2px solid #0000;border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:22px;font-weight:700;outline:none;padding:14px 14px 14px 38px;transition:all var(--transition-fast);width:100%}.pr-price-input:focus{background:var(--bg-surface);border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.pr-price-hint{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:8px;margin-bottom:16px}.pr-price-suggested{background:#22c55e1a;border-radius:12px;color:var(--success);font-weight:600;padding:3px 8px}.pr-method-options{display:flex;gap:8px}.pr-method-btn{align-items:center;background:var(--bg-muted);border:2px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;transition:all var(--transition-fast)}.pr-method-btn:hover{background:var(--bg-surface)}.pr-method-btn.selected{background:#6366f11a;border-color:var(--primary);color:var(--primary)}.pr-map-container{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.pr-map-loading{padding:40px;text-align:center}.pr-map-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:28px;margin:0 auto 10px;width:28px}.pr-map-loading-text{color:var(--text-muted);font-size:13px}.pr-route-info{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-md);display:flex;gap:10px;justify-content:center;margin-top:14px;padding:14px}.pr-route-icon{font-size:20px}.pr-route-distance{color:var(--primary-dark);font-size:18px;font-weight:700}.pr-route-label{color:var(--text-muted);font-size:13px}.pr-route-separator{color:var(--text-muted);font-size:16px;margin:0 4px}.pr-route-duration{color:var(--text-secondary);font-size:15px;font-weight:600}.pr-footer{background:var(--bg-surface);border-top:1px solid var(--border);bottom:0;box-shadow:var(--shadow-md);left:0;padding:14px 16px max(14px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}.pr-footer-inner{display:flex;gap:12px;margin:0 auto;max-width:600px}.pr-btn-cancel{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:600;padding:14px 18px;transition:all var(--transition-fast)}.pr-btn-cancel:hover{background:var(--bg-surface);border-color:var(--border)}.pr-btn-publish{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 14px #6366f140;color:#fff;cursor:pointer;display:flex;flex:2 1;font-family:inherit;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:14px 24px;transition:all var(--transition-smooth)}.pr-btn-publish:hover:not(:disabled){box-shadow:0 6px 20px #6366f159;transform:translateY(-2px)}.pr-btn-publish:active:not(:disabled){transform:translateY(0)}.pr-btn-publish:disabled{cursor:not-allowed;opacity:.6;transform:none}.pr-submitting{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fafcf2;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:200}.pr-submitting-icon{animation:bounce 1s ease-in-out infinite;font-size:56px;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.pr-submitting-text{color:var(--text-primary);font-size:17px;font-weight:600;margin-bottom:6px}.pr-submitting-subtext{color:var(--text-muted);font-size:14px}@media (max-width:400px){.pr-options{flex-wrap:wrap}.pr-option{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;min-width:calc(50% - 5px)}.pr-method-options{flex-wrap:wrap}.pr-method-btn{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1}}.pr-btn-cancel:focus-visible,.pr-btn-publish:focus-visible,.pr-input:focus-visible,.pr-method-btn:focus-visible,.pr-option:focus-visible,.pr-payment-type:focus-visible,.pr-seat:focus-visible,.pr-textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pr-otp-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.pr-otp-modal{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:360px;padding:32px 24px;position:relative;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pr-otp-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.pr-otp-close:hover{background:#e2e8f0}.pr-otp-close svg{color:#64748b;height:16px;width:16px}.pr-otp-content{text-align:center}.pr-otp-icon{font-size:48px;margin-bottom:16px}.pr-otp-content h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.pr-otp-content p{color:#64748b;font-size:14px;margin:0 0 24px}.pr-otp-content p strong{color:#1e293b}.pr-otp-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--primary);height:40px;margin:0 auto;width:40px}.pr-otp-input{border:2px solid #e2e8f0;border-radius:12px;direction:ltr!important;font-size:28px;font-weight:700;letter-spacing:8px;margin-bottom:20px;outline:none;padding:16px;text-align:center;transition:all .2s;unicode-bidi:bidi-override;width:100%}.pr-otp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.pr-otp-input::placeholder{color:#cbd5e1;letter-spacing:8px}.pr-otp-actions{display:flex;gap:12px}.pr-otp-resend{background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px;transition:all .2s}.pr-otp-resend:hover:not(:disabled){background:#e2e8f0}.pr-otp-resend:disabled{cursor:not-allowed;opacity:.5}.pr-otp-verify{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:2 1;font-size:14px;font-weight:600;padding:14px;transition:all .2s}.pr-otp-verify:hover:not(:disabled){box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.pr-otp-verify:disabled{cursor:not-allowed;opacity:.5}.pr-bus-route-map{border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);margin-bottom:24px;overflow:hidden}.pr-bus-stops-section{margin-bottom:20px}.pr-bus-stops-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.pr-bus-stops-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.pr-bus-stops-icon.pickup{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.pr-bus-stops-icon.dropoff{background:linear-gradient(135deg,#ffedd5,#fed7aa)}.pr-bus-stops-title h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:15px;font-weight:600;margin:0}.pr-bus-stops-title p{color:#64748b;color:var(--text-muted,#64748b);font-size:12px;margin:2px 0 0}.pr-bus-timeline{display:flex;flex-direction:column;gap:0}.pr-bus-stop-card{display:flex;gap:12px;position:relative}.pr-bus-stop-number{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:32px}.pr-bus-stop-badge{align-items:center;border-radius:50%;box-shadow:0 2px 6px #00000026;color:#fff;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px;z-index:1}.pr-bus-stop-badge.pickup{background:linear-gradient(135deg,#22c55e,#16a34a)}.pr-bus-stop-badge.dropoff{background:linear-gradient(135deg,#f97316,#ea580c)}.pr-bus-stop-line{border-radius:2px;flex:1 1;margin:4px 0;min-height:20px;width:3px}.pr-bus-stop-line.pickup{background:linear-gradient(180deg,#22c55e,#86efac)}.pr-bus-stop-line.dropoff{background:linear-gradient(180deg,#f97316,#fdba74)}.pr-bus-stop-content{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);flex:1 1;margin-bottom:12px;padding:16px;position:relative;transition:all .15s;transition:all var(--transition-fast,.15s)}.pr-bus-stop-content:hover{border-color:#6366f1;border-color:var(--primary,#6366f1);box-shadow:0 4px 12px #6366f11a}.pr-bus-stop-main{margin-bottom:12px}.pr-bus-stop-main .pr-map-container{border-radius:8px;border-radius:var(--radius-md,8px)}.pr-bus-stop-extras{grid-gap:12px;border-top:1px dashed #f1f5f9;border-top:1px dashed var(--border-light,#f1f5f9);display:grid;gap:12px;grid-template-columns:1fr 140px;padding-top:12px}@media (max-width:500px){.pr-bus-stop-extras{grid-template-columns:1fr}}.pr-bus-stop-field{display:flex;flex-direction:column;gap:6px}.pr-bus-stop-field label{align-items:center;color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:12px;font-weight:500;gap:6px}.pr-bus-field-icon{font-size:14px}.pr-optional-badge{background:#f1f5f9;background:var(--bg-muted,#f1f5f9);border-radius:4px;color:#94a3b8;color:var(--text-dim,#94a3b8);font-size:10px;font-weight:500;margin-left:auto;padding:2px 6px}.pr-bus-input{font-size:14px!important;padding:10px 12px!important}.pr-bus-input.pr-time-input{width:100%}.pr-bus-stop-remove{align-items:center;background:#f1f5f9;background:var(--bg-muted,#f1f5f9);border:none;border-radius:50%;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transition:all .15s;transition:all var(--transition-fast,.15s);width:28px}.pr-bus-stop-content:hover .pr-bus-stop-remove{opacity:1}.pr-bus-stop-remove:hover{background:#fef2f2;color:#ef4444;transform:scale(1.1)}.pr-bus-stop-remove svg{height:14px;width:14px}.pr-bus-add-stop{align-items:center;background:#0000;border:2px dashed #e2e8f0;border:2px dashed var(--border,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);color:#6366f1;color:var(--primary,#6366f1);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-left:44px;padding:14px 20px;transition:all .15s;transition:all var(--transition-fast,.15s);width:100%;width:calc(100% - 44px)}.pr-bus-add-stop:hover{background:#6366f10d;border-color:#6366f1;border-color:var(--primary,#6366f1);transform:translateY(-1px)}.pr-bus-add-stop.dropoff{color:#f97316}.pr-bus-add-stop.dropoff:hover{background:#f973160d;border-color:#f97316}.pr-bus-add-icon{align-items:center;background:currentColor;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;width:24px}.pr-bus-add-stop .pr-bus-add-icon{background:#6366f1;background:var(--primary,#6366f1)}.pr-bus-add-stop.dropoff .pr-bus-add-icon{background:#f97316}.pr-bus-event-indicator{align-items:center;display:flex;gap:12px;margin:24px 0;padding:0 16px}.pr-bus-event-line{background:linear-gradient(90deg,#0000,#6366f1 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--primary,#6366f1) 50%,#0000 100%);flex:1 1;height:2px}.pr-bus-event-badge{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:2px solid #6366f1;border:2px solid var(--primary,#6366f1);border-radius:24px;color:#6366f1;color:var(--primary,#6366f1);display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;white-space:nowrap}.pr-bus-event-badge span:first-child{font-size:16px}.pr-bus-option{background:#f8fafc;background:var(--bg-muted,#f8fafc);border-radius:8px;border-radius:var(--radius-md,8px);margin-top:20px;padding:16px}.pr-bus-option .pr-checkbox-label{margin-bottom:0}.pr-checkbox-text{color:#475569;color:var(--text-secondary,#475569);font-size:14px}@media (max-width:480px){.pr-bus-stop-number{width:28px}.pr-bus-stop-badge{font-size:11px;height:24px;width:24px}.pr-bus-stop-content{padding:12px}.pr-bus-add-stop{font-size:13px;margin-left:40px;padding:12px 16px;width:calc(100% - 40px)}.pr-bus-event-indicator{margin:20px 0;padding:0 8px}.pr-bus-event-badge{font-size:13px;padding:8px 14px}.pr-bus-stops-header{gap:10px}.pr-bus-stops-icon{font-size:16px;height:36px;width:36px}}.pr-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pr-suggestion-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.pr-suggestion-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:24px}.pr-suggestion-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.pr-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.pr-modal-close:hover{background:var(--bg-muted);color:var(--text-primary)}.pr-suggestion-content{padding:24px}.pr-suggestion-content p{color:var(--text-secondary);line-height:1.6;margin:0 0 20px}.pr-suggested-offers{display:flex;flex-direction:column;gap:12px}.pr-suggested-offer-card{background:var(--bg-surface);border:2px solid var(--border);border-radius:12px;padding:16px;transition:all .2s}.pr-suggested-offer-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #6366f11a}.pr-suggested-offer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.pr-suggested-driver{color:var(--text-primary);font-size:16px;font-weight:600}.pr-suggested-seats{background:var(--bg-muted);border-radius:8px;color:var(--text-secondary);font-size:14px;padding:4px 12px}.pr-suggested-offer-location{color:var(--text-secondary);font-size:14px;margin-bottom:12px}.pr-btn-view-offer{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s;width:100%}.pr-btn-view-offer:hover{background:var(--primary-dark);transform:translateY(-1px)}.pr-suggestion-footer{border-top:1px solid var(--border);display:flex;gap:12px;padding:24px}.pr-btn-secondary{background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:600;padding:12px 24px;transition:all .2s}.pr-btn-secondary:hover{background:var(--border)}.pr-btn-primary{background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px 24px;transition:all .2s}.pr-btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}: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:10px;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:#0b2a4a;color:var(--lp-primary);font-size:2rem;font-weight:800}.stat-label{color:#64748b;color:var(--lp-text-muted);font-size:14px}.hero-visual{border-radius:24px;box-shadow:0 20px 60px #0003;flex:1 1;height:400px;max-width:500px;overflow:hidden;position:relative}.hero-visual-overlay{background:linear-gradient(135deg,#0003,#0006);border-radius:24px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.car-animation{height:100%;position:relative;width:100%;z-index:2}.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%;z-index:2}.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;margin-top:30px;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}}body{margin:0;padding:0}.copyBtn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-color:#6366f1!important;color:#fff!important;transform:scale(1.1)}[style*="background: linear-gradient(135deg, #22C55E"]:hover{opacity:.9;transform:translateY(-2px)}[style*="border: 2px solid #6366F1"]:hover{background:#6366f11a!important;transform:translateY(-2px)}[style*="background: linear-gradient(135deg, #6366F1"]:hover{opacity:.95;transform:translateY(-2px)}input[placeholder*=Search]:focus{outline:none}@media (max-width:768px){[style*="padding: 60px 24px"]{padding:40px 16px!important}[style*="padding: 80px 24px"]{padding:60px 16px!important}}.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:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--primary-bg:#6366f11a;--primary-hover:#4f46e5;--accent:#8b5cf6;--accent-dark:#7c3aed;--accent-light:#a78bfa;--accent-bg:#8b5cf61a;--secondary:#8b5cf6;--secondary-dark:#7c3aed;--secondary-light:#a78bfa;--secondary-bg:#8b5cf61a;--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,#6366f1,#8b5cf6);--gradient-secondary:linear-gradient(135deg,#8b5cf6,#6366f1);--gradient-hero:linear-gradient(135deg,#4f46e5,#6366f1);--gradient-card:linear-gradient(145deg,#fff,#f8fafc);--gradient-neon:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-aurora:linear-gradient(135deg,#8b5cf6,#6366f1);--gradient-cosmic:linear-gradient(135deg,#4f46e5,#6366f1);--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:12px;--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)}body{color:#0b1220;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:16px}a,button,input,select,textarea{font-family:inherit}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{color:#0b1220}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{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-neon)}.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)}}.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:#6366f1;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:#6366f11a;background:var(--primary-bg);border-color:#6366f1;border-color:var(--primary);box-shadow:var(--primary-glow);color:#818cf8;color:var(--primary-light)}.radio-option label:hover,.radio-option span:hover{background:#00000005;background:var(--glass-hover);border-color:#8b5cf6;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}.radio-group-horizontal{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.radio-group-horizontal .radio-option{min-width:0}.radio-group-horizontal .radio-option label,.radio-group-horizontal .radio-option span{flex-direction:row;gap:10px;min-height:56px;padding:14px 18px}.radio-group-horizontal .radio-icon{font-size:22px;margin-bottom:0}@media (max-width:400px){.radio-group{gap:8px}.radio-option{min-width:calc(50% - 4px)}.radio-option label,.radio-option span{font-size:13px;min-height:70px;padding:14px 12px}.radio-icon{font-size:24px}.radio-group-horizontal .radio-option label,.radio-group-horizontal .radio-option span{min-height:50px;padding:12px 14px}}.event-code-page{background:#f8fafc;background:var(--bg-page);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow:hidden;padding:0;position:relative}:root:not([data-theme]) .event-code-page,[data-theme=light] .event-code-page{background:#f6f7fb}[data-theme=dark] .event-code-page{background:#0b0d18}.event-code-page:before{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=dark] .event-code-page:before{animation:pulseOrbs 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b2bbf33 0,#0000 50%),radial-gradient(circle at 80% 20%,#6d5ef633 0,#0000 50%),radial-gradient(circle at 50% 50%,#8b7ef626 0,#0000 60%)}@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,#6366f1,#8b5cf6);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:#6366f1;color:var(--primary)}.login-container{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);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,#6366f1,#8b5cf6);-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:#6366f1;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;padding:0;text-align:center!important;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:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a,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}}@media (max-width:340px){.otp-input{border-radius:8px;font-size:18px;height:50px;width:38px}.otp-inputs{gap:4px}}.user-menu-container{position:absolute;right:16px;top:max(16px,env(safe-area-inset-top));z-index:100}.user-menu-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:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 16px;transition:all .3s ease}.user-menu-btn:hover{background:#ffffff40}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}@media (max-width:480px){.user-menu-container{right:12px;top:max(12px,env(safe-area-inset-top))}.user-menu-btn{font-size:13px;gap:8px;padding:8px 12px}.user-menu-btn span:not(.user-avatar-small){display:none}.user-avatar-small{font-size:16px;height:36px;width:36px}}.welcome-banner{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;border-radius:var(--radius);display:flex;gap:12px;justify-content:space-between;margin-bottom:24px;padding:14px 16px}.welcome-banner-content{flex:1 1;min-width:0}.welcome-banner-title{color:#065f46;font-size:14px;font-weight:600;margin:0}.welcome-banner-subtitle{color:#047857;font-size:12px;margin:4px 0 0}.welcome-banner-btn{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.welcome-banner-btn:hover{background:#047857}@media (max-width:400px){.welcome-banner{flex-direction:column;text-align:center}.welcome-banner-btn{width:100%}}.login-header-btn{background:#ffffff26!important;border-color:#ffffff80!important;color:#fff!important;font-size:14px;padding:10px 18px}.login-header-btn:hover{background:#ffffff40!important;border-color:#ffffffb3!important}@media (max-width:480px){.login-header-btn{font-size:13px;padding:8px 14px}}.login-prompt-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:24px;padding-top:20px;text-align:center}.login-prompt-text{color:#6b7280;color:var(--gray-500);font-size:13px;margin-bottom:12px}.logged-in-profile{margin-bottom:16px;padding:24px 16px;text-align:center}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:50%;box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.profile-name{color:#0b1220;color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 4px}.profile-phone{color:#334155;color:var(--text-secondary);font-size:14px;margin:0}.profile-email{color:#4b5563;color:var(--text-muted);font-size:13px;margin:4px 0 0}.quick-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:8px}.quick-action-card{align-items:center;background:#f1f5f9;background:var(--bg-muted);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:20px 16px;transition:all .2s ease}.quick-action-card:hover{background:#6366f11a;background:var(--primary-bg);border-color:#6366f1;border-color:var(--primary);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow);transform:translateY(-2px)}.quick-action-icon{font-size:28px}.quick-action-label{color:#0b1220;color:var(--text-primary);font-size:14px;font-weight:600}.user-menu-name{display:inline}@media (max-width:480px){.user-menu-name{display:none}}.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:#6366f1;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:#6366f11a;background:var(--primary-bg);border-radius:9999px;border-radius:var(--radius-full);color:#4f46e5;color:var(--primary-dark);display:inline-block;font-size:13px;font-weight:600;padding:6px 16px}.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,#6366f1,#8b5cf6);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-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:#6366f1;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:#6366f1;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:#6366f1;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:#8b5cf6;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:#6366f11a;background:var(--primary-bg);border-radius:50%;color:#6366f1;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:#818cf8;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,#6366f1,#8b5cf6);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:200px;position:relative;width:320px;z-index:1}.loading-car-gif-wrap,.simple-car-loader{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-car-gif-wrap{box-shadow:none;width:100%}.loading-car-gif{animation:loadingGifBounce .5s ease-in-out infinite;box-shadow:none;display:block;filter:drop-shadow(none);height:auto;margin:0 auto;max-height:150px;max-width:200px;object-fit:contain;position:relative;width:auto;z-index:1}@keyframes loadingGifBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.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,#6366f1,#8b5cf6);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,#8b5cf6,#6366f1);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:#6366f1;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,#6366f1 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,#6366f1 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-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}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.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:#6366f1;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:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a;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}.badge-primary{background:#6366f11a;background:var(--primary-bg);color:#4f46e5;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 #6366f1;border-left:4px solid var(--primary)}.carpool-card.request-card{border-left:4px solid #8b5cf6;border-left:4px solid var(--secondary)}.carpool-card.my-card{background:linear-gradient(135deg,#faf5ff,#f0fdf4);border:2px solid #818cf8;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,#6366f1,#4f46e5);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,#818cf8,#6366f1);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:#4f46e5;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,#818cf8,#6366f1);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-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:#6366f11a;background:var(--primary-bg);border-color:#818cf8;border-color:var(--primary-light)}.toggle-option.active{background:linear-gradient(135deg,#6366f11a,#ddd6fe);background:linear-gradient(135deg,var(--primary-bg) 0,#ddd6fe 100%);border-color:#6366f1;border-color:var(--primary);color:#4f46e5;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:#818cf8;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:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a;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}.form-page-container{padding:40px 20px}.form-page-card{margin:0 auto;max-width:800px}@media (max-width:480px){.form-page-container{padding:24px 16px}}.event-destination-box{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid #7dd3fc;border-radius:12px;margin-bottom:24px;padding:16px;text-align:center}.event-destination-box h4{color:#0369a1;font-size:14px;font-weight:600;margin:0 0 6px}.event-destination-box p{color:#0c4a6e;font-size:15px;font-weight:500;margin:0}.auth-user-info{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86efac;border-radius:12px;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px;padding:16px}.auth-user-badge,.auth-user-info{align-items:center;display:flex;gap:12px}.auth-avatar{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.auth-details{display:flex;flex-direction:column;gap:2px}.auth-details strong{color:#166534;font-size:15px}.auth-details span{color:#15803d;font-size:13px}@media (max-width:480px){.auth-user-info{text-align:center}.auth-user-badge,.auth-user-info{flex-direction:column}.auth-user-info .btn-link{width:100%}}.location-entry{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:16px}.location-entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.location-entry-title{color:#0b1220;color:var(--text-primary);font-size:14px;font-weight:600}.remove-location-btn{background:#ef44441a;border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.remove-location-btn:hover{background:#ef444433}.add-location-btn{background:#e0f2fe;border:1px dashed #0ea5e9;border-radius:10px;color:#0369a1;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:12px 20px;transition:all .2s ease;width:100%}.add-location-btn:hover{background:#bae6fd;border-style:solid}.route-preview-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px}.route-preview-title{color:#0b1220;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.warning-banner{background:#fef3c7;border-radius:10px;direction:rtl;padding:16px 20px;text-align:center}.warning-banner p{color:#92400e;font-size:14px;margin:0}.anonymous-toggle-container{align-items:flex-start;background:#faf5ff;border:1px solid #e9d5ff;border-radius:12px;display:flex;gap:16px;padding:16px}.toggle-label-content{flex:1 1}.toggle-label-content strong{color:#7c3aed;display:block;font-size:14px;margin-bottom:4px}.toggle-label-content span{color:#6b7280;display:block;font-size:13px;line-height:1.4}.toggle-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider-switch{background-color:#d1d5db;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider-switch:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.toggle-switch input:checked+.toggle-slider-switch{background-color:#7c3aed}.toggle-switch input:checked+.toggle-slider-switch:before{transform:translateX(24px)}.payment-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}@media (max-width:500px){.payment-options{grid-template-columns:1fr}.payment-options .radio-option span{flex-direction:row;gap:8px;min-height:auto;padding:14px 16px}}.payment-amount-section{background:#f3e8ff;border-radius:10px;margin-top:16px;padding:16px}.payment-input-wrapper{align-items:center;display:flex;position:relative}.payment-input-wrapper input{padding-right:40px}.payment-currency{color:#6b7280;font-weight:600;position:absolute;right:14px}.form-buttons-row{display:flex;gap:12px;margin-top:32px}@media (max-width:480px){.form-buttons-row{flex-direction:column-reverse}.form-buttons-row .btn{width:100%}}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:#4b5563}.text-primary{color:#6366f1;color:var(--primary)}.text-success{color:#22c55e;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}@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}}.admin-login-page{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1 50%,#8b5cf6);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 50%,var(--accent) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-card{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:400px;padding:48px 40px;text-align:center;width:100%}.admin-login-logo{color:#6366f1;color:var(--primary);font-size:32px;font-weight:800;letter-spacing:2px;margin-bottom:8px}.admin-login-card h1{color:#0b1220;color:var(--gray-900);font-size:24px;margin-bottom:8px}.admin-login-card p{color:#6b7280;color:var(--gray-500);margin-bottom:32px}.admin-login-form{text-align:left}.admin-login-form .form-group{margin-bottom:20px}.admin-login-form .form-input{font-size:16px;padding:14px 16px}.admin-container{background:#f3f4f6;background:var(--gray-100);display:flex;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#4f46e5,#6366f1);background:linear-gradient(180deg,var(--primary-dark) 0,var(--primary) 100%);color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:260px;z-index:100}.admin-sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px 20px}.admin-logo{font-size:28px;font-weight:800;letter-spacing:2px}.admin-logo-sub{font-size:12px;letter-spacing:1px;margin-top:4px;opacity:.7;text-transform:uppercase}.admin-nav{flex:1 1;overflow-y:auto;padding:20px 12px}.admin-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#fffc;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;margin-bottom:4px;padding:14px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.admin-nav-item:hover{background:#ffffff1a;color:#fff}.admin-nav-item.active{background:#fff3;color:#fff}.admin-nav-item .nav-icon{font-size:18px;text-align:center;width:24px}.admin-sidebar-footer{border-top:1px solid #ffffff1a;padding:16px 12px}.admin-logout{color:#fff9!important}.admin-logout:hover{background:#ff646433!important;color:#fff!important}.admin-main{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh}.admin-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-header h1{color:#0b1220;color:var(--gray-900);font-size:24px;margin:0}.admin-header-actions{display:flex;gap:12px}.admin-content{flex:1 1;padding:24px 32px}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.admin-stats-card{align-items:flex-start;background:#fff;border-left:4px solid #6366f1;border-left:4px solid var(--primary);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:20px 24px;transition:transform .2s ease,box-shadow .2s ease}.admin-stats-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.admin-stats-primary{border-left-color:#6366f1;border-left-color:var(--primary)}.admin-stats-success{border-left-color:#22c55e;border-left-color:var(--success)}.admin-stats-warning{border-left-color:#f59e0b;border-left-color:var(--warning)}.admin-stats-info{border-left-color:#8b5cf6;border-left-color:var(--accent)}.admin-stats-secondary{border-left-color:#6b7280;border-left-color:var(--gray-500)}.admin-stats-icon{font-size:32px;opacity:.9}.admin-stats-content{flex:1 1}.admin-stats-value{color:#0b1220;color:var(--gray-900);font-size:28px;font-weight:700;line-height:1}.admin-stats-title{color:#6b7280;color:var(--gray-500);font-size:13px;font-weight:500;margin-top:4px}.admin-stats-subtitle{color:#9ca3af;color:var(--gray-400);font-size:12px;margin-top:2px}.admin-stats-trend{font-size:12px;font-weight:600;margin-top:8px}.admin-stats-trend.positive{color:#22c55e;color:var(--success)}.admin-stats-trend.negative{color:#ef4444;color:var(--danger)}.admin-dashboard-panels{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.admin-chart{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px}.admin-chart-title{color:#1f2937;color:var(--gray-800);font-size:16px;font-weight:600;margin-bottom:20px}.admin-chart-container{align-items:flex-end;display:flex;gap:12px;height:200px;justify-content:space-between;padding:0 8px}.admin-chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.admin-chart-bar{align-items:flex-start;background:linear-gradient(180deg,#6366f1,#8b5cf6);background:linear-gradient(180deg,var(--primary) 0,var(--accent) 100%);border-radius:6px 6px 0 0;display:flex;justify-content:center;max-width:50px;padding-top:8px;transition:all .3s ease;width:100%}.admin-chart-bar:hover{filter:brightness(1.1)}.admin-chart-bar-value{color:#fff;font-size:11px;font-weight:600}.admin-chart-label{color:#6b7280;color:var(--gray-500);font-size:11px;margin-top:8px;text-transform:uppercase}.admin-chart-legend{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;gap:20px;justify-content:center;margin-top:20px;padding-top:16px}.admin-chart-legend span{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:12px;gap:6px}.legend-dot{background:#9ca3af;background:var(--gray-400);border-radius:50%;height:8px;width:8px}.legend-dot.users{background:#6366f1;background:var(--primary)}.legend-dot.events{background:#22c55e;background:var(--success)}.legend-dot.offers{background:#8b5cf6;background:var(--accent)}.legend-dot.requests{background:#f59e0b;background:var(--warning)}.admin-activity-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;max-height:400px;overflow-y:auto;padding:24px}.admin-panel-title{color:#1f2937;color:var(--gray-800);font-size:16px;font-weight:600;margin-bottom:16px}.admin-activity-list{display:flex;flex-direction:column;gap:12px}.admin-activity-item{align-items:flex-start;background:#f9fafb;background:var(--gray-50);border-radius:8px;display:flex;gap:12px;padding:12px;transition:background .2s ease}.admin-activity-item:hover{background:#f3f4f6;background:var(--gray-100)}.admin-activity-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.admin-activity-content{flex:1 1;min-width:0}.admin-activity-text{color:#374151;color:var(--gray-700);font-size:13px;line-height:1.4;word-break:break-word}.admin-activity-time{color:#9ca3af;color:var(--gray-400);font-size:11px;margin-top:4px}.admin-tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px}.admin-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.admin-search{display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.admin-search-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;flex:1 1;font-size:14px;min-width:200px;padding:10px 16px;transition:border-color .2s ease}.admin-search-input:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.admin-select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px}.admin-sub-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;gap:8px;margin-bottom:20px;padding-bottom:16px}.admin-sub-tab{background:#f3f4f6;background:var(--gray-100);border:none;border-radius:8px;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.admin-sub-tab:hover{background:#e5e7eb;background:var(--gray-200)}.admin-sub-tab.active{background:#6366f1;background:var(--primary);color:#fff}.admin-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;font-size:14px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:14px 16px;text-align:left}.admin-table th{color:#4b5563;color:var(--gray-600);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-table tbody tr:hover,.admin-table th{background:#f9fafb;background:var(--gray-50)}.admin-table td{color:#374151;color:var(--gray-700)}.admin-table td strong{color:#0b1220;color:var(--gray-900)}.admin-table code{background:#f3f4f6;background:var(--gray-100);border-radius:4px;color:#6366f1;color:var(--primary);font-size:12px;padding:4px 8px}.admin-cell-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-activity-badges{display:flex;flex-wrap:wrap;gap:6px}.admin-event-stats{color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;font-size:12px;gap:2px}.admin-actions{display:flex;flex-wrap:wrap;gap:8px}.badge{border-radius:100px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.badge-primary{background:#818cf8;background:var(--primary-light);color:#6366f1;color:var(--primary)}.badge-success{background:#d1fae5;color:#059669}.badge-warning{background:#fef3c7;color:#d97706}.badge-danger{background:#fee2e2;color:#dc2626}.badge-info{background:#dbeafe;color:#2563eb}.badge-secondary{background:#e5e7eb;background:var(--gray-200);color:#4b5563;color:var(--gray-600)}.admin-pagination{align-items:center;border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;gap:16px;justify-content:center;margin-top:24px;padding-top:20px}.admin-pagination span{color:#4b5563;color:var(--gray-600);font-size:14px}.admin-loading-container{align-items:center;display:flex;justify-content:center;padding:60px}.admin-loading{color:#6b7280;color:var(--gray-500)}.admin-empty,.admin-loading{padding:40px;text-align:center}.admin-empty{color:#9ca3af;color:var(--gray-400);font-style:italic}.admin-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.admin-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.admin-modal-lg{max-width:900px}.admin-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:20px 24px}.admin-modal-header h2{color:#0b1220;color:var(--gray-900);font-size:20px;margin:0}.admin-modal-close{background:none;border:none;color:#9ca3af;color:var(--gray-400);cursor:pointer;font-size:28px;line-height:1;padding:0}.admin-modal-close:hover{color:#4b5563;color:var(--gray-600)}.admin-modal-body{overflow-y:auto;padding:24px}.admin-info-grid,.admin-user-info{background:#f9fafb;background:var(--gray-50);border-radius:12px;margin-bottom:24px;padding:16px 20px}.admin-info-row{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;padding:8px 0}.admin-info-row:last-child{border-bottom:none}.admin-info-row label{color:#4b5563;color:var(--gray-600);flex-shrink:0;font-size:13px;font-weight:600;width:120px}.admin-info-row span{color:#0b1220;color:var(--gray-900);font-size:14px}.admin-modal-body h4{color:#374151;color:var(--gray-700);font-size:15px;margin-bottom:12px;margin-top:0}.admin-activity-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.activity-stat{background:#f9fafb;background:var(--gray-50);border-radius:10px;padding:16px;text-align:center}.activity-stat-value{color:#6366f1;color:var(--primary);display:block;font-size:24px;font-weight:700}.activity-stat-label{color:#6b7280;color:var(--gray-500);display:block;font-size:11px;margin-top:4px;text-transform:uppercase}.admin-detail-list{list-style:none;margin:0;padding:0}.admin-detail-list li{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.admin-detail-list a{color:#6366f1;color:var(--primary);font-weight:500;text-decoration:none}.admin-detail-list a:hover{text-decoration:underline}.admin-event-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.admin-event-header h3{color:#0b1220;color:var(--gray-900);margin:0}.admin-stats-mini-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.admin-stat-mini{background:#f9fafb;background:var(--gray-50);border-radius:10px;padding:14px;text-align:center}.admin-stat-mini .stat-value{color:#0b1220;color:var(--gray-900);display:block;font-size:22px;font-weight:700}.admin-stat-mini .stat-label{color:#6b7280;color:var(--gray-500);display:block;font-size:11px;margin-top:4px}.admin-mini-table{margin-bottom:20px;overflow-x:auto}.admin-mini-table table{border-collapse:collapse;font-size:13px;width:100%}.admin-mini-table td,.admin-mini-table th{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:10px 12px;text-align:left}.admin-mini-table th{background:#f9fafb;background:var(--gray-50);color:#4b5563;color:var(--gray-600);font-size:11px;font-weight:600;text-transform:uppercase}.admin-analytics{display:flex;flex-direction:column;gap:32px}.admin-analytics-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px}.admin-analytics-section h3{color:#1f2937;color:var(--gray-800);font-size:18px;margin-bottom:20px;margin-top:0}.admin-analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-analytics-card{background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--gray-50) 0,#fff 100%);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;padding:24px}.analytics-label{color:#6b7280;color:var(--gray-500);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.analytics-value{color:#0b1220;color:var(--gray-900);font-size:36px;font-weight:700;margin:8px 0 12px}.analytics-detail{display:flex;flex-direction:column;gap:4px}.analytics-detail span{color:#6b7280;color:var(--gray-500);font-size:12px}.admin-export-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn-sm{font-size:12px!important;padding:6px 12px!important}.btn-lg{font-size:16px!important;padding:16px 24px!important}@media (max-width:1024px){.admin-dashboard-panels{grid-template-columns:1fr}.admin-activity-summary,.admin-stats-grid,.admin-stats-mini-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-sidebar{display:none}.admin-main{margin-left:0}.admin-header{padding:16px 20px}.admin-header h1{font-size:18px}.admin-content{padding:16px}.admin-stats-grid{grid-template-columns:1fr}.admin-tab-content{padding:16px}.admin-toolbar{align-items:stretch}.admin-search,.admin-toolbar{flex-direction:column}.admin-table td,.admin-table th{font-size:12px;padding:10px 12px}.admin-modal{margin:10px;max-height:calc(100vh - 20px)}.admin-activity-summary,.admin-stats-mini-grid{grid-template-columns:1fr 1fr}.admin-analytics-grid{grid-template-columns:1fr}}*,: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;background:var(--bg-page)!important;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;overflow-x:hidden}[dir=rtl] body,body.rtl,html[lang=ar] body{direction:rtl;text-align:right}[dir=rtl] .App,[dir=rtl] body,body.rtl,body.rtl .App,html[lang=ar] .App,html[lang=ar] body{font-family:Cairo,Segoe UI,Tahoma,sans-serif}[dir=ltr] body,body.ltr{direction:ltr;text-align:left}:root:not([data-theme]) body,[data-theme=light] body{background:#f6f7fb!important;background-image:none!important}[data-theme=dark] body{background:#0b0d18!important;background-attachment:fixed!important;background-image:radial-gradient(at 0 0,#3b2bbf26 0,#0000 50%),radial-gradient(at 100% 100%,#6d5ef626 0,#0000 50%),radial-gradient(at 50% 50%,#8b7ef61a 0,#0000 50%)!important;background-size:cover!important}.App{background:var(--bg-page)!important;min-height:100vh;min-height:100dvh;position:relative}:root:not([data-theme]) .App,[data-theme=light] .App{background:#f6f7fb!important;background-image:none!important}[data-theme=dark] .App{background:#0b0d18!important;background-attachment:fixed!important;background-image:radial-gradient(at 0 0,#3b2bbf26 0,#0000 50%),radial-gradient(at 100% 100%,#6d5ef626 0,#0000 50%),radial-gradient(at 50% 50%,#8b7ef61a 0,#0000 50%)!important;background-size:cover!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1.1}h2{font-size:clamp(2rem,6vw,3rem)}h2,h3{font-weight:700}h3{font-size:clamp(1.5rem,4vw,2rem)}h4{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600}p{font-size:var(--font-size-base);line-height:1.6}label,p{color:var(--text-secondary)}label{font-size:var(--font-size-sm);font-weight:500}.container{margin:0 auto;max-width:1280px;padding:0 var(--spacing-lg);width:100%}@media (max-width:768px){.container{padding:0 var(--spacing-md)}}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--primary-soft) 100%);-webkit-background-clip:text;background-clip:text}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-muted)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-color:var(--border) var(--bg-muted);scrollbar-width:thin}::selection{background:#3b2bbf33;color:var(--text-primary)}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--primary);outline-offset:2px}.divider{background:var(--divider);height:1px;margin:var(--spacing-lg) 0;position:relative;width:100%}.divider-text{background:var(--bg-page);color:var(--text-muted);font-size:var(--font-size-sm);left:50%;padding:0 var(--spacing-md);position:absolute;top:50%;transform:translate(-50%,-50%)}.btn,button.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary,.btn.btn-primary,button.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;box-shadow:0 4px 12px #6366f140;color:#fff!important}.btn-primary:hover:not(:disabled),.btn.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #6366f159;transform:translateY(-1px)}.btn-success,.btn.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important;box-shadow:0 4px 12px #22c55e40;color:#fff!important}.btn-success:hover:not(:disabled){box-shadow:0 6px 16px #22c55e59;transform:translateY(-1px)}.btn-outline,.btn-secondary,.btn.btn-outline,.btn.btn-secondary{background:#0000!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}.btn-outline:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--bg-muted)!important;border-color:var(--text-muted)!important}.btn-ghost,.btn.btn-ghost{background:#0000!important;border:none!important;color:var(--text-muted)!important}.btn-ghost:hover:not(:disabled){background:var(--bg-muted)!important;color:var(--text-primary)!important}.btn-danger,.btn.btn-danger{background:var(--bg-muted)!important;border:1px solid var(--border)!important;color:var(--text-secondary)!important}.btn-danger:hover:not(:disabled){background:#6366f11a!important;border-color:var(--primary)!important;color:var(--primary)!important;transform:translateY(-1px)}.btn-sm{font-size:13px;padding:8px 14px}.btn-lg{font-size:16px;padding:14px 24px}.btn-block{width:100%}.form-input,input.form-input,select.form-input,textarea.form-input{background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;color:var(--text-primary)!important;font-family:inherit;font-size:15px;padding:12px 14px;transition:all .2s ease;width:100%}[data-theme=dark] .form-input,[data-theme=dark] .input-field,[data-theme=dark] input,[data-theme=dark] input.form-input,[data-theme=dark] input.input-field,[data-theme=dark] input[type=date],[data-theme=dark] input[type=email],[data-theme=dark] input[type=number],[data-theme=dark] input[type=password],[data-theme=dark] input[type=search],[data-theme=dark] input[type=tel],[data-theme=dark] input[type=text],[data-theme=dark] input[type=time],[data-theme=dark] input[type=url],[data-theme=dark] select,[data-theme=dark] select.form-input,[data-theme=dark] select.input-field,[data-theme=dark] textarea,[data-theme=dark] textarea.form-input,[data-theme=dark] textarea.input-field{-webkit-text-fill-color:#fff!important;background:var(--bg-muted)!important;caret-color:#fff!important;color:#fff!important}[data-theme=dark] input:-webkit-autofill,[data-theme=dark] input:-webkit-autofill:active,[data-theme=dark] input:-webkit-autofill:focus,[data-theme=dark] input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;box-shadow:0 0 0 1000px var(--bg-muted) inset!important;color:#fff!important}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{background:var(--bg-surface);border-color:#6366f1;outline:none}[data-theme=dark] .form-input:focus{-webkit-text-fill-color:#fff!important;background:var(--bg-surface)!important;color:#fff!important}.form-input:disabled{cursor:not-allowed;opacity:.6}.form-label{color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-hint{color:var(--text-muted);font-size:12px;margin-top:4px}.form-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#dc2626;display:flex;font-size:14px;gap:6px;padding:10px 14px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:480px){.form-row{grid-template-columns:1fr}}[dir=rtl] .container,body.rtl .container{direction:rtl}[dir=rtl] .text-left,body.rtl .text-left{text-align:right}[dir=rtl] .text-right,body.rtl .text-right{text-align:left}[dir=rtl] .ml-auto,body.rtl .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto,body.rtl .mr-auto{margin-left:auto;margin-right:0}[dir=rtl] .pl-4,body.rtl .pl-4{padding-left:0;padding-right:1rem}[dir=rtl] .pr-4,body.rtl .pr-4{padding-left:1rem;padding-right:0}[dir=rtl] .flex-row,body.rtl .flex-row{flex-direction:row-reverse}[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea,body.rtl input,body.rtl select,body.rtl textarea{direction:rtl;text-align:right}[dir=ltr] input,[dir=ltr] select,[dir=ltr] textarea,body.ltr input,body.ltr select,body.ltr textarea{direction:ltr;text-align:left}:root,[data-theme=light]{--bg-page:#f6f7fb;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-muted:#f1f5f9;--primary:#6366f1;--primary-soft:#818cf8;--primary-light:#a5b4fc;--primary-dark:#4f46e5;--text-primary:#0b0f1a;--text-secondary:#5b6273;--text-muted:#94a3b8;--text-dim:#cbd5e1;--success:#22c55e;--warning:#f59e0b;--danger:#94a3b8;--divider:#0f172a1a;--border:#0f172a1a;--border-light:#0f172a0d;--shadow-sm:0 2px 8px #1118270f;--shadow-md:0 4px 16px #11182714;--shadow-lg:0 18px 45px #1118271a;--shadow-xl:0 24px 64px #1118271f;--shadow-purple:0 8px 24px #3b2bbf33}[data-theme=dark]{--bg-page:#0b0d18;--bg-surface:#ffffff0f;--bg-surface-elevated:#ffffff14;--bg-muted:#ffffff0a;--primary:#6d5ef6;--primary-soft:#8b7ef6;--primary-light:#a598f8;--primary-dark:#3b2bbf;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-dim:#64748b;--success:#22c55e;--warning:#f59e0b;--danger:#94a3b8;--divider:#ffffff1a;--border:#ffffff1a;--border-light:#ffffff0d;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 18px 45px #00000080;--shadow-xl:0 24px 64px #0009;--shadow-purple:0 8px 24px #6d5ef64d}:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:48px;--font-size-5xl:64px}html[dir=rtl],html[lang=ar]{--font-family:"Cairo","Segoe UI",Tahoma,sans-serif;--font-sans:"Cairo","Segoe UI",Tahoma,sans-serif}:root{--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--transition-spring:400ms cubic-bezier(0.175,0.885,0.32,1.275);--z-base:0;--z-elevated:10;--z-dropdown:100;--z-overlay:200;--z-modal:300;--z-toast:500}
/*# sourceMappingURL=main.ee4acca0.css.map*/