@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--rd-route:#0f8a5f;--rd-route-600:#0b7050;--rd-route-700:#0a5a41;--rd-route-800:#084632;--rd-route-500:#18a773;--rd-route-400:#3fc392;--rd-route-300:#84dbb6;--rd-route-200:#c2edd7;--rd-route-100:#e3f6eb;--rd-route-50:#f1faf4;--rd-coral:#f26a4f;--rd-coral-600:#dd523a;--rd-coral-700:#b33e2a;--rd-coral-500:#f58772;--rd-coral-300:#fbb7a6;--rd-coral-100:#fde5de;--rd-coral-50:#fef3ef;--rd-ink:#0e1614;--rd-ink-soft:#1a2522;--rd-charcoal:#2e3936;--rd-slate:#5a6663;--rd-slate-soft:#87938f;--rd-line:#dde3e0;--rd-line-soft:#ecefec;--rd-surface-2:#f5f6f3;--rd-surface-1:#fafbf8;--rd-white:#fff;--rd-pickup:#f26a4f;--rd-drop:#0f8a5f;--rd-route-line:#0f8a5f;--rd-corridor:#0f8a5f1f;--rd-corridor-stroke:#0f8a5f4d;--rd-urgent:#dc4a2f;--rd-urgent-bg:#fce9e4;--rd-sameday:#b47a12;--rd-sameday-bg:#fbf1dc;--rd-flexible:#5a6663;--rd-flexible-bg:#ecefec;--rd-success:#0f8a5f;--rd-success-bg:#e3f6eb;--rd-warning:#c28411;--rd-warning-bg:#fbf1dc;--rd-danger:#c9382b;--rd-danger-bg:#fce9e4;--rd-info:#1f6fb2;--rd-info-bg:#e4eff8;--rd-verified:#1f6fb2;--rd-star:#f1a516;--fg1:var(--rd-ink);--fg2:var(--rd-slate);--fg3:var(--rd-slate-soft);--fg-on-route:#fff;--fg-on-coral:#fff;--bg1:var(--rd-white);--bg2:var(--rd-surface-1);--bg3:var(--rd-surface-2);--bg-ink:var(--rd-ink);--font-display:"Bricolage Grotesque", "Manrope", system-ui, -apple-system, sans-serif;--font-ui:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:34px;--text-4xl:44px;--text-5xl:56px;--text-6xl:72px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-3xl:32px;--r-pill:999px;--r-card:18px;--r-sheet:24px;--shadow-xs:0 1px 2px #0e16140d;--shadow-sm:0 2px 6px #0e16140f, 0 1px 2px #0e16140a;--shadow-md:0 6px 18px #0e161414, 0 2px 4px #0e16140a;--shadow-lg:0 18px 40px #0e16141a, 0 4px 10px #0e16140d;--shadow-pop:0 24px 60px #0e16142e;--shadow-route:0 8px 24px #0f8a5f38;--shadow-coral:0 8px 24px #f26a4f42;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, .78, .16);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--t-fast:.12s;--t-med:.22s;--t-slow:.38s;--hit-target:44px;--container-mobile:390px;--container-tablet:768px;--container-desktop:1200px;--bg-primary:var(--rd-surface-2);--bg-secondary:var(--rd-surface-1);--bg-tertiary:var(--rd-white);--accent-blue:var(--rd-route);--accent-blue-rgb:15, 138, 95;--accent-green:var(--rd-route);--accent-green-rgb:15, 138, 95;--accent-orange:var(--rd-coral);--accent-orange-rgb:242, 106, 79;--accent-red:var(--rd-danger);--accent-red-rgb:201, 56, 43;--text-primary:var(--rd-ink);--text-secondary:var(--rd-slate);--text-muted:var(--rd-slate-soft);--border-color:var(--rd-line);--glass-bg:#fafbf8d9;--glass-border:var(--rd-line-soft);--font-header:var(--font-display);--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-card);--shadow-glow-blue:var(--shadow-route);--shadow-glow-green:var(--shadow-route);--shadow-glow-red:var(--shadow-coral);--transition-smooth:all var(--t-med) var(--ease-out)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg1);font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--rd-line);border-radius:var(--r-xs)}::-webkit-scrollbar-thumb:hover{background:var(--rd-slate-soft)}.app-container{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow-y:auto}.app-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);height:70px;padding:0 var(--s-6);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-logo{font-family:var(--font-display);font-size:var(--text-xl);background:linear-gradient(135deg, var(--rd-ink) 0%, var(--rd-route) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;font-weight:800;display:flex}.role-switcher-container{background:var(--bg-primary);padding:var(--s-1);border-radius:var(--r-md);border:1px solid var(--border-color);display:flex}.role-button{color:var(--text-secondary);border-radius:var(--r-sm);font-size:var(--text-sm);cursor:pointer;transition:all var(--t-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-weight:600;display:flex}.role-button.active{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.role-button:hover:not(.active){color:var(--text-primary)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--r-md)}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--r-card);padding:var(--s-5);box-shadow:var(--shadow-sm);transition:all var(--t-med) var(--ease-out)}.glass-card:hover{box-shadow:var(--shadow-md);border-color:var(--rd-route-200);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--s-2);font-family:var(--font-ui);border-radius:var(--r-pill);cursor:pointer;transition:all var(--t-fast) var(--ease-out);border:none;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--rd-route);color:#fff;box-shadow:var(--shadow-route)}.btn-primary:hover{background:var(--rd-route-600);transform:translateY(-1px)}.btn-success{background:var(--rd-route-500);color:#fff;box-shadow:var(--shadow-route)}.btn-success:hover{background:var(--rd-route-600);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1.5px solid var(--rd-line)}.btn-secondary:hover{background:var(--rd-route-50);border-color:var(--rd-route-200)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.map-wrapper{border-radius:var(--r-md);border:1px solid var(--border-color);width:100%;height:100%;position:relative;overflow:hidden}.map-container-div{background-color:var(--bg-primary);width:100%;height:100%}.leaflet-container{background-color:var(--bg-primary)!important;font-family:var(--font-ui)!important}.leaflet-bar{border:1px solid var(--border-color)!important;box-shadow:var(--shadow-md)!important;background-color:var(--bg-secondary)!important}.leaflet-bar a{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important}.leaflet-bar a:hover{background-color:var(--bg-tertiary)!important}.leaflet-popup-content-wrapper{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-md)!important}.leaflet-popup-tip{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}.badge{border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-blue{background:var(--rd-info-bg);color:var(--rd-info);border:1px solid #1f6fb233}.badge-green{background:var(--rd-success-bg);color:var(--rd-success);border:1px solid #0f8a5f33}.badge-orange{background:var(--rd-sameday-bg);color:var(--rd-sameday);border:1px solid #b47a1233}.badge-red{background:var(--rd-danger-bg);color:var(--rd-danger);border:1px solid #c9382b33}.form-group{margin-bottom:var(--s-4)}.form-label{font-size:var(--text-sm);color:var(--fg2);letter-spacing:.01em;margin-bottom:6px;font-weight:600;display:block}.form-control{background:var(--bg1);border:1.5px solid var(--rd-line);border-radius:var(--r-md);width:100%;color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);padding:10px var(--s-4);transition:border-color var(--t-fast)}.form-control:focus{border-color:var(--rd-route);outline:none;box-shadow:0 0 0 3px #0f8a5f14}select.form-control{cursor:pointer}.slider-input{-webkit-appearance:none;background:var(--rd-line-soft);border-radius:3px;outline:none;width:100%;height:6px;margin:12px 0}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--rd-route);cursor:pointer;width:18px;height:18px;transition:transform var(--t-fast);box-shadow:var(--shadow-route);border-radius:50%}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.wizard-steps{margin-bottom:var(--s-6);justify-content:space-between;display:flex;position:relative}.wizard-steps:before{content:"";background:var(--rd-line-soft);z-index:1;height:2px;position:absolute;top:15px;left:0;right:0}.wizard-step{background:var(--bg-secondary);border:2px solid var(--rd-line);width:32px;height:32px;font-size:var(--text-xs);color:var(--text-secondary);z-index:2;transition:all var(--t-med) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.wizard-step.active{border-color:var(--rd-route);background:var(--rd-route-50);color:var(--rd-route-700);box-shadow:0 0 10px #0f8a5f26}.wizard-step.completed{border-color:var(--rd-route);background:var(--rd-route);color:#fff}.gps-pulse-dot{background-color:var(--rd-route);border-radius:50%;width:12px;height:12px;animation:2s infinite gpsPulse;box-shadow:0 0 #0f8a5fb3}@keyframes gpsPulse{0%{transform:scale(.95);box-shadow:0 0 #0f8a5fb3}70%{transform:scale(1);box-shadow:0 0 0 8px #0f8a5f00}to{transform:scale(.95);box-shadow:0 0 #0f8a5f00}}.sos-flashing-alert{background:var(--rd-danger-bg);border:1px solid var(--rd-danger);animation:1s infinite alternate sosFlash}@keyframes sosFlash{0%{border-color:#c9382b66;box-shadow:0 0 15px #c9382b33}to{border-color:#c9382b;box-shadow:0 0 25px #c9382b99}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.dashboard-grid{gap:var(--s-6);padding:var(--s-6);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-4{grid-column:span 4}.col-6{grid-column:span 6}@media (width<=1024px){.col-8,.col-4,.col-6{grid-column:span 12}}.split-view-container{width:100%;height:calc(100vh - 70px);display:flex}.split-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);width:420px;min-width:420px;height:100%;padding:var(--s-5);flex-direction:column;display:flex;overflow-y:auto}.split-map-container{flex:1;height:100%;position:relative}.toggle-switch-group{gap:var(--s-2);background:var(--bg-primary);padding:var(--s-1);border-radius:var(--r-md);border:1px solid var(--border-color);grid-template-columns:repeat(2,1fr);display:grid}.toggle-switch-btn{color:var(--text-secondary);padding:var(--s-2);border-radius:var(--r-sm);font-size:var(--text-sm);cursor:pointer;transition:all var(--t-fast) var(--ease-out);text-align:center;background:0 0;border:none;font-weight:600}.toggle-switch-btn.active{background:var(--bg-tertiary);color:var(--text-primary)}.size-selector-grid{gap:var(--s-3);grid-template-columns:repeat(2,1fr);display:grid}.size-option-card{background:var(--bg1);border:1.5px solid var(--rd-line);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast) var(--ease-out);text-align:center;flex-direction:column;align-items:center;padding:14px;display:flex}.size-option-card:hover{border-color:var(--rd-route-300);background:var(--rd-route-50)}.size-option-card.selected{border-color:var(--rd-route);background:var(--rd-route-50);box-shadow:0 0 0 3px #0f8a5f14}.size-icon{margin-bottom:var(--s-2);font-size:28px}.size-label{font-size:var(--text-sm);color:var(--fg1);margin-bottom:2px;font-weight:700}.size-desc{color:var(--fg2);font-size:11px}.match-card{background:var(--bg1);border:1.5px solid var(--rd-line);border-radius:var(--r-card);padding:var(--s-4);margin-bottom:var(--s-3);cursor:pointer;transition:all var(--t-fast) var(--ease-out);position:relative}.match-card:hover{border-color:var(--rd-route-300);box-shadow:var(--shadow-sm)}.match-card.selected{border-color:var(--rd-route);background:var(--rd-route-50);box-shadow:0 0 0 3px #0f8a5f14}.match-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.match-card-price{font-family:var(--font-display);font-size:var(--text-lg);color:var(--rd-route);font-feature-settings:"tnum" 1;font-weight:700}.route-info-flow{font-size:var(--text-xs);color:var(--text-secondary);border-left:2px dashed var(--rd-line);padding-left:var(--s-3);margin:10px 0;margin-left:var(--s-1);flex-direction:column;gap:6px;display:flex}.route-flow-node{position:relative}.route-flow-node:before{content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:5px;left:-17px}.route-flow-node.pickup:before{background-color:var(--rd-coral)}.route-flow-node.drop:before{background-color:var(--rd-route)}.chat-window{border:1px solid var(--border-color);border-radius:var(--r-md);background:var(--bg1);flex-direction:column;height:180px;display:flex;overflow:hidden}.chat-messages{gap:var(--s-2);flex-direction:column;flex:1;padding:10px;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--r-md);max-width:80%;font-size:var(--text-xs);padding:6px 12px}.chat-bubble.sent{background:var(--rd-route);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.chat-bubble.received{background:var(--rd-surface-2);color:var(--text-primary);border-bottom-left-radius:2px;align-self:flex-start}.chat-input-form{border-top:1px solid var(--border-color);display:flex}.chat-input{color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-xs);background:0 0;border:none;flex:1;padding:8px 12px}.chat-input:focus{outline:none}.chat-send-btn{background:var(--rd-route-50);color:var(--rd-route-700);cursor:pointer;font-weight:700;font-size:var(--text-sm);transition:background var(--t-fast);border:none;padding:0 12px}.chat-send-btn:hover{background:var(--rd-route-100);color:var(--rd-route)}.custom-marker-icon{color:#fff;box-shadow:var(--shadow-md);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;width:24px!important;height:24px!important}.custom-marker-pickup{background-color:var(--rd-coral)}.custom-marker-drop{background-color:var(--rd-route)}.custom-marker-start{background-color:var(--rd-info)}.custom-marker-end{background-color:#6366f1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:1s linear infinite spin}.mobile-nav-bar{height:calc(60px + env(safe-area-inset-bottom));background-color:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:1000;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d}.mobile-nav-item{color:var(--text-secondary);cursor:pointer;height:100%;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--rd-route)}@media (width<=767px){.sidebar-aside,.role-switcher-container{display:none!important}.mobile-nav-bar{display:flex}.app-container{flex-direction:column;height:100vh;overflow:hidden}.main-content{padding-bottom:20px;overflow-y:auto;height:calc(100vh - 60px - 60px - env(safe-area-inset-bottom))!important}.app-header{height:60px!important;padding:0 var(--s-4)!important}.guest-hero{padding:32px var(--s-4) 24px!important}.guest-hero-title{font-size:24px!important;line-height:1.3!important}.guest-hero-sub{margin-bottom:16px!important;font-size:13px!important}.guest-search-card{border-radius:12px!important;padding:12px!important}.guest-input-row{flex-direction:column!important;gap:12px!important;width:100%!important}.guest-input-group{flex:none!important;width:100%!important}.guest-arrow-divider{margin:4px 0;transform:rotate(90deg)}.guest-send-btn{width:100%!important;padding:12px!important}.send-wizard-container,.traveler-planner-container,.live-tracking-container{height:calc(100vh - 60px - 60px - env(safe-area-inset-bottom))!important;flex-direction:column-reverse!important}.send-wizard-form-panel,.traveler-planner-sidebar,.live-tracking-sidebar{border-right:none!important;border-top:1px solid var(--border-color)!important;width:100%!important;min-width:100%!important;height:60%!important;padding:16px!important;overflow-y:auto!important}.send-wizard-map-panel,.traveler-planner-map-container,.live-tracking-map-panel{width:100%!important;height:40%!important;padding:0!important}.map-wrapper,.map-container-div{border:none!important;border-radius:0!important}.send-wizard-map-panel>div:first-child,.traveler-planner-map-container>div:first-child,.live-tracking-map-panel>div:first-child{padding:6px 12px!important;font-size:10px!important;top:12px!important;left:12px!important}.login-card{width:92%!important;max-height:85vh!important;padding:24px 20px!important}.dashboard-grid{padding:var(--s-4)!important;gap:var(--s-4)!important}}