@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap);*,:after,:before{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}:root{--blue-900:#0a1628;--blue-800:#0f2042;--blue-600:#1565c0;--blue-500:#1976d2;--blue-400:#42a5f5;--blue-100:#e3f2fd;--accent:#00e5ff;--green:#00c853;--red:#ef5350;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--radius:12px;--radius-sm:8px;--radius-lg:20px;--shadow:0 2px 12px #1565c014;--shadow-lg:0 8px 32px #1565c026;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--transition:0.18s cubic-bezier(0.4,0,0.2,1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html{-webkit-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--gray-50);color:#1e293b;color:var(--gray-800);font-family:DM Sans,sans-serif;font-family:var(--font-body);overscroll-behavior:none}#root,body{min-height:100vh;min-height:-webkit-fill-available}.font-display{font-family:Syne,sans-serif;font-family:var(--font-display)}.container{margin:0 auto;max-width:1100px;padding:0 16px}@media (min-width:768px){.container{padding:0 24px}}.landing-hero{align-items:center;background:linear-gradient(135deg,#0a1628,#1565c0 60%,#0288d1);background:linear-gradient(135deg,var(--blue-900) 0,#1565c0 60%,#0288d1 100%);display:flex;min-height:100svh;overflow:hidden;padding:80px 0 60px;position:relative}.landing-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.04'/%3E%3C/svg%3E");content:"";inset:0;position:absolute}.landing-hero-inner{position:relative;z-index:1}.landing-hero-tag{align-items:center;background:#00e5ff26;border:1px solid #00e5ff4d;border-radius:100px;color:#00e5ff;color:var(--accent);display:inline-flex;font-size:.78rem;font-weight:700;gap:8px;margin-bottom:20px;padding:6px 14px}.landing-hero-title{color:#fff;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(2.2rem,8vw,3.8rem);font-weight:800;line-height:1.1;margin-bottom:16px}.landing-hero-title em{color:#00e5ff;color:var(--accent);font-style:normal}.landing-hero-sub{color:#ffffffb3;font-size:clamp(.9rem,3vw,1.05rem);line-height:1.7;margin-bottom:28px}.landing-hero-cta{display:flex;flex-wrap:wrap;gap:12px}.cta-primary{background:#00e5ff;background:var(--accent);border:none;border-radius:10px;color:#0a1628;color:var(--blue-900);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:700;padding:13px 24px;text-decoration:none;transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.cta-primary:hover{opacity:.9;transform:translateY(-1px)}.cta-secondary{background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:10px;color:#fff;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:13px 24px;text-decoration:none;transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.cta-secondary:hover{background:#ffffff2e}.features-section{padding:60px 0}.section-heading{color:#0a1628;color:var(--blue-900);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800;margin-bottom:8px;text-align:center}.section-heading-sub{color:#94a3b8;color:var(--gray-400);font-size:.92rem;margin-bottom:40px;text-align:center}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:540px){.features-grid{grid-template-columns:1fr 1fr}}@media (min-width:900px){.features-grid{grid-template-columns:1fr 1fr 1fr}}.feature-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-lg);padding:24px;transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.feature-card:hover{box-shadow:0 8px 32px #1565c026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-icon{align-items:center;border-radius:12px;display:flex;font-size:1.4rem;height:48px;justify-content:center;margin-bottom:16px;width:48px}.feature-title{color:#0a1628;color:var(--blue-900);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:8px}.feature-desc{color:#475569;color:var(--gray-600);font-size:.88rem;line-height:1.6}.how-section{background:#fff;padding:60px 0}.steps-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr;margin-top:40px}@media (min-width:600px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step{text-align:center}.step-num{align-items:center;background:#1565c0;background:var(--blue-600);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:800;height:52px;justify-content:center;margin:0 auto 14px;width:52px}.step-num,.step-title{font-family:Syne,sans-serif;font-family:var(--font-display)}.step-title{color:#0a1628;color:var(--blue-900);font-weight:700;margin-bottom:8px}.step-desc{color:#94a3b8;color:var(--gray-400);font-size:.85rem;line-height:1.6}.cta-section{padding:60px 0}.cta-box{background:linear-gradient(135deg,#0a1628,#1565c0);background:linear-gradient(135deg,var(--blue-900),var(--blue-600));border-radius:20px;color:#fff;padding:40px 24px;text-align:center}@media (min-width:600px){.cta-box{padding:56px 60px}}.cta-box-title{font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2.3rem);font-weight:800;margin-bottom:12px}.cta-box-sub{color:#ffffffb3;font-size:.92rem;margin-bottom:28px}.cta-box-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}footer{background:#0a1628;background:var(--blue-900);color:#ffffff80;font-size:.82rem;padding:24px 16px calc(24px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(24px + var(--safe-bottom));text-align:center}.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);padding:0 16px;position:sticky;top:0;z-index:200}@media (min-width:768px){.navbar{padding:0 24px}}.navbar-inner{align-items:center;display:flex;height:56px;justify-content:space-between;margin:0 auto;max-width:1100px}@media (min-width:768px){.navbar-inner{height:64px}}.navbar-logo{align-items:center;color:#1565c0;color:var(--blue-600);display:flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-weight:800;gap:6px;text-decoration:none}.navbar-logo span{color:#00e5ff;color:var(--accent)}.navbar-nav{align-items:center;display:flex;gap:6px}.nav-link{border-radius:8px;color:#475569;color:var(--gray-600);font-size:.85rem;font-weight:500;padding:6px 12px;text-decoration:none;transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-link:hover{background:#e3f2fd;background:var(--blue-100);color:#1565c0;color:var(--blue-600)}.nav-btn{align-items:center;background:#1565c0;background:var(--blue-600);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-btn:hover{background:#0f2042;background:var(--blue-800)}.auth-layout{display:flex;flex-direction:column;min-height:100svh}@media (min-width:768px){.auth-layout{display:grid;grid-template-columns:1fr 1fr}}.auth-hero{align-items:center;background:linear-gradient(135deg,#0a1628,#1565c0);background:linear-gradient(135deg,var(--blue-900) 0,var(--blue-600) 100%);display:none;flex-direction:column;justify-content:center;overflow:hidden;padding:60px;position:relative}@media (min-width:768px){.auth-hero{display:flex}}.auth-hero:before{background:radial-gradient(circle,#00e5ff1f 0,#0000 70%);border-radius:50%;content:"";height:400px;position:absolute;right:-80px;top:-80px;width:400px}.auth-hero-icon{animation:float 3s ease-in-out infinite;font-size:72px;margin-bottom:28px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-hero-title{color:#fff;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:2.4rem;font-weight:800;line-height:1.15;margin-bottom:16px}.auth-hero-title em{color:#00e5ff;color:var(--accent);font-style:normal}.auth-hero-sub{color:#ffffffb3;font-size:.92rem;line-height:1.6;max-width:300px}.auth-mobile-header{align-items:center;background:#0a1628;background:var(--blue-900);color:#fff;display:flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:800;gap:8px;padding:calc(16px + env(safe-area-inset-top, 0px)) 20px 16px;padding-top:calc(16px + var(--safe-top))}.auth-mobile-header span{color:#00e5ff;color:var(--accent)}@media (min-width:768px){.auth-mobile-header{display:none}}.auth-form-side{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:24px 20px calc(32px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(32px + var(--safe-bottom))}@media (min-width:768px){.auth-form-side{justify-content:center;padding:48px 52px}}.auth-title{color:#0a1628;color:var(--blue-900);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.7rem;font-weight:800;margin-bottom:4px}@media (min-width:768px){.auth-title{font-size:2rem}}.auth-sub{color:#94a3b8;color:var(--gray-400);font-size:.88rem;margin-bottom:24px}.auth-sub a{color:#1565c0;color:var(--blue-600);font-weight:600;text-decoration:none}.auth-footer{color:#475569;color:var(--gray-600);font-size:.85rem;margin-top:20px;text-align:center}.auth-footer a{color:#1565c0;color:var(--blue-600);font-weight:600;text-decoration:none}.form-group{margin-bottom:16px}.form-label{color:#475569;color:var(--gray-600);display:block;font-size:.78rem;font-weight:700;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}.form-input{appearance:none;background:#f8fafc;background:var(--gray-50);border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-sm);color:#1e293b;color:var(--gray-800);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:1rem;outline:none;padding:13px 14px;transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-input:focus{background:#fff;border-color:#42a5f5;border-color:var(--blue-400);box-shadow:0 0 0 3px #42a5f51f}.form-input.error{border-color:#ef5350;border-color:var(--red)}.form-select{appearance:none;background:#f8fafc;background:var(--gray-50);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2394A3B8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-sm);color:#1e293b;color:var(--gray-800);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:1rem;outline:none;padding:13px 36px 13px 14px;transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-select:focus{border-color:#42a5f5;border-color:var(--blue-400)}.form-error{color:#ef5350;color:var(--red);font-size:.78rem;margin-top:4px}.input-wrapper{position:relative}.input-icon{background:none;border:none;color:#94a3b8;color:var(--gray-400);cursor:pointer;font-size:1rem;line-height:1;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.form-row{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr}@media (min-width:540px){.form-row{gap:12px;grid-template-columns:1fr 1fr}}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:13px 20px;text-decoration:none;touch-action:manipulation;transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#1565c0,#1976d2);background:linear-gradient(135deg,var(--blue-600),var(--blue-500));color:#fff;width:100%}.btn-primary:active{opacity:.85;transform:scale(.98)}.btn-primary:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-google{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);box-shadow:0 1px 4px #0000000f;color:#1e293b;color:var(--gray-800);width:100%}.btn-google:active{background:#f8fafc;background:var(--gray-50)}.btn-secondary{background:#f1f5f9;background:var(--gray-100);border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);color:#334155;color:var(--gray-700)}.btn-secondary:active{background:#e2e8f0;background:var(--gray-200)}.btn-danger{background:#fee2e2;border:1.5px solid #fecaca;color:#ef5350;color:var(--red)}.btn-danger:active{background:#fecaca}.btn-green{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.btn-green:active{background:#bbf7d0}.btn-outline{background:#0000;border:1.5px solid #1565c0;border:1.5px solid var(--blue-600);color:#1565c0;color:var(--blue-600)}.btn-outline:active{background:#e3f2fd;background:var(--blue-100)}.btn-sm{font-size:.82rem;min-height:36px;padding:8px 14px}.divider{align-items:center;color:#94a3b8;color:var(--gray-400);display:flex;font-size:.82rem;gap:12px;margin:20px 0}.divider:after,.divider:before{background:#e2e8f0;background:var(--gray-200);content:"";flex:1 1;height:1px}.alert{border-radius:8px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;line-height:1.5;margin-bottom:14px;padding:11px 14px}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.alert-info{background:#e3f2fd;background:var(--blue-100);border:1px solid #bfdbfe;color:#1565c0;color:var(--blue-600)}.spinner{border:3px solid #e2e8f0;border-top-color:#1976d2;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--blue-500);height:36px;width:36px}.inline-spinner,.spinner{animation:spin .8s linear infinite}.inline-spinner{border:2px solid #fff6;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen{align-items:center;color:#94a3b8;color:var(--gray-400);display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:60vh}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.72rem;font-weight:700;padding:3px 9px;white-space:nowrap}.badge-active{background:#dcfce7;color:#15803d}.badge-pending{background:#fef3c7;color:#b45309}.badge-completed{background:#dbeafe;color:#1d4ed8}.badge-cancelled{background:#fee2e2;color:#dc2626}.badge-matched{background:#f3e8ff;color:#7c3aed}.dashboard-layout{display:flex;flex-direction:column;min-height:100svh}@media (min-width:900px){.dashboard-layout{flex-direction:row}}.sidebar{background:#0a1628;background:var(--blue-900);display:none;flex-direction:column;flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto;position:sticky;top:0;width:230px}@media (min-width:900px){.sidebar{display:flex}}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff14;color:#fff;display:flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.2rem;font-weight:800;gap:8px;padding:20px 20px 24px}.sidebar-logo span{color:#00e5ff;color:var(--accent)}.sidebar-section{color:#ffffff4d;font-size:.68rem;font-weight:700;letter-spacing:.1em;padding:16px 16px 6px;text-transform:uppercase}.sidebar-item{align-items:center;background:none;border:none;border-radius:0 10px 10px 0;color:#fff9;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:10px;margin:2px 8px 2px 0;padding:10px 18px;text-align:left;text-decoration:none;transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.sidebar-item:hover{background:#ffffff14;color:#fff}.sidebar-item.active{background:#00e5ff1f;color:#00e5ff;color:var(--accent)}.sidebar-bottom{border-top:1px solid #ffffff14;margin-top:auto;padding:12px}.sidebar-user{gap:10px;padding:8px}.sidebar-avatar,.sidebar-user{align-items:center;color:#fff;display:flex}.sidebar-avatar{background:#1565c0;background:var(--blue-600);border-radius:50%;flex-shrink:0;font-size:.82rem;font-weight:700;height:34px;justify-content:center;overflow:hidden;width:34px}.sidebar-avatar img{height:100%;object-fit:cover;width:100%}.sidebar-user-name{font-size:.85rem;font-weight:600}.sidebar-user-role{color:#ffffff73;font-size:.72rem}.mobile-topbar{align-items:center;background:#0a1628;background:var(--blue-900);display:flex;flex-shrink:0;height:calc(52px + env(safe-area-inset-top, 0px));height:calc(52px + var(--safe-top));justify-content:space-between;padding:env(safe-area-inset-top,0) 16px 0;padding-top:var(--safe-top);position:sticky;top:0;z-index:150}@media (min-width:900px){.mobile-topbar{display:none}}.mobile-topbar-logo{align-items:center;color:#fff;display:flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:800;gap:6px}.mobile-topbar-logo span{color:#00e5ff;color:var(--accent)}.mobile-topbar-avatar{align-items:center;background:#ffffff26;border:1.5px solid #fff3;border-radius:50%;color:#fff;display:flex;font-size:.78rem;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.mobile-topbar-avatar img{height:100%;object-fit:cover;width:100%}.main-content{background:#f8fafc;background:var(--gray-50);flex:1 1;min-width:0;overflow-y:auto;padding:16px 14px calc(80px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(80px + var(--safe-bottom))}@media (min-width:540px){.main-content{padding:20px 20px calc(80px + env(safe-area-inset-bottom, 0px));padding:20px 20px calc(80px + var(--safe-bottom))}}@media (min-width:900px){.main-content{padding:28px}}.page-header{margin-bottom:20px}.page-title{color:#0a1628;color:var(--blue-900);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(1.3rem,5vw,1.6rem);font-weight:800}.page-subtitle{color:#94a3b8;color:var(--gray-400);font-size:.83rem;margin-top:3px}.mobile-nav{background:#fff;border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);bottom:0;box-shadow:0 -4px 20px #00000012;display:none;left:0;padding:6px 0 calc(6px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(6px + var(--safe-bottom));position:fixed;right:0;z-index:150}@media (max-width:899px){.mobile-nav{display:flex}}.mobile-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#94a3b8;color:var(--gray-400);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.62rem;font-weight:600;gap:2px;padding:6px 4px;text-decoration:none;touch-action:manipulation;transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.mobile-nav-item.active{color:#1565c0;color:var(--blue-600)}.mobile-nav-icon{font-size:1.25rem;line-height:1}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media (min-width:600px){.stats-grid{gap:14px;grid-template-columns:repeat(4,1fr)}}.stat-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);padding:14px}.stat-icon{font-size:1.5rem;margin-bottom:6px}.stat-value{color:#0a1628;color:var(--blue-900);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.6rem;font-weight:800;line-height:1}.stat-label{color:#94a3b8;color:var(--gray-400);font-size:.75rem;font-weight:500;margin-top:3px}.action-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (min-width:600px){.action-grid{gap:14px;grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.action-grid{grid-template-columns:repeat(4,1fr)}}.action-card{-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:16px;text-decoration:none;transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-card:active{transform:scale(.97)}@media (min-width:768px){.action-card:hover{border-color:#42a5f5;border-color:var(--blue-400);box-shadow:0 8px 32px #1565c026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.action-card-icon{align-items:center;border-radius:10px;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.action-card-title{color:#0a1628;color:var(--blue-900);font-size:.88rem;font-weight:700}.action-card-sub{color:#94a3b8;color:var(--gray-400);font-size:.75rem;line-height:1.4}.rides-list{display:flex;flex-direction:column;gap:10px}.ride-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #1565c014;box-shadow:var(--shadow);padding:14px 16px}.ride-card-top{gap:10px;justify-content:space-between;margin-bottom:10px}.ride-card-top,.ride-route{align-items:flex-start;display:flex}.ride-route{color:#0a1628;color:var(--blue-900);font-size:.9rem;font-weight:700;gap:6px}.ride-meta{color:#94a3b8;color:var(--gray-400);font-size:.78rem;gap:12px;margin-top:4px}.ride-actions,.ride-meta{display:flex;flex-wrap:wrap}.ride-actions{gap:8px}.form-section{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);margin-bottom:14px;padding:16px}@media (min-width:600px){.form-section{padding:20px 24px}}.form-section-title{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);color:#0a1628;color:var(--blue-900);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.95rem;font-weight:700;margin-bottom:16px;padding-bottom:10px}.role-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:4px}.role-card{-webkit-tap-highlight-color:transparent;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;padding:14px 10px;text-align:center;transition:.18s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.role-card:active{transform:scale(.97)}.role-card.selected{background:#e3f2fd;background:var(--blue-100);border-color:#1976d2;border-color:var(--blue-500)}.role-card-icon{font-size:1.6rem;margin-bottom:4px}.role-card-label{color:#0a1628;color:var(--blue-900);font-size:.85rem;font-weight:700}.role-card-sub{color:#94a3b8;color:var(--gray-400);font-size:.72rem;margin-top:2px}.checkbox-group{align-items:flex-start;display:flex;gap:10px;margin-bottom:8px}.checkbox-group input[type=checkbox]{accent-color:#1565c0;accent-color:var(--blue-600);cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.checkbox-label{color:#475569;color:var(--gray-600);cursor:pointer;font-size:.88rem;line-height:1.5}.checkbox-label a{color:#1565c0;color:var(--blue-600)}.profile-header{align-items:center;background:linear-gradient(135deg,#0a1628,#1565c0);background:linear-gradient(135deg,var(--blue-900),var(--blue-600));border-radius:20px;border-radius:var(--radius-lg);color:#fff;display:flex;gap:16px;margin-bottom:16px;padding:20px}@media (min-width:600px){.profile-header{gap:24px;padding:28px 32px}}.profile-avatar-lg{align-items:center;background:#ffffff26;border:2.5px solid #ffffff4d;border-radius:50%;display:flex;flex-shrink:0;font-size:1.6rem;font-weight:800;height:64px;justify-content:center;overflow:hidden;width:64px}@media (min-width:600px){.profile-avatar-lg{font-size:2rem;height:80px;width:80px}}.profile-avatar-lg img{height:100%;object-fit:cover;width:100%}.profile-name{font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(1.2rem,4vw,1.6rem);font-weight:800}.profile-role-badge{align-items:center;background:#00e5ff33;border-radius:100px;color:#00e5ff;color:var(--accent);display:inline-flex;font-size:.72rem;font-weight:700;margin-top:6px;padding:3px 10px}.profile-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}@media (min-width:540px){.profile-grid{grid-template-columns:1fr 1fr}}.profile-field-label{color:#94a3b8;color:var(--gray-400);font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-bottom:3px;text-transform:uppercase}.profile-field-value{color:#1e293b;color:var(--gray-800);font-size:.9rem;font-weight:500;word-break:break-word}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-title{color:#0a1628;color:var(--blue-900);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:700}.empty-state{padding:48px 20px;text-align:center}.empty-state-icon{font-size:2.8rem;margin-bottom:10px}.empty-state-title{color:#475569;color:var(--gray-600);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:6px}.empty-state-sub{color:#94a3b8;color:var(--gray-400);font-size:.85rem}.text-link{color:#1565c0;color:var(--blue-600);cursor:pointer;font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}.mt-16{margin-top:16px}.text-center{text-align:center}@media (min-width:900px){::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--gray-200);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.leaflet-container{z-index:1}.avatar-ring{border:3px solid #ffffff59;box-shadow:0 4px 16px #0003}@media (min-width:600px){[data-modal-backdrop]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.day-chip{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:20px;color:#475569;color:var(--gray-600);cursor:pointer;font-size:.78rem;font-weight:600;padding:6px 12px;transition:all .15s}.day-chip.selected{background:#e3f2fd;background:var(--blue-100);border-color:#1976d2;border-color:var(--blue-500);color:#1565c0;color:var(--blue-600)}.toggle-track{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;height:24px;padding:2px;transition:background .2s;width:44px}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;transition:transform .2s;width:20px}.toast{animation:fadeInDown .2s ease;border-radius:10px;box-shadow:0 4px 16px #0003;font-size:.88rem;font-weight:600;left:50%;padding:10px 20px;position:fixed;top:16px;transform:translateX(-50%);white-space:nowrap;z-index:3000}@keyframes fadeInDown{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}