:root{--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-body:"Manrope", "Segoe UI", sans-serif;--bg:#07111f;--bg-primary:#07111f;--bg-secondary:#0d1a33;--bg-elevated:#0a1327c7;--bg-panel:#0e1834e6;--bg-card:#0a1327e0;--bg-glass:#ffffff0d;--bg-soft:#85a5ff14;--bg-input:#0c152beb;--text:#f6f8ff;--text-h:#fff;--text-primary:#f6f8ff;--text-secondary:#a8b5da;--text-muted:#6f7da9;--accent:#7c6cff;--accent-light:#87b7ff;--accent-glow:#7c6cff52;--success:#34d399;--warning:#fbbf24;--danger:#fb7185;--info:#60a5fa;--border:#9aadff29;--border-light:#9aadff3d;--border-color:#9aadff29;--gradient-1:linear-gradient(135deg, #7c6cff 0%, #4ec5ff 100%);--gradient-2:linear-gradient(135deg, #90cdf4 0%, #7c6cff 100%);--gradient-hero:radial-gradient(circle at top left, #7c6cff3d, transparent 32%), radial-gradient(circle at right center, #4ec5ff29, transparent 30%), linear-gradient(180deg, #08101d 0%, #091427 100%);--radius:18px;--radius-lg:28px;--shadow:0 24px 70px #0307126b;--transition:all .24s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);background:var(--gradient-hero);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#091224f2}::-webkit-scrollbar-thumb{background:linear-gradient(#7c6cffcc,#4ec5ffcc);border-radius:999px}.mobile-only{display:none}.dashboard-shell{min-height:100vh;display:flex}.shell-sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#081022c2;flex-direction:column;gap:26px;width:300px;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.shell-brand{align-items:center;gap:14px;display:flex}.shell-brand-mark{background:var(--gradient-1);color:#fff;width:52px;height:52px;font-family:var(--font-display);letter-spacing:.08em;border-radius:18px;place-items:center;font-weight:700;display:grid;box-shadow:0 16px 35px #7c6cff4d}.shell-brand-title,.sidebar-logo{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.45rem;font-weight:700}.shell-brand-copy{color:var(--text-secondary);font-size:.88rem}.shell-nav{flex-direction:column;gap:8px;display:flex}.shell-nav-link,.mobile-drawer-link{color:var(--text-secondary);transition:var(--transition);border:1px solid #0000;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.shell-nav-link strong,.mobile-drawer-link strong{font-size:.95rem;display:block}.shell-nav-link small,.mobile-drawer-link small{color:var(--text-muted);margin-top:2px;font-size:.76rem;display:block}.shell-nav-link:hover,.mobile-drawer-link:hover,.shell-nav-link.active,.mobile-drawer-link.active{color:var(--text-primary);background:#87b7ff1a;border-color:#87b7ff29;transform:translate(2px)}.shell-nav-link.active,.mobile-drawer-link.active{box-shadow:inset 0 0 0 1px #87b7ff29}.shell-nav-icon{background:#ffffff0a;border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.shell-nav-icon svg{width:20px;height:20px}.sidebar-spotlight{background:linear-gradient(#7c6cff29 0%,#0c152b66 100%);border:1px solid #87b7ff24;border-radius:24px;margin-top:auto;padding:22px}.sidebar-spotlight-label,.section-kicker,.shell-eyebrow{color:var(--accent-light);text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;font-size:.72rem;font-weight:800}.sidebar-spotlight h3{font-family:var(--font-display);margin:0 0 18px;font-size:1.25rem;line-height:1.2}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-topbar{z-index:30;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#081022ad;border-bottom:1px solid #9aadff1f;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 34px 18px;display:flex;position:sticky;top:0}.shell-topbar-left{align-items:flex-start;gap:14px;display:flex}.shell-title{font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:clamp(1.6rem,2vw,2.45rem)}.shell-subtitle{color:var(--text-secondary);max-width:640px;margin:6px 0 0;font-size:.96rem}.shell-topbar-actions{align-items:center;gap:14px;display:flex}.topbar-action,.profile-trigger,.icon-button{color:var(--text-primary);transition:var(--transition);background:#ffffff0a;border:1px solid #9aadff24;border-radius:18px}.topbar-action:hover,.profile-trigger:hover,.icon-button:hover{background:#ffffff14;border-color:#87b7ff3d;transform:translateY(-1px)}.topbar-action{align-items:center;gap:10px;padding:13px 16px;font-weight:700;display:inline-flex}.topbar-action-icon{background:#7c6cff38;border-radius:999px;place-items:center;width:24px;height:24px;display:grid}.profile-menu-wrap{position:relative}.profile-trigger{align-items:center;gap:10px;padding:8px 10px;display:inline-flex}.profile-trigger svg{width:18px;height:18px}.profile-trigger-avatar{background:var(--gradient-1);width:38px;height:38px;font-family:var(--font-display);border-radius:14px;place-items:center;font-weight:700;display:grid}.profile-trigger-copy strong,.profile-trigger-copy small{display:block}.profile-trigger-copy small{color:var(--text-secondary);font-size:.72rem}.profile-menu{width:210px;box-shadow:var(--shadow);background:#0a1327f5;border:1px solid #9aadff1f;border-radius:18px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.profile-menu button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:14px;padding:12px 14px}.profile-menu button:hover{background:#ffffff0f}.profile-menu button.danger{color:var(--danger)}.shell-content{padding:30px 34px 120px}.dashboard-home{flex-direction:column;gap:24px;display:flex}.page-header{margin-bottom:24px}.page-header h1{font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,2.6vw,2.7rem)}.page-header p{color:var(--text-secondary);margin:8px 0 0}.dashboard-hero{box-shadow:var(--shadow);background:linear-gradient(135deg,#7c6cff2e 0%,#0b152beb 54%,#4ec5ff24 100%);border:1px solid #87b7ff1f;border-radius:30px;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px;padding:28px;display:grid}.dashboard-hero h2{font-family:var(--font-display);letter-spacing:-.06em;max-width:12ch;margin:0;font-size:clamp(2rem,3vw,3.3rem);line-height:1.02}.hero-support{max-width:58ch;color:var(--text-secondary);margin:18px 0 0;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-metrics{gap:14px;display:grid}.hero-metric-card,.dashboard-panel,.card,.booking-card,.stat-card{box-shadow:var(--shadow);background:#0a1327e0;border:1px solid #9aadff1f;border-radius:24px}.hero-metric-card{padding:20px}.hero-metric-card span,.journey-meta-grid small,.profile-summary-list small,.compact-booking-item small,.stat-label,.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800;display:block}.hero-metric-card strong,.stat-value{font-family:var(--font-display);letter-spacing:-.05em;margin-top:8px;font-size:1.8rem;display:block}.hero-metric-card small,.stat-subtext{color:var(--text-secondary);margin-top:6px;font-size:.86rem;display:block}.dashboard-actions-grid,.stats-grid,.dashboard-grid{gap:18px;display:grid}.dashboard-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-card{color:var(--text-primary);text-align:left;cursor:pointer;transition:var(--transition);background:#0a1327e6;border:1px solid #9aadff1f;border-radius:24px;align-items:center;gap:16px;padding:20px;display:flex}.action-card:hover{border-color:#87b7ff3d;transform:translateY(-3px)}.action-card-primary{background:linear-gradient(135deg,#7c6cff42,#4ec5ff1f)}.action-card-secondary{background:linear-gradient(135deg,#4ec5ff38,#0a1327e0)}.action-card-soft{background:linear-gradient(135deg,#ffffff0f,#7c6cff14)}.action-card-icon{width:56px;height:56px;font-family:var(--font-display);background:#ffffff14;border-radius:20px;place-items:center;font-weight:700;display:grid}.action-card h3,.panel-heading h3,.empty-inline-state h4,.value-panel h3{font-family:var(--font-display);letter-spacing:-.04em;margin:0}.action-card p,.empty-inline-state p,.value-stack p{color:var(--text-secondary);margin:6px 0 0}.dashboard-panel,.card,.booking-card,.stat-card{padding:22px}.panel-heading,.card-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.card-title{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.18rem}.journey-card{gap:18px;display:grid}.journey-route{gap:10px;display:grid}.journey-stop{align-items:flex-start;gap:12px;display:flex}.journey-dot,.booking-dot{border-radius:999px;flex-shrink:0;width:12px;height:12px;margin-top:6px}.journey-stop.pickup .journey-dot,.booking-dot.pickup{background:var(--success);box-shadow:0 0 0 6px #34d39929}.journey-stop.drop .journey-dot,.booking-dot.drop{background:var(--danger);box-shadow:0 0 0 6px #fb718529}.journey-stop strong,.profile-summary-list strong,.compact-booking-item strong{margin-top:4px;display:block}.journey-stop small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;display:block}.journey-line{background:linear-gradient(#34d39980,#fb718566);width:2px;height:26px;margin-left:5px}.journey-meta-grid,.profile-summary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.compact-booking-list,.value-stack{gap:12px;display:grid}.compact-booking-item{width:100%;color:var(--text-primary);text-align:left;transition:var(--transition);background:#ffffff05;border:1px solid #9aadff1f;border-radius:20px;justify-content:space-between;gap:14px;padding:16px 18px;display:flex}.compact-booking-item:hover{border-color:#87b7ff38;transform:translate(2px)}.compact-booking-item span{color:var(--text-secondary);margin-top:4px;display:block}.status-pill,.badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.76rem;font-weight:800;display:inline-flex}.tone-success,.badge-completed,.badge-approved{color:var(--success);background:#34d3991f}.tone-pending,.badge-pending{color:var(--warning);background:#fbbf241f}.tone-danger,.badge-cancelled,.badge-rejected{color:var(--danger);background:#fb71851f}.tone-info,.badge-accepted{color:var(--info);background:#60a5fa1f}.tone-accent,.badge-in_progress{color:var(--accent-light);background:#7c6cff24}.text-link-button{color:var(--accent-light);cursor:pointer;background:0 0;border:none;font-weight:700}.value-stack>div{border-bottom:1px solid #9aadff1a;padding:14px 0}.value-stack>div:last-child{border-bottom:none}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-group{margin-bottom:18px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-input{background:var(--bg-input);width:100%;color:var(--text-primary);transition:var(--transition);border:1px solid #9aadff24;border-radius:18px;padding:14px 16px}textarea.form-input{resize:vertical;min-height:96px}.form-input:focus{border-color:#87b7ff5c;outline:none;box-shadow:0 0 0 4px #7c6cff29}.form-input::placeholder{color:var(--text-muted)}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:800;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 18px 35px #7c6cff3d}.btn-secondary{color:var(--text-primary);background:#ffffff0d;border:1px solid #9aadff24}.btn-danger{color:#fff;background:linear-gradient(135deg,#fb7185,#e11d48)}.btn-success{color:#03130d;background:linear-gradient(135deg,#34d399,#10b981)}.btn-info{color:#fff;background:linear-gradient(135deg,#60a5fa,#3b82f6)}.btn-full{width:100%}.btn-sm{padding:10px 14px;font-size:.85rem}.alert{border:1px solid #0000;border-radius:18px;margin-bottom:16px;padding:14px 16px}.alert-error{color:#fecdd3;background:#fb71851f;border-color:#fb718538}.alert-success{color:#d1fae5;background:#34d3991f;border-color:#34d39938}.alert-warning{color:#fde68a;background:#fbbf241f;border-color:#fbbf2438}.table-wrap{border:1px solid #9aadff1f;border-radius:22px;overflow-x:auto}.approval-banner,.upload-area{background:#ffffff08;border:1px solid #9aadff24;border-radius:22px;padding:20px}.approval-banner h2{font-family:var(--font-display);margin:0 0 10px}.upload-area{text-align:center;border-style:dashed;position:relative}.upload-area input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}table{border-collapse:collapse;width:100%}thead{background:#ffffff0a}th,td{text-align:left;padding:14px 16px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}td{border-top:1px solid #9aadff14}.booking-locations{gap:12px;display:grid}.booking-location{gap:12px;display:flex}.booking-meta{color:var(--text-secondary);flex-wrap:wrap;gap:12px;font-size:.88rem;display:flex}.empty-state,.loading-state,.empty-inline-state{text-align:center}.empty-state,.loading-state{padding:64px 20px}.loading-state{color:var(--text-secondary);justify-items:center;gap:12px;display:grid}.spinner{border:2px solid #ffffff29;border-top-color:#fff;border-radius:999px;width:22px;height:22px;animation:.7s linear infinite spin}.empty-state h3,.empty-inline-state h4{margin:0}.empty-state p,.empty-inline-state p{color:var(--text-secondary);margin:8px 0 0}.mobile-backdrop,.mobile-drawer,.bottom-nav{display:none}.icon-button{cursor:pointer;place-items:center;width:46px;height:46px;display:grid}.icon-button svg{width:20px;height:20px}.login-page{background:var(--gradient-hero);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(100%,460px);box-shadow:var(--shadow);background:#0a1327eb;border:1px solid #9aadff1f;border-radius:30px;padding:34px}.login-icon{background:linear-gradient(135deg,#7c6cff47,#4ec5ff38);border:1px solid #9aadff33;border-radius:18px;place-items:center;width:56px;height:56px;margin:0 auto 16px;display:grid}.login-icon svg{color:#e3ebff;width:26px;height:26px}.login-card h1,.section-title,.hero h1{font-family:var(--font-display);letter-spacing:-.05em;margin:0}.login-card h1{text-align:center;font-size:clamp(2rem,4.2vw,2.5rem)}.login-card h1 span{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.login-subtitle,.section-subtitle,.hero p,.landing-footer{color:var(--text-secondary)}.login-subtitle{text-align:center;margin:10px 0 20px;font-size:.95rem}.otp-container{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:10px 0 14px;display:grid}.otp-input{background:var(--bg-input);width:100%;min-height:52px;color:var(--text-primary);font-family:var(--font-display);text-align:center;transition:var(--transition);border:1px solid #9aadff33;border-radius:14px;font-size:1.25rem;font-weight:700}.otp-input:focus{border-color:#87b7ff6b;outline:none;box-shadow:0 0 0 4px #7c6cff29}.otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.login-footer-note{color:var(--text-muted);text-align:center;border-top:1px solid #9aadff1f;margin:18px 0 0;padding-top:14px;font-size:.8rem;line-height:1.45}.auth-switch,.auth-tabs{background:#ffffff0a;border-radius:18px;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:22px;padding:6px;display:grid}.auth-switch-btn,.auth-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:14px;padding:10px 12px;font-weight:700}.auth-switch-btn.active,.auth-tab.active{background:var(--gradient-1);color:#fff}.landing-nav{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#081022b8;border-bottom:1px solid #9aadff1f;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:sticky;top:0}.landing-nav .logo{font-family:var(--font-display);font-size:1.45rem;font-weight:700}.landing-nav .logo span{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.landing-nav .nav-actions,.features-grid,.pricing-grid,.testimonials-grid,.contact-grid{gap:16px;display:grid}.landing-nav .nav-actions{grid-auto-flow:column}.hero{text-align:center;place-items:center;min-height:100vh;padding:100px 22px 72px;display:grid}.hero h1{max-width:12ch;font-size:clamp(2.6rem,6vw,5rem)}.hero h1 span{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero p{max-width:54ch;margin:18px auto 0}.hero-actions{justify-content:center}.section{max-width:1160px;margin:0 auto;padding:64px 22px}.section-title{text-align:center;font-size:clamp(2rem,3vw,3rem)}.section-subtitle{text-align:center;max-width:56ch;margin:10px auto 0}.features-grid,.pricing-grid,.testimonials-grid,.contact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:28px}.feature-card,.pricing-card,.testimonial-card,.contact-section{background:#0a1327d6;border:1px solid #9aadff1f;border-radius:26px;padding:24px}.react-autosuggest__container{position:relative}.react-autosuggest__suggestions-container{display:none}.react-autosuggest__suggestions-container--open{z-index:40;max-height:260px;box-shadow:var(--shadow);background:#0a1327f5;border:1px solid #9aadff29;border-radius:18px;display:block;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.react-autosuggest__suggestion{cursor:pointer;padding:12px 14px}.react-autosuggest__suggestion:hover,.react-autosuggest__suggestion--highlighted{background:#7c6cff1f}.leaflet-container{z-index:1;border:1px solid #9aadff1f;border-radius:20px;width:100%;height:380px;overflow:hidden}.confirmation-map-panel{display:none!important}.confirmation-mobile-map{display:block!important}.fade-in{animation:.36s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.dashboard-actions-grid,.dashboard-grid,.dashboard-hero{grid-template-columns:1fr}}@media (width<=920px){.shell-sidebar{display:none}.mobile-only{display:inline-grid}.desktop-only{display:none}.shell-topbar{align-items:center;padding:18px 18px 14px}.shell-title{font-size:1.45rem}.shell-subtitle{font-size:.88rem}.shell-content{padding:18px 18px 110px}.mobile-backdrop{z-index:34;background:#0206178f;border:none;display:block;position:fixed;inset:0}.mobile-drawer{z-index:35;background:#081022f5;border-right:1px solid #9aadff1f;flex-direction:column;gap:18px;width:min(86vw,340px);padding:22px 18px 28px;transition:transform .24s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header,.mobile-drawer-actions{align-items:center;gap:12px;display:flex}.mobile-drawer-header{justify-content:space-between}.mobile-drawer-header h2{font-family:var(--font-display);margin:0}.mobile-drawer-nav{gap:8px;display:grid}.mobile-drawer-actions{flex-direction:column;margin-top:auto}.bottom-nav{z-index:32;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow);background:#081022e0;border:1px solid #9aadff24;border-radius:22px;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;display:grid;position:fixed;bottom:14px;left:14px;right:14px}.bottom-nav-link{color:var(--text-secondary);border-radius:16px;justify-items:center;gap:6px;padding:10px 6px;font-size:.74rem;font-weight:700;display:grid}.bottom-nav-link.active{color:#fff;background:#7c6cff2e}.bottom-nav-link .shell-nav-icon{border-radius:12px;width:34px;height:34px}}@media (width<=640px){.journey-meta-grid,.profile-summary-list,.stats-grid,.form-row{grid-template-columns:1fr}.dashboard-panel,.card,.booking-card,.hero-metric-card,.action-card{padding:18px}.profile-trigger{padding:7px}.login-card{padding:24px}.otp-container{gap:8px}.otp-input{min-height:46px;font-size:1.1rem}.landing-nav{padding:14px 16px}.landing-nav .nav-actions{grid-auto-flow:row}}@media (width>=1024px){.confirmation-map-panel{display:block!important}.confirmation-mobile-map{display:none!important}}