@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.map-location-picker{width:100%}.maps-error-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;direction:rtl;font-size:12px;margin-top:8px;padding:8px 12px;text-align:right}.location-btn.disabled-look{opacity:.5}.location-input-wrapper{align-items:center;display:flex;gap:8px;position:relative}.input-container{display:flex;flex:1 1}.input-container .location-input{width:100%}.google-places-input-container{display:flex;flex:1 1}.google-places-input-container .location-input{width:100%}.location-input{direction:rtl;flex:1 1;padding-right:12px!important;text-align:right}.location-buttons{display:flex;gap:4px}.location-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.location-btn:hover:not(:disabled){background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.location-btn:disabled{cursor:not-allowed;opacity:.5}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}.selected-location-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;direction:rtl;margin-top:8px;padding:10px 12px;text-align:right}.selected-location-info .location-name{color:#0369a1;display:block;font-size:14px;font-weight:600}.selected-location-info .location-address{color:#64748b;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:10000}.map-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #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 #e2e8f0;direction:rtl;display:flex;justify-content:space-between;padding:16px 20px}.map-modal-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.close-btn{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:24px;height:32px;line-height:1;transition:all .2s;width:32px}.close-btn:hover{background:#e2e8f0;color:#1e293b}.map-container{height:400px}.map-modal-info{border-top:1px solid #e2e8f0;direction:rtl;min-height:60px;padding:16px 20px;text-align:right}.selected-place{display:flex;flex-direction:column;gap:4px}.selected-place strong{color:#1e293b;font-size:15px}.selected-place span{color:#64748b;font-size:13px}.selected-coords{color:#94a3b8;font-family:monospace;font-size:12px;margin-top:8px}.map-hint{color:#64748b;font-size:14px;margin:0}.map-modal-actions{border-top:1px solid #e2e8f0;direction:rtl;display:flex;gap:12px;padding:16px 20px}.map-modal-actions .btn{flex:1 1;font-size:15px;padding:12px 20px}.map-location-picker.compact .location-btn{height:36px;width:36px}.map-location-picker.compact .selected-location-info{padding:8px 10px}.pac-container{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:inherit;margin-top:4px;z-index:100001!important}.pac-item{border-bottom:1px solid #f1f5f9;cursor:pointer;direction:rtl;padding:10px 12px;text-align:right}.pac-item-selected,.pac-item:hover{background:#f0f9ff}.pac-icon{display:none}.pac-item-query{color:#1e293b;font-size:14px}.pac-matched{font-weight:600}@media (max-width:640px){.map-modal-overlay{padding:0}.map-modal{border-radius:0;max-height:100vh;max-width:100%}.map-container{height:50vh}.map-modal-actions{flex-direction:column}}.route-map-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;width:100%}.route-map{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);position:relative;width:100%}.route-error{background:#fef2f2;border-top:1px solid #fecaca;color:#dc2626;direction:rtl;font-size:14px;padding:12px 16px;text-align:right}.route-info{background:#fff;border-top:1px solid #e2e8f0;direction:rtl;padding:16px}.route-summary{gap:24px;justify-content:center;margin-bottom:12px}.stat-value{background:#0000;color:#1e293b!important;font-size:16px}.route-info,.route-summary{color:#1e293b}.route-legs{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.route-leg{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:10px 0}.route-leg:last-child{border-bottom:none}.leg-number{align-items:center;background:#3b82f6;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:#1e293b;font-size:13px;line-height:1.4}.leg-stats{color:#64748b;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}.route-with-detour-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;width:100%}.route-with-detour-map{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);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 #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.map-loading span{color:#64748b;font-size:14px}.route-with-detour-error{background:#fef2f2;border-top:1px solid #fecaca;color:#dc2626;direction:rtl;font-size:14px;padding:12px 16px;text-align:right}.route-with-detour-info{background:#fff;border-top:1px solid #e2e8f0;direction:rtl;padding:16px}.route-detour,.route-original{margin-bottom:16px}.route-detour:last-child,.route-original:last-child{margin-bottom:0}.route-detour h4,.route-original h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 12px}.route-stats{display:flex;gap:24px;margin-bottom:8px}.route-stat{align-items:center;display:flex;gap:8px}.stat-icon{font-size:18px}.stat-value{color:#1e293b;font-size:15px;font-weight:600}.detour-additional{border-top:1px solid #e2e8f0;display:flex;gap:20px;margin-top:12px;padding-top:12px}.additional-stat{display:flex;flex-direction:column;gap:4px}.additional-label{color:#64748b;font-size:12px}.additional-value{color:#f59e0b;font-size:14px;font-weight:600}.my-rides-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.my-rides-header{align-items:center;background:#fff;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left h1{color:var(--gray-900);font-size:20px;font-weight:700;margin:0}.back-btn{background:none;border:none;border-radius:8px;color:var(--gray-600);cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.back-btn:hover{background:var(--gray-100);color:var(--gray-900)}.account-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px}.account-btn .avatar{align-items:center;background:#ffffff4d;border-radius:50%;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.rides-tabs{background:#fff;border-bottom:1px solid var(--gray-200);display:flex;padding:0 20px}.rides-tabs .tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--gray-500);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:16px;transition:all .2s}.rides-tabs .tab:hover{color:var(--gray-700)}.rides-tabs .tab.active{border-bottom-color:var(--primary);color:var(--primary)}.rides-content{margin:0 auto;max-width:900px;padding:20px}.empty-state{box-shadow:0 2px 8px #0000000d}.empty-state h3{color:var(--gray-900);font-size:18px}.empty-state p,.offer-card{margin-bottom:20px}.offer-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.offer-header{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #bae6fd;display:flex;justify-content:space-between;padding:16px 20px}.offer-info h3{color:#0369a1;font-size:16px;margin:0 0 4px}.offer-meta{display:flex;font-size:13px;gap:12px}.seats-info{color:#0369a1;font-weight:500}.pending-badge{background:#fef3c7;border-radius:12px;color:#92400e;font-size:12px;font-weight:600;padding:2px 8px}.expand-btn{background:#fff;border:1px solid #0ea5e9;border-radius:8px;color:#0369a1;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s}.expand-btn:hover{background:#0ea5e9;color:#fff}.route-summary{background:#fafafa;border-bottom:1px solid var(--gray-200);gap:12px;padding:16px 20px}.route-point,.route-summary{align-items:center;display:flex}.route-point{color:var(--gray-700);font-size:13px;gap:8px}.point-icon{font-size:12px}.route-arrow{color:var(--gray-400);font-size:18px}.passengers-section{border-bottom:1px solid var(--gray-100);padding:16px 20px}.passengers-section h4{color:var(--gray-700);font-size:14px;margin:0 0 12px}.pending-section{background:#fffbeb}.passenger-card{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px}.passenger-card.confirmed{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.passenger-card.pending{background:#fff;border-color:#fcd34d}.passenger-info{align-items:center;display:flex;gap:12px}.passenger-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.passenger-avatar.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.passenger-details{display:flex;flex-direction:column;gap:2px}.passenger-details strong{color:var(--gray-900);font-size:14px}.passenger-contact{color:var(--gray-600);font-size:12px}.pickup-location{color:#0369a1;font-size:12px;font-weight:500}.passenger-actions{display:flex;gap:8px}.call-btn-small,.whatsapp-btn-small{align-items:center;border-radius:50%;display:flex;font-size:16px;height:36px;justify-content:center;text-decoration:none;transition:transform .2s;width:36px}.whatsapp-btn-small{background:#25d366;color:#fff}.call-btn-small{background:var(--gray-100);color:var(--gray-700)}.call-btn-small:hover,.whatsapp-btn-small:hover{transform:scale(1.1)}.request-actions{gap:8px}.expanded-details{background:#f8fafc;border-top:1px solid var(--gray-200);padding:20px}.expanded-details h4{color:var(--gray-800);font-size:15px;margin:0 0 16px}.route-map-container{margin-bottom:20px}.passenger-route{background:#fff;border:1px solid var(--gray-200);border-radius:12px;margin-bottom:16px;padding:12px}.passenger-route h5{color:var(--gray-700);font-size:13px;margin:0 0 12px}.no-passengers-map{background:#fff;border-radius:12px;color:var(--gray-500);padding:40px 20px;text-align:center}.all-passengers-summary{margin-top:20px}.passengers-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 1px 4px #0000000d;overflow:hidden;width:100%}.passengers-table td,.passengers-table th{border-bottom:1px solid var(--gray-100);font-size:13px;padding:12px 16px;text-align:left}.passengers-table th{background:var(--gray-50);color:var(--gray-700);font-weight:600}.passengers-table td{color:var(--gray-600)}.passengers-table tr:last-child td{border-bottom:none}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.status-badge.confirmed{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef3c7;color:#92400e}.joined-ride-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:16px;padding:20px}.ride-header{align-items:center;margin-bottom:12px}.ride-header h3{color:var(--gray-900);font-size:16px;margin:0}.ride-status{background:#dcfce7;border-radius:12px;color:#166534;font-size:12px;font-weight:500;padding:4px 10px}.ride-details p{color:var(--gray-600);font-size:14px;margin:4px 0}.spinner{animation:spin .8s linear infinite;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.ride-status.pending{background:#fef3c7;color:#92400e}.ride-status.rejected{background:#fee2e2;color:#991b1b}.ride-status.cancelled{background:#f3f4f6;color:#6b7280}@media (max-width:640px){.my-rides-header{flex-wrap:wrap;gap:12px}.rides-tabs .tab{font-size:13px;padding:12px 8px}.passenger-card{align-items:flex-start;flex-direction:column;gap:12px}.passenger-actions,.request-actions{justify-content:flex-end;width:100%}.passengers-table{font-size:12px}.passengers-table td,.passengers-table th{padding:8px 10px}}.admin-dashboard-page{background:linear-gradient(135deg,#1e1b4b,#312e81);min-height:100vh}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:16px 24px}.admin-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.admin-header .back-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px}.admin-header .back-btn:hover{background:#fff3}.event-title{align-items:center;display:flex;gap:12px}.event-title h1{color:#fff;font-size:20px;font-weight:700;margin:0}.admin-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.header-actions{gap:12px}.header-actions .btn{font-size:13px;padding:8px 16px}.header-actions .btn-outline{background:#0000;border:1px solid #ffffff4d;color:#fff}.header-actions .btn-outline:hover{background:#ffffff1a}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1000px;padding:24px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.stat-icon{font-size:28px;margin-bottom:8px}.stat-value{color:#fff;font-size:32px;line-height:1}.stat-label{color:#ffffffb3;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:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.admin-tabs .tab:hover{background:#ffffff26;color:#fff}.admin-tabs .tab.active{background:#fff;border-color:#fff;color:#312e81}.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:#1e1b4b;font-size:16px;margin:0 0 20px}.detail-row{border-bottom:1px solid #f1f5f9;display:flex;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#64748b;font-size:13px;font-weight:600;width:120px}.detail-value{color:#1e293b;flex:1 1;font-size:14px}.access-code-display{color:#7c3aed;font-weight:600}.link-value{align-items:center;display:flex;gap:8px;word-break:break-all}.copy-inline-btn{background:#f1f5f9;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:4px 8px}.copy-inline-btn:hover{background:#e2e8f0}.actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.action-btn{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:16px;transition:all .2s}.action-btn:hover{background:#fff;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed26;color:#7c3aed;transform:translateY(-2px)}.items-list{display:flex;flex-direction:column;gap:16px}.item-card{background:#fff;border:1px solid #e2e8f0;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:#1e293b;font-size:16px;margin:0 0 4px}.item-meta{color:#64748b;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:#64748b;font-size:13px}.item-details p{margin:4px 0}.passengers-list,.pending-list{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.passengers-list strong,.pending-list strong{color:#475569;display:block;font-size:13px;margin-bottom:8px}.passenger-item{color:#64748b;font-size:13px;padding:6px 0}.passenger-item .pickup{color:#0369a1}.match-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.match-status.matched{background:#dcfce7;color:#166534}.match-status.unmatched{background:#fef3c7;color:#92400e}.settings-card .form-group{margin-bottom:20px}.settings-card .form-label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.settings-card .form-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.settings-card .form-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;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:#475569;cursor:pointer;display:flex;font-size:14px;gap:10px}.settings-card .checkbox-label input{height:18px;width:18px}.settings-actions{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px}.danger-zone{background:#fef2f2;border:1px solid #fecaca}.danger-zone h3{color:#dc2626}.danger-zone p{color:#991b1b;font-size:14px;margin-bottom:16px}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 20px}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.empty-state{background:#fff;border-radius:16px}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#1e293b;margin:0 0 8px}.error-container{padding:80px 20px;text-align:center}.error-container .error-icon{font-size:64px;margin-bottom:20px}.error-container h2{color:#fff;margin-bottom:12px}.error-container p{color:#ffffffb3;margin-bottom:24px}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-tabs{flex-wrap:wrap}.admin-tabs .tab{flex:1 1;min-width:45%;text-align:center}.actions-grid,.settings-card .form-row{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:16px}.header-actions{justify-content:center;width:100%}}.settings-card .location-coords{background:#10b9811a;border-radius:6px;color:#10b981;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:#f8fafc;border:1px solid #e2e8f0;color:#1e293b}.settings-card .map-location-picker input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.settings-card .autocomplete-suggestions{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto}.settings-card .autocomplete-suggestion{border-bottom:1px solid #f1f5f9;color:#1e293b;cursor:pointer;padding:10px 14px}.settings-card .autocomplete-suggestion:hover{background:#f1f5f9}.settings-card .map-container{border-radius:8px;margin-top:12px;overflow:hidden}:root{--primary:#0891b2;--primary-dark:#0e7490;--primary-light:#22d3ee;--primary-bg:#0891b214;--secondary:#f97316;--secondary-dark:#ea580c;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--danger:#ef4444;--danger-bg:#ef44441a;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gradient-primary:linear-gradient(135deg,#0891b2,#0e7490);--gradient-hero:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#0891b2);--gradient-card:linear-gradient(180deg,#fff,#f8fafc);--shadow-sm:0 1px 2px #0000000a;--shadow:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 16px 48px #00000029;--shadow-glow:0 0 40px #0891b240;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom)}*,: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:#f8fafc;background:var(--gray-50);color:#1e293b;color:var(--gray-800);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:16px;line-height:1.6;overflow-x:hidden}.App{min-height:100vh;min-height:100dvh}a,button,input,select,textarea{font-family:inherit}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--gray-900);font-weight:700;line-height:1.2}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}.btn{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-height:52px;overflow:hidden;padding:16px 28px;position:relative;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:linear-gradient(135deg,#0891b2,#0e7490);background:var(--gradient-primary);box-shadow:0 4px 16px #0891b259;color:#fff;color:var(--white)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 24px #0891b273;transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;background:var(--gray-100);border:1px solid #e2e8f0;border:1px solid var(--gray-200);color:#334155;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#e2e8f0;background:var(--gray-200)}.btn-success{background:#10b981;background:var(--success);box-shadow:0 4px 16px #10b98159;color:#fff;color:var(--white)}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444;background:var(--danger);color:#fff;color:var(--white)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{background:#0000;border:2px solid #0891b2;border:2px solid var(--primary);color:#0891b2;color:var(--primary)}.btn-outline:hover:not(:disabled){background:#0891b2;background:var(--primary);color:#fff;color:var(--white)}.btn-ghost{background:#0000;color:#475569;color:var(--gray-600);min-height:44px;padding:12px 20px}.btn-ghost:hover:not(:disabled){background:#f1f5f9;background:var(--gray-100);color:#1e293b;color:var(--gray-800)}.btn-block{width:100%}.btn-lg{font-size:17px;min-height:56px;padding:18px 32px}.btn-sm{font-size:14px;min-height:40px;padding:10px 18px}.btn-xs{font-size:13px;min-height:36px;padding:8px 14px}.btn-car-loading{align-items:center;display:flex;gap:8px}.mini-car{animation:drive .5s ease-in-out infinite alternate}@keyframes drive{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}.form-group{margin-bottom:24px}.form-label{color:#334155;color:var(--gray-700);display:block;font-size:15px;font-weight:600;margin-bottom:10px}.form-input,.form-select,.form-textarea{-webkit-appearance:none;appearance:none;background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);color:#1e293b;color:var(--gray-800);font-family:inherit;font-size:16px;min-height:56px;padding:16px 18px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0891b2;border-color:var(--primary);box-shadow:0 0 0 4px #0891b214;box-shadow:0 0 0 4px var(--primary-bg);outline:none}.form-input::placeholder{color:#94a3b8;color:var(--gray-400)}.form-textarea{min-height:120px;resize:vertical}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;padding-right:48px}.form-error{align-items:center;background:#ef44441a;background:var(--danger-bg);border-radius:8px;border-radius:var(--radius-sm);color:#ef4444;color:var(--danger);display:flex;gap:6px;padding:12px 16px}.form-error,.form-hint{font-size:14px;margin-top:8px}.form-hint{color:#64748b;color:var(--gray-500);display:block}.form-row{grid-template-columns:1fr 1fr}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.checkbox-label{align-items:center;color:#334155;color:var(--gray-700);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:#0891b2;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;background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);color:#475569;color:var(--gray-600);cursor:pointer;display:flex;flex-direction:column;font-weight:500;justify-content:center;min-height:80px;padding:20px 16px;text-align:center;transition:all .2s ease}.radio-option input:checked+label,.radio-option input:checked+span{background:#0891b214;background:var(--primary-bg);border-color:#0891b2;border-color:var(--primary);color:#0e7490;color:var(--primary-dark)}.radio-option label:hover,.radio-option span:hover{background:#f8fafc;background:var(--gray-50);border-color:#cbd5e1;border-color:var(--gray-300)}.radio-icon{font-size:28px;margin-bottom:8px}.radio-text{font-size:14px;font-weight:600}.event-code-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#0891b2);background:var(--gradient-hero);display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:max(24px,env(safe-area-inset-top)) 24px 24px;padding-bottom:max(24px,env(safe-area-inset-bottom));padding-bottom:max(24px,var(--safe-bottom));padding-top:max(24px,var(--safe-top));position:relative}.event-code-page:before{background:radial-gradient(circle at 20% 80%,#0891b24d 0,#0000 50%),radial-gradient(circle at 80% 20%,#0e749033 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.event-code-card{background:#fff;background:var(--white);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 16px 48px #00000029;box-shadow:var(--shadow-xl);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{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));font-size:64px}.event-code-logo,.event-code-title{margin-bottom:8px;text-align:center}.event-code-title{color:#0f172a;color:var(--gray-900);font-size:2rem;font-weight:800}.event-code-subtitle{color:#64748b;color:var(--gray-500);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:#64748b;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:#e2e8f0;background:var(--gray-200);content:"";flex:1 1;height:1px}.divider span{color:#94a3b8;color:var(--gray-400);font-size:14px;font-weight:500;padding:0 20px}.back-link{margin-top:24px;text-align:center}.back-link a{color:#64748b;color:var(--gray-500);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.back-link a:hover{color:#0891b2;color:var(--primary)}.login-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#0891b2);background:var(--gradient-hero);display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;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))}.login-card{background:#fff;background:var(--white);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 16px 48px #00000029;box-shadow:var(--shadow-xl);max-width:400px;padding:40px 32px;width:100%}@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{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));font-size:56px;margin-bottom:12px}.login-header h1{color:#0f172a;color:var(--gray-900);font-size:2rem;font-weight:800;margin-bottom:8px}.login-header p{color:#64748b;color:var(--gray-500);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:#64748b;color:var(--gray-500);margin-bottom:4px}.otp-info strong{color:#1e293b;color:var(--gray-800);font-size:18px}.change-phone-btn{background:none;border:none;color:#0891b2;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{border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);color:#1e293b;color:var(--gray-800);font-size:24px;font-weight:700;height:64px;text-align:center;transition:all .2s;width:52px}.otp-input:focus{border-color:#0891b2;border-color:var(--primary);box-shadow:0 0 0 4px #0891b214;box-shadow:0 0 0 4px var(--primary-bg);outline:none}@media (max-width:380px){.otp-input{font-size:20px;height:56px;width:44px}.otp-inputs{gap:6px}}.debug-otp{background:#f59e0b1a;background:var(--warning-bg);color:#334155;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:#f8fafc;background:var(--gray-50);color:#64748b;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:#64748b;color:var(--gray-500);font-size:14px}.resend-btn{background:none;border:none;color:#0891b2;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 #f1f5f9;border-top:1px solid var(--gray-100);margin-top:28px;padding-top:20px;text-align:center}.login-footer p{color:#94a3b8;color:var(--gray-400);font-size:13px}.step-indicator{margin-bottom:24px;text-align:center}.step-badge{background:#0891b214;background:var(--primary-bg);border-radius:9999px;border-radius:var(--radius-full);color:#0e7490;color:var(--primary-dark);display:inline-block;font-size:13px;font-weight:600;padding:6px 16px}.create-event-page{align-items:flex-start;background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#0891b2);background:var(--gradient-hero);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:max(40px,env(safe-area-inset-top)) 24px 24px;padding-bottom:max(40px,env(safe-area-inset-bottom));padding-bottom:max(40px,var(--safe-bottom));padding-top:max(40px,var(--safe-top))}.create-event-card{background:#fff;background:var(--white);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 16px 48px #00000029;box-shadow:var(--shadow-xl);max-width:520px;padding:40px 32px;width:100%}@media (max-width:480px){.create-event-card{border-radius:24px;border-radius:var(--radius-xl);padding:32px 24px}}.create-event-header{margin-bottom:32px;text-align:center}.create-event-logo{font-size:52px;margin-bottom:12px}.create-event-title{color:#0f172a;color:var(--gray-900);font-size:1.75rem;font-weight:800;margin-bottom:8px}.create-event-subtitle{color:#64748b;color:var(--gray-500);font-size:15px}.privacy-section{background:#f8fafc;background:var(--gray-50);border:1px solid #f1f5f9;border:1px solid var(--gray-100);border-radius:12px;border-radius:var(--radius);margin:28px 0;padding:20px}.privacy-toggle{align-items:flex-start;cursor:pointer;display:flex;gap:16px}.privacy-toggle input[type=checkbox]{display:none}.toggle-slider{background:#cbd5e1;background:var(--gray-300);border-radius:16px;flex-shrink:0;height:32px;position:relative;transition:background .3s;width:56px}.toggle-slider:after{background:#fff;background:var(--white);border-radius:50%;box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);content:"";height:24px;left:4px;position:absolute;top:4px;transition:transform .3s;width:24px}.privacy-toggle input:checked+.toggle-slider{background:#0891b2;background:var(--primary)}.privacy-toggle input:checked+.toggle-slider:after{transform:translateX(24px)}.toggle-label{flex:1 1}.toggle-label strong{color:#1e293b;color:var(--gray-800);display:block;font-size:15px;margin-bottom:4px}.toggle-label small{color:#64748b;color:var(--gray-500);font-size:13px}.access-code-group{border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);margin-top:16px;padding-top:16px}.success-card{text-align:center}.success-icon{font-size:72px;margin-bottom:16px}.success-title{color:#0f172a;color:var(--gray-900);font-size:1.75rem;margin-bottom:8px}.success-subtitle{color:#64748b;color:var(--gray-500);margin-bottom:32px}.event-summary{background:#f8fafc;background:var(--gray-50);border-radius:12px;border-radius:var(--radius);margin-bottom:28px;padding:20px;text-align:left}.summary-item{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:12px 0}.summary-item:last-child{border-bottom:none}.summary-label{color:#64748b;color:var(--gray-500);flex-shrink:0;font-size:14px}.summary-value{color:#1e293b;color:var(--gray-800);font-weight:600;margin-left:16px;text-align:right}.summary-value.access-code{background:#1e293b;background:var(--gray-800);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--white);font-family:monospace;font-size:14px;padding:4px 12px}.share-link-box{margin-bottom:28px}.share-label{color:#475569;color:var(--gray-600);display:block;font-size:14px;font-weight:600;margin-bottom:10px;text-align:left}.share-link-input{display:flex;gap:10px}.share-link-input input{flex:1 1;font-size:14px}.copy-btn{flex-shrink:0}.action-buttons{display:flex;flex-direction:column;gap:12px}.event-dashboard{background:#f8fafc;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,#0891b2,#0e7490);background:var(--gradient-primary);color:#fff;color:var(--white);padding:max(20px,env(safe-area-inset-top)) 20px 20px;padding-top:max(20px,var(--safe-top));position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-top{justify-content:space-between;margin-bottom:16px}.header-back,.header-top{align-items:center;display:flex}.header-back{background:#fff3;border:none;border-radius:12px;border-radius:var(--radius);color:#fff;color:var(--white);cursor:pointer;font-size:20px;height:44px;justify-content:center;transition:background .2s;width:44px}.header-back:hover{background:#ffffff4d}.header-actions{display:flex;gap:8px}.header-btn{align-items:center;background:#fff3;border:none;border-radius:12px;border-radius:var(--radius);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:background .2s}.header-btn:hover{background:#ffffff4d}.event-info{text-align:center}.event-name{font-size:1.5rem;font-weight:700;margin-bottom:8px}.event-details{display:flex;flex-wrap:wrap;font-size:14px;gap:16px;justify-content:center;opacity:.9}.event-detail-item{align-items:center;display:flex;gap:6px}.dashboard-content{margin:0 auto;max-width:800px;padding:20px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}@media (min-width:600px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);padding:16px;text-align:center}.stat-value{color:#0891b2;color:var(--primary);font-size:1.75rem;font-weight:700;margin-bottom:4px}.stat-label{color:#64748b;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 #0000000a;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:#64748b;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:#0891b2;background:var(--primary);color:#fff;color:var(--white)}.tab-btn:hover:not(.active){background:#f1f5f9;background:var(--gray-100);color:#334155;color:var(--gray-700)}.card{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:20px}.card-title{color:#1e293b;color:var(--gray-800);font-size:1.1rem;font-weight:700}.card-body{padding:20px}.card-footer{background:#f8fafc;background:var(--gray-50);border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100);padding:16px 20px}.ride-card{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow);margin-bottom:16px;padding:20px;transition:box-shadow .2s}.ride-card:hover{box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md)}.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:#0891b214;background:var(--primary-bg);border-radius:50%;color:#0891b2;color:var(--primary);display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.driver-name{color:#1e293b;color:var(--gray-800);font-size:16px;font-weight:700}.driver-meta{color:#64748b;color:var(--gray-500);font-size:13px;margin-top:2px}.seats-badge{background:#10b9811a;background:var(--success-bg);color:#10b981;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 #f1f5f9;border-bottom:1px solid var(--gray-100);gap:12px;padding:12px 0}.location-icon{align-items:center;background:#f1f5f9;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:#1e293b;color:var(--gray-800);font-size:14px;font-weight:500}.location-time{color:#64748b;color:var(--gray-500);font-size:13px;margin-top:2px}.ride-actions{display:flex;gap:10px;margin-top:16px}.ride-actions .btn{flex:1 1}.empty-state{color:#64748b;color:var(--gray-500);padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-title{color:#334155;color:var(--gray-700);font-size:18px;font-weight:600;margin-bottom:8px}.empty-text{font-size:15px;margin-bottom:24px}.bottom-nav{background:#fff;background:var(--white);border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);bottom:0;box-shadow:0 -4px 20px #00000014;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:1000}.nav-item{align-items:center;background:none;border:none;color:#64748b;color:var(--gray-500);cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;padding:8px 16px;text-decoration:none;transition:color .2s}.nav-item.active{color:#0891b2;color:var(--primary)}.nav-icon{font-size:24px;margin-bottom:4px}.fab{align-items:center;background:linear-gradient(135deg,#0891b2,#0e7490);background:var(--gradient-primary);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 8px 32px #0000001f,0 0 40px #0891b240;box-shadow:var(--shadow-lg),var(--shadow-glow);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;position:fixed;right:20px;transition:transform .2s,box-shadow .2s;width:60px;z-index:999}.fab:hover{transform:scale(1.05)}.fab:active{transform:scale(.95)}.modal-overlay{align-items:flex-end;animation:fadeIn .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .35s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--white);border-radius:32px 32px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 -10px 40px #0003;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;background:linear-gradient(180deg,#fff,#fffffffa);background:linear-gradient(180deg,var(--white) 0,#fffffffa 100%);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);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:#1e293b;color:var(--gray-800);font-size:1.25rem;font-weight:700}.modal-close{align-items:center;background:#f1f5f9;background:var(--gray-100);border:none;border-radius:50%;color:#64748b;color:var(--gray-500);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;font-weight:300;height:44px;justify-content:center;transition:all .25s ease;width:44px}.modal-close:hover{background:#ef44441a;background:var(--danger-bg);color:#ef4444;color:var(--danger);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:#f8fafc;background:var(--gray-50);border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100);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:#cbd5e1;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 8px 32px #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:3000}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.toast-success{background:#10b981;background:var(--success)}.toast-error,.toast-success{color:#fff;color:var(--white)}.toast-error{background:#ef4444;background:var(--danger)}.toast-info{background:#1e293b;background:var(--gray-800);color:#fff;color:var(--white)}.toast-warning{background:#f59e0b;background:var(--warning);color:#0f172a;color:var(--gray-900)}.page-loading-overlay{align-items:center;background:#fffffff2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:5000}.loading-text{color:#475569;color:var(--gray-600);font-size:16px;font-weight:500;margin-top:24px}.simple-car-loader{height:80px;position:relative;width:120px}.simple-car{animation:carBounce .5s ease-in-out infinite alternate;position:relative}@keyframes carBounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.simple-car-body{background:#0891b2;background:var(--primary);border-radius:8px 20px 4px 4px;height:28px;position:relative;width:80px}.simple-car-top{background:#0e7490;background:var(--primary-dark);border-radius:12px 12px 0 0;height:22px;left:12px;position:absolute;top:-18px;width:50px}.simple-car-window{background:#fff6;border-radius:6px 6px 0 0;height:14px;left:17px;position:absolute;top:-14px;width:40px}.simple-car-wheel{background:#1e293b;background:var(--gray-800);border-radius:50%;bottom:-8px;height:18px;position:absolute;width:18px}.simple-car-wheel-front{left:12px}.simple-car-wheel-back{right:12px}.exhaust,.simple-car-light-back,.simple-car-light-front,.speed-lines{display:none}.simple-road{background:#cbd5e1;background:var(--gray-300);border-radius:2px;height:4px;margin-top:16px;width:120px}.skeleton{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#0891b2;color:var(--primary)}.text-success{color:#10b981;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.text-muted{color:#64748b;color:var(--gray-500)}.font-bold{font-weight:700}.font-medium{font-weight:500}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.hidden{display:none}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:12px;border-radius:var(--radius)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow{box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow)}.shadow-md{box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg)}.bg-white{background:#fff;background:var(--white)}.bg-gray-50{background:#f8fafc;background:var(--gray-50)}.bg-primary{background:#0891b2;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:#f1f5f9;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 #e2e8f0;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:#0891b2;border-color:var(--primary);box-shadow:0 0 0 4px #0891b214;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 #e2e8f0;border-top:1px solid var(--gray-200);height:200px}@media (max-width:480px){.hide-mobile{display:none!important}}@media (min-width:481px){.hide-desktop{display:none!important}}@media (min-width:768px){.container{margin:0 auto;max-width:720px}}@media (min-width:1024px){.container{max-width:960px}}.whatsapp-btn{align-items:center;background:#25d366;border-radius:12px;border-radius:var(--radius);color:#fff;color:var(--white);display:inline-flex;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:background .2s}.whatsapp-btn:hover{background:#128c7e}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.badge-primary{background:#0891b214;background:var(--primary-bg);color:#0e7490;color:var(--primary-dark)}.badge-success{background:#10b9811a;background:var(--success-bg);color:#10b981;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:#f1f5f9;background:var(--gray-100);color:#475569;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 4px 16px #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 16px 48px #00000029;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.carpool-card.offer-card{border-left:4px solid #0891b2;border-left:4px solid var(--primary)}.carpool-card.request-card{border-left:4px solid #f97316;border-left:4px solid var(--secondary)}.carpool-card.my-card{background:linear-gradient(135deg,#faf5ff,#f0fdf4);border:2px solid #22d3ee;border:2px solid var(--primary-light)}.carpool-card.matched-card{background:linear-gradient(135deg,#f0fdf4,#ecfeff);border:2px solid #10b981;border:2px solid var(--success)}.matched-badge,.my-badge{border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #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,#0891b2,#0e7490);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,#10b981,#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,#22d3ee,#0891b2);background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%);border-radius:50%;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow);display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.driver-info h3{color:#1e293b;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 #0000000a;box-shadow:var(--shadow-sm);color:#0e7490;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:#f1f5f9;background:var(--gray-100);color:#475569;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:#f8fafc;background:var(--gray-50);border:1px solid #f1f5f9;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 #e2e8f0;border-bottom:1px dashed var(--gray-200);color:#334155;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 #f1f5f9;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:#f8fafc;background:var(--gray-50);border-radius:12px;border-radius:var(--radius);margin:16px 0;padding:14px}.passengers-preview h4{color:#475569;color:var(--gray-600);font-size:13px;font-weight:600;margin-bottom:10px}.passenger-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);color:#334155;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 #f1f5f9;border-bottom:1px solid var(--gray-100);padding:24px}.form-section:last-child{border-bottom:none}.form-section-title{align-items:center;color:#1e293b;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,#22d3ee,#0891b2);background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%);border-radius:12px;border-radius:var(--radius);display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:16px}.form-row:last-child{margin-bottom:0}@media (min-width:500px){.form-row.two-col{grid-template-columns:repeat(2,1fr)}}.toggle-options{display:flex;flex-wrap:wrap;gap:10px}.toggle-option{background:#f8fafc;background:var(--gray-50);border:2px solid #e2e8f0;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:#0891b214;background:var(--primary-bg);border-color:#22d3ee;border-color:var(--primary-light)}.toggle-option.active{background:linear-gradient(135deg,#0891b214,#ddd6fe);background:linear-gradient(135deg,var(--primary-bg) 0,#ddd6fe 100%);border-color:#0891b2;border-color:var(--primary);color:#0e7490;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,#f8fafc,#f0fdf4);background:linear-gradient(135deg,var(--gray-50) 0,#f0fdf4 100%);border:1px solid #f1f5f9;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:#1e293b;color:var(--gray-800);display:flex;font-size:1.1rem;gap:10px;margin-bottom:12px}.offer-summary .details{color:#475569;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,#f8fafc,#fff);background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 100%);border:1px solid #f1f5f9;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:#e2e8f0;border-color:var(--gray-200);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow)}.passenger-manage-item h4{align-items:center;color:#1e293b;color:var(--gray-800);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0}.passenger-manage-item p{color:#64748b;color:var(--gray-500);font-size:14px;margin:4px 0 0}.passenger-manage-item details{border-top:1px solid #f1f5f9;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 #e2e8f0;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 #f1f5f9;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:#22d3ee;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:#1e293b;color:var(--gray-800);font-size:1rem;font-weight:600;margin:0 0 4px}.join-request-item .requester-info p{color:#64748b;color:var(--gray-500);font-size:13px;margin:0}.join-request-item .pickup-info{background:#f8fafc;background:var(--gray-50);border-radius:12px;border-radius:var(--radius);margin-top:12px;padding:12px}.join-request-item .pickup-info .label{color:#64748b;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:#334155;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 #e2e8f0;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:#0891b2;border-color:var(--primary);box-shadow:0 0 0 4px #0891b214;box-shadow:0 0 0 4px var(--primary-bg);outline:none}.empty-state{background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 100%);border:2px dashed #e2e8f0;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:#334155;color:var(--gray-700);font-size:1.25rem;font-weight:700;margin-bottom:8px}.empty-state p{color:#64748b;color:var(--gray-500);font-size:15px;margin-bottom:24px}.empty-state .btn{display:inline-flex}@media print{.bottom-nav,.fab,.no-print{display:none!important}body{background:#fff}.card,.carpool-card{border:1px solid #e2e8f0;border:1px solid var(--gray-200);box-shadow:none}}
/*# sourceMappingURL=main.0989e233.css.map*/