@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-deep:#060d20;--bg-surface:#0b1326;--bg-surface-low:#131b2e;--bg-surface-high:#171f33;--bg-surface-highest:#222a3e;--border-muted:#ffffff14;--border-glow:#4cd7f633;--color-motorist:#06b6d4;--color-primary:#4cd7f6;--color-primary-glow:#4cd7f659;--color-tow:#ffb95f;--color-secondary:#ee9800;--color-tow-glow:#ffb95f59;--color-success:#4edea3;--color-success-glow:#4edea359;--color-error:#ffb4ab;--color-error-glow:#ffb4ab59;--text-primary:#dbe2fd;--text-secondary:#94a3b8;--text-muted:#64748b;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-premium:0 12px 36px -8px #000c, 0 1px 1px 0 #ffffff0d inset;--shadow-neon-motorist:0 0 18px #06b6d466;--shadow-neon-tow:0 0 18px #ffb95f66;--shadow-neon-success:0 0 18px #4edea366}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-muted);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);background:#131b2ed9;border-radius:20px}.glass-panel:hover{border-color:#ffffff24}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-weight:600}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-muted);z-index:100;background:#060d20e6;justify-content:space-between;align-items:center;height:64px;min-height:64px;padding:0 20px;display:flex}.brand{align-items:center;gap:10px;display:flex}.logo-glow{color:var(--color-tow);filter:drop-shadow(0 0 10px var(--color-tow-glow))}.brand-name{background:linear-gradient(135deg, #fff 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;font-size:22px;font-weight:800}.brand-subtitle{color:var(--text-secondary);font-size:9.5px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:-3px}.header-controls{align-items:center;gap:12px;display:flex}.state-selector-wrapper{border:1px solid var(--border-muted);background:#171f33b3;border-radius:12px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:relative}.state-select{color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;outline:none;font-size:12px;font-weight:600}.state-select option{color:#fff;background:#0b1326}.main-content{flex:1;display:flex;position:relative;overflow:hidden}.map-viewport{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.vehicle-preset-grid{scrollbar-width:none;gap:8px;margin-bottom:12px;padding-bottom:6px;display:flex;overflow-x:auto}.vehicle-chip{border:1px solid var(--border-muted);color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:var(--transition-smooth);background:#171f33cc;border-radius:20px;padding:6px 14px;font-size:11.5px;font-weight:600}.vehicle-chip.active{border-color:var(--color-motorist);color:#fff;box-shadow:var(--shadow-neon-motorist);background:#06b6d433}.service-type-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.service-card{border:1px solid var(--border-muted);cursor:pointer;transition:var(--transition-smooth);background:#171f3399;border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex}.service-card:hover{background:#171f33e6;border-color:#ffffff26}.service-card.selected{border-color:var(--color-motorist);box-shadow:var(--shadow-neon-motorist);background:#06b6d426}.form-group{margin-bottom:14px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--border-muted);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#0b1326e6;border-radius:12px;outline:none;padding:10px 14px;font-size:13px}.form-input:focus,.form-select:focus{border-color:var(--color-motorist);box-shadow:0 0 10px #06b6d440}.btn-primary{background:linear-gradient(135deg, var(--color-motorist) 0%, #0284c7 100%);color:#fff;cursor:pointer;box-shadow:var(--shadow-neon-motorist);transition:var(--transition-smooth);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:700;display:flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-tow{background:linear-gradient(135deg, var(--color-tow) 0%, var(--color-secondary) 100%);color:#060d20;cursor:pointer;box-shadow:var(--shadow-neon-tow);transition:var(--transition-smooth);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:800;display:flex}.btn-tow:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-outline{border:1px solid var(--border-muted);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#171f3380;border-radius:12px;padding:8px 16px;font-size:12.5px;font-weight:600}.btn-outline:hover{background:#171f33e6;border-color:#fff3}.motorist-overlay-panel{z-index:100;width:400px;max-height:calc(100vh - 100px);padding:20px;position:absolute;top:20px;left:20px;overflow-y:auto}.driver-overlay-panel{z-index:100;width:420px;max-height:calc(100vh - 100px);padding:20px;position:absolute;top:20px;right:20px;overflow-y:auto}.admin-dashboard-container{z-index:100;padding:24px;position:absolute;inset:20px;overflow-y:auto}.map-legend{z-index:10;flex-direction:column;gap:8px;padding:12px 16px;font-size:11px;display:flex;position:absolute;bottom:20px;left:20px}.legend-item{align-items:center;gap:8px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.motorist{background-color:var(--color-motorist);box-shadow:var(--shadow-neon-motorist)}.legend-dot.tow{background-color:var(--color-tow);box-shadow:var(--shadow-neon-tow)}@media (width>=769px){.mobile-bottom-nav,.mobile-drag-handle{display:none!important}.desktop-header-actions{display:flex!important}.app-header{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:10000!important;background:#060d20f2!important;border-bottom:1px solid #ffffff1a!important;height:56px!important;min-height:56px!important;padding:0 24px!important}.motorist-overlay-panel,.driver-overlay-panel{-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;z-index:800!important;background:#0b1326eb!important;border:1px solid #ffffff1f!important;border-radius:16px!important;width:420px!important;max-height:calc(100vh - 96px)!important;position:absolute!important;inset:72px auto auto 24px!important;overflow-y:auto!important;box-shadow:0 20px 50px #000c!important}.motorist-overlay-panel.collapsed,.driver-overlay-panel.collapsed{height:48px!important;max-height:48px!important;overflow:hidden!important}.admin-dashboard-container{-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;z-index:800!important;background:#0b1326f2!important;border:1px solid #ffffff1f!important;border-radius:20px!important;max-height:calc(100vh - 96px)!important;position:absolute!important;inset:72px 24px 24px!important}.map-toggle-widget{z-index:500!important;top:72px!important;right:24px!important}.route-detail-card{width:320px!important;position:absolute!important;inset:auto 24px 24px auto!important}.chat-trigger-btn{bottom:24px!important;right:24px!important}.map-legend{z-index:500!important;display:block!important;position:absolute!important;bottom:24px!important;left:460px!important}}@media (width<=768px){.desktop-header-actions{display:none!important}html,body,#root{width:100%;overflow-x:hidden}.app-header{z-index:10000!important;flex-wrap:nowrap!important;height:48px!important;min-height:48px!important;padding:0 10px!important}.brand-name{font-size:15px!important}.brand-subtitle,.desktop-only-name{display:none!important}.header-controls{flex-wrap:nowrap!important;gap:4px!important}.state-selector-wrapper{padding:2px 6px!important}.state-select{max-width:95px!important;font-size:10.5px!important}input,select,textarea{touch-action:manipulation;font-size:14px!important}button,.btn-primary,.btn-tow,.btn-outline{border-radius:10px;min-height:38px}.motorist-overlay-panel,.driver-overlay-panel{-webkit-overflow-scrolling:touch!important;-webkit-backdrop-filter:blur(24px)!important;z-index:800!important;background:#0b1326fa!important;border:none!important;border-top:1px solid #ffffff1f!important;border-radius:20px 20px 0 0!important;width:100%!important;height:auto!important;max-height:calc(100vh - 100px)!important;padding:10px 14px 20px!important;transition:transform .3s cubic-bezier(.4,0,.2,1),height .3s!important;position:fixed!important;inset:48px 0 52px!important;overflow-y:auto!important;box-shadow:0 -10px 40px #000000e6!important}.motorist-overlay-panel.collapsed,.driver-overlay-panel.collapsed{height:46px!important;min-height:46px!important;max-height:46px!important;padding-top:6px!important;padding-bottom:6px!important;top:auto!important;bottom:52px!important;overflow:hidden!important}.admin-dashboard-container{z-index:800!important;-webkit-overflow-scrolling:touch!important;border-radius:16px!important;padding:10px!important;position:fixed!important;inset:52px 6px 58px!important;overflow-y:auto!important}.mobile-bottom-nav{height:52px!important;padding-bottom:env(safe-area-inset-bottom)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:10000!important;background:#060d20fa!important;border-top:1px solid #ffffff1f!important;justify-content:space-around!important;align-items:center!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.mobile-nav-item{color:var(--text-muted)!important;cursor:pointer!important;background:0 0!important;border:none!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:2px!important;height:100%!important;font-size:9.5px!important;font-weight:700!important;display:flex!important}.mobile-nav-item.active{color:var(--color-primary)!important}.mobile-nav-item.active.driver{color:var(--color-tow)!important}.mobile-drag-handle{background:#ffffff4d!important;border-radius:2px!important;width:36px!important;height:4px!important;margin:0 auto 4px!important}.map-toggle-widget{z-index:500!important;top:52px!important;right:8px!important}.chat-trigger-btn{z-index:9000!important;bottom:60px!important;right:12px!important}.route-detail-card{z-index:700!important;width:auto!important;max-width:calc(100vw - 16px)!important;padding:10px 12px!important;position:fixed!important;inset:52px 8px auto!important}.map-legend{display:none!important}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #06b6d4b3}70%{transform:scale(1);box-shadow:0 0 0 12px #06b6d400}to{transform:scale(.95);box-shadow:0 0 #06b6d400}}