:root{--color-bg: #0A0A0A;--color-surface: #111111;--color-border: #222222;--color-text-main: #FFFFFF;--color-text-muted: #888888}@keyframes route-draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.map-route-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:route-draw 8s cubic-bezier(.4,0,.2,1) infinite}@keyframes vehicle-travel{0%{offset-distance:0%}to{offset-distance:100%}}.vehicle-marker{offset-path:path("M 60 320 L 160 220 L 280 260 L 340 100");offset-rotate:auto;animation:vehicle-travel 8s cubic-bezier(.4,0,.2,1) infinite}.gps-pulse{position:relative}.gps-pulse:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;background:#ffc10766;border-radius:50%;transform:translate(-50%,-50%);animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.map-street{stroke:#ffffff0d;stroke-width:8;stroke-linecap:round}body{margin:0;font-family:Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased}.font-heading{font-family:Rajdhani,sans-serif}#initial-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .5s ease-out}.spinner{width:40px;height:40px;border:3px solid rgba(255,193,7,.1);border-top-color:#ffc107;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#444}