:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e7ff;background-color:#0a0e1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.header{position:sticky;top:0;z-index:100;background:#0a0e1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,191,255,.2);box-shadow:0 4px 24px #00bfff1a}.header-container{max-width:1600px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.logo-container{display:flex;align-items:center;gap:1rem}.logo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00bfff,#0080ff);border-radius:8px;color:#fff;box-shadow:0 4px 16px #00bfff4d}.logo-icon svg{width:28px;height:28px}.logo-text h1{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:1px;margin:0}.logo-text .subtitle{font-size:.75rem;color:#00bfff;text-transform:uppercase;letter-spacing:2px;font-weight:600}.header-center{display:flex;align-items:center;justify-content:center}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00bfff1a;border:1px solid rgba(0,191,255,.3);border-radius:6px}.status-dot{width:8px;height:8px;background:#0f8;border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px #0f8}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.status-text{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#0f8;font-weight:600;letter-spacing:1px}@media(max-width:1024px){.header-container{padding:1rem 1.5rem;gap:1.5rem}.logo-text h1{font-size:1.25rem}.status-indicator{padding:.4rem .8rem}}@media(max-width:768px){.header-container{padding:1rem;gap:1rem;flex-wrap:wrap}.header-center{order:3;width:100%;margin-top:.5rem}.logo-icon{width:40px;height:40px}.logo-icon svg{width:24px;height:24px}.logo-text h1{font-size:1rem}.logo-text .subtitle{font-size:.65rem}}.map-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.map-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.map-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(10,14,26,.4) 50%,rgba(10,14,26,.8) 100%);pointer-events:none}.metrics-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.metric-card{background:#0f172ae6;border:1px solid rgba(0,191,255,.2);border-radius:12px;padding:1.5rem;display:flex;gap:1.25rem;align-items:flex-start;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00bfff,transparent);animation:scan 3s linear infinite}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.metric-card:hover{border-color:#00bfff80;box-shadow:0 8px 32px #00bfff33;transform:translateY(-2px)}.metric-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.metric-icon.truck{background:linear-gradient(135deg,#00bfff33,#007fff33);color:#00bfff;box-shadow:0 0 20px #00bfff4d}.metric-icon.delivery{background:linear-gradient(135deg,#0f83,#00c86433);color:#0f8;box-shadow:0 0 20px #00ff884d}.metric-icon.route{background:linear-gradient(135deg,#f803,#ff640033);color:#f80;box-shadow:0 0 20px #ff88004d}.metric-icon.fuel{background:linear-gradient(135deg,#8a2be233,#4b008233);color:#a78bfa;box-shadow:0 0 20px #8a2be24d}.metric-icon svg{width:28px;height:28px}.metric-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.metric-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#8892b0;font-weight:600}.metric-value{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700;color:#fff;line-height:1}.metric-trend{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500}.metric-trend.positive{color:#0f8}.metric-trend.negative{color:#f44}.trend-arrow{font-size:1rem;font-weight:700}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card{padding:1.25rem;gap:1rem}.metric-icon{width:48px;height:48px}.metric-icon svg{width:24px;height:24px}.metric-value{font-size:1.75rem}}@media(max-width:640px){.metrics-grid{grid-template-columns:1fr}.metric-card{padding:1rem}}.dispatch-console{grid-column:1 / 8;background:#0f172ae6;border:1px solid rgba(0,191,255,.2);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;max-height:500px}.console-header{padding:1.25rem 1.5rem;background:#00bfff0d;border-bottom:1px solid rgba(0,191,255,.2);display:flex;justify-content:space-between;align-items:center}.console-title{display:flex;align-items:center;gap:.75rem}.title-icon{font-size:1.5rem;color:#00bfff}.console-title h2{font-size:1.125rem;font-weight:700;color:#fff;margin:0}.console-status{display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#0f8;font-weight:600;letter-spacing:2px}.status-pulse{width:8px;height:8px;background:#0f8;border-radius:50%;animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 8px #0f8}50%{opacity:.6;box-shadow:0 0 16px #0f8}}.console-body{flex:1;overflow-y:auto;padding:1rem}.console-body::-webkit-scrollbar{width:6px}.console-body::-webkit-scrollbar-track{background:#0003}.console-body::-webkit-scrollbar-thumb{background:#00bfff4d;border-radius:3px}.console-body::-webkit-scrollbar-thumb:hover{background:#00bfff80}.activities-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;gap:1rem;padding:1rem;background:#0000004d;border-left:3px solid;border-radius:6px;animation:slideIn .3s ease-out;transition:all .2s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.activity-item:hover{background:#00000080;transform:translate(4px)}.activity-item.dispatch{border-left-color:#00bfff}.activity-item.arrival{border-left-color:#0f8}.activity-item.delay{border-left-color:#f80}.activity-item.optimize{border-left-color:#a78bfa}.activity-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.25rem;font-weight:700;flex-shrink:0}.activity-item.dispatch .activity-icon{background:#00bfff33;color:#00bfff}.activity-item.arrival .activity-icon{background:#0f83;color:#0f8}.activity-item.delay .activity-icon{background:#f803;color:#f80}.activity-item.optimize .activity-icon{background:#a78bfa33;color:#a78bfa}.activity-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.activity-message{font-size:.9375rem;color:#e0e7ff;font-weight:500}.activity-meta{display:flex;gap:1rem;font-size:.75rem;color:#8892b0}.activity-location{font-weight:500}.activity-time{font-family:JetBrains Mono,monospace;opacity:.7}@media(max-width:1024px){.dispatch-console{grid-column:1 / -1}}@media(max-width:640px){.console-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:.75rem}.activity-item{padding:.875rem;gap:.75rem}.activity-icon{width:32px;height:32px;font-size:1rem}.activity-message{font-size:.875rem}.activity-meta{flex-direction:column;gap:.25rem}}.active-routes{grid-column:8 / -1;background:#0f172ae6;border:1px solid rgba(0,191,255,.2);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;max-height:500px}.routes-header{padding:1.25rem 1.5rem;background:#00bfff0d;border-bottom:1px solid rgba(0,191,255,.2);display:flex;justify-content:space-between;align-items:center}.routes-title{display:flex;align-items:center;gap:.75rem}.title-icon{font-size:1.5rem;color:#f80}.routes-title h2{font-size:1.125rem;font-weight:700;color:#fff;margin:0}.routes-count{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#00bfff;font-weight:600;letter-spacing:2px;padding:.375rem .75rem;background:#00bfff1a;border-radius:4px}.routes-body{flex:1;overflow-y:auto;padding:1rem}.routes-body::-webkit-scrollbar{width:6px}.routes-body::-webkit-scrollbar-track{background:#0003}.routes-body::-webkit-scrollbar-thumb{background:#00bfff4d;border-radius:3px}.routes-body::-webkit-scrollbar-thumb:hover{background:#00bfff80}.routes-list{display:flex;flex-direction:column;gap:1rem}.route-card{background:#0000004d;border:1px solid rgba(0,191,255,.15);border-radius:8px;padding:1rem;transition:all .3s ease}.route-card:hover{background:#00000080;border-color:#00bfff4d;box-shadow:0 4px 16px #00bfff1a}.route-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.route-truck{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;color:#fff}.route-status{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:1px}.route-path{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.path-point{display:flex;align-items:center;gap:.5rem}.point-dot{width:10px;height:10px;border-radius:50%;background:#00bfff;box-shadow:0 0 8px #00bfff}.path-point.end .point-dot{background:#f80;box-shadow:0 0 8px #f80}.point-label{font-size:.75rem;color:#8892b0;white-space:nowrap;font-weight:500}.path-line{flex:1;height:3px;background:#00bfff33;border-radius:2px;position:relative;overflow:hidden}.path-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#00bfff,#f80);border-radius:2px;transition:width .5s ease;box-shadow:0 0 10px #00bfff80}.route-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.route-progress-text,.route-eta{color:#8892b0;font-weight:500}.route-eta span{font-family:JetBrains Mono,monospace;color:#00bfff;font-weight:600;margin-left:.25rem}@media(max-width:1024px){.active-routes{grid-column:1 / -1}}@media(max-width:640px){.routes-header{padding:1rem}.route-card{padding:.875rem}.route-path{flex-direction:column;align-items:stretch;gap:.5rem}.path-point{justify-content:center}.path-line{height:40px;width:3px;margin:0 auto}.path-progress{width:100%!important;height:var(--progress, 0%);background:linear-gradient(180deg,#00bfff,#f80)}.route-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}.footer{position:fixed;bottom:0;left:0;width:100%;z-index:100;background:#0a0e1afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:2px solid rgba(0,191,255,.3);box-shadow:0 -4px 24px #00bfff26}.footer-container{max-width:1600px;margin:0 auto;padding:1.25rem 2rem;display:flex;align-items:center;gap:2rem;position:relative;z-index:2}.footer-section{display:flex;flex-direction:column;gap:.375rem}.section-label{font-family:JetBrains Mono,monospace;font-size:.625rem;color:#00bfff;text-transform:uppercase;letter-spacing:2px;font-weight:600}.section-value{font-size:.875rem;color:#e0e7ff;font-weight:500;display:flex;align-items:center;gap:.5rem}.location-icon,.email-icon{font-size:1rem;opacity:.8}.contact-link{color:#e0e7ff;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.contact-link:hover{color:#00bfff;transform:translate(2px)}.footer-divider{width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(0,191,255,.3),transparent)}.footer-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,191,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,191,255,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:1}@media(max-width:1200px){.footer-container{padding:1rem 1.5rem;gap:1.5rem}.section-value{font-size:.8125rem}}@media(max-width:1024px){.footer-container{flex-wrap:wrap;gap:1rem}.footer-section{flex:1;min-width:calc(50% - .5rem)}.footer-divider{display:none}}@media(max-width:640px){.footer-container{padding:1rem;gap:.875rem}.footer-section{min-width:100%}.section-label{font-size:.5625rem}.section-value{font-size:.75rem}.footer-divider{width:100%;height:1px;display:block}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0a0e1a;color:#e0e7ff;overflow-x:hidden}.app{min-height:100vh;position:relative;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem;padding-bottom:120px;position:relative;z-index:2}.dashboard-grid{max-width:1600px;margin:0 auto;display:grid;gap:1.5rem;grid-template-columns:repeat(12,1fr)}@media(max-width:1200px){.main-content{padding:1.5rem;padding-bottom:140px}.dashboard-grid{gap:1rem}}@media(max-width:768px){.main-content{padding:1rem;padding-bottom:160px}.dashboard-grid{gap:.75rem}}