@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<=768px){html,body,#root{width:100%;overflow-x:hidden}.app-header{z-index:10000;flex-wrap:wrap;gap:6px;height:auto;min-height:52px;padding:6px 10px}.brand-name{letter-spacing:.05em;font-size:16px}.brand-subtitle{display:none}.header-controls{flex-wrap:wrap;gap:6px}.state-selector-wrapper{padding:3px 8px}.state-select{max-width:110px;font-size:11px}input,select,textarea,button{touch-action:manipulation;font-size:14px!important}button,.btn-primary,.btn-tow,.btn-outline{border-radius:12px;min-height:42px}.motorist-overlay-panel,.driver-overlay-panel{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(24px);z-index:800;background:#0b1326fa;border-bottom:none;border-left:none;border-right:none;border-radius:20px 20px 0 0;width:100%;height:70vh;max-height:75vh;padding:12px 14px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1),height .3s;position:fixed;inset:auto 0 60px;overflow-y:auto;box-shadow:0 -12px 40px #000000e6}.motorist-overlay-panel.collapsed,.driver-overlay-panel.collapsed{padding-top:8px;padding-bottom:8px;overflow:hidden;height:54px!important;max-height:54px!important}.admin-dashboard-container{z-index:800;-webkit-overflow-scrolling:touch;border-radius:16px;padding:12px;position:fixed;inset:60px 8px 65px;overflow-y:auto}#admin-kpi-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.table-responsive,table{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}th,td{white-space:nowrap;padding:8px 10px!important;font-size:11.5px!important}.mobile-bottom-nav{height:60px;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-muted);z-index:10000;background:#060d20fa;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;font-size:10.5px;font-weight:700;display:flex}.mobile-nav-item.active{color:var(--color-primary)}.mobile-nav-item.active.driver{color:var(--color-tow)}.mobile-drag-handle{background:#ffffff40;border-radius:2px;width:40px;height:4px;margin:0 auto 6px}.map-legend{display:none}}@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}}