:root{--color-navy: #0D1C2E;--color-navy-700: #152535;--color-accent: #CC2200;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-800: #1e293b;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%;overflow:hidden;background:var(--color-gray-50);color:var(--color-gray-800)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:3px}.info-card[data-v-fccb3b29]{position:absolute;z-index:10;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000029,0 1px 4px #00000014;padding:16px;width:280px;top:16px;left:16px}@media(max-width:639px){.info-card[data-v-fccb3b29]{inset:auto 0 0;width:100%;border-radius:20px 20px 0 0;padding:14px 16px 20px;box-shadow:0 -4px 24px #00000024}.info-card[data-v-fccb3b29]:before{content:"";display:block;width:36px;height:4px;background:#d1d5db;border-radius:2px;margin:0 auto 12px}}.eta-badge[data-v-fccb3b29]{display:flex;align-items:center;gap:7px;background:var(--color-navy);color:#fff;border-radius:10px;padding:9px 14px;font-size:13px}.eta-badge>svg[data-v-fccb3b29]{flex-shrink:0;color:#60a5fa}.eta-time[data-v-fccb3b29]{font-size:20px;font-weight:700;letter-spacing:-.5px;line-height:1}.eta-label[data-v-fccb3b29]{font-size:11px;opacity:.6;margin-left:auto;white-space:nowrap}.status-dot[data-v-fccb3b29]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.active[data-v-fccb3b29]{background:#22c55e;box-shadow:0 0 0 3px #22c55e40;animation:pulse-fccb3b29 2s infinite}.status-dot.completed[data-v-fccb3b29]{background:#60a5fa}.status-dot.cancelled[data-v-fccb3b29]{background:#f87171}.divider[data-v-fccb3b29]{height:1px;background:#f1f5f9;margin:12px 0}@media(max-width:639px){.divider[data-v-fccb3b29]{margin:9px 0}}.section[data-v-fccb3b29]{display:flex;flex-direction:column;gap:9px}.section-title[data-v-fccb3b29]{margin:0;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#94a3b8}.driver-row[data-v-fccb3b29]{display:flex;align-items:center;gap:12px}.driver-avatar[data-v-fccb3b29]{width:42px;height:42px;border-radius:50%;background:var(--color-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;flex-shrink:0;overflow:hidden}@media(max-width:639px){.driver-avatar[data-v-fccb3b29]{width:36px;height:36px;font-size:15px}}.driver-avatar img[data-v-fccb3b29]{width:100%;height:100%;object-fit:cover}.driver-info[data-v-fccb3b29]{display:flex;flex-direction:column;gap:3px;min-width:0}.driver-name[data-v-fccb3b29]{margin:0;font-size:15px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-phone[data-v-fccb3b29]{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-accent);text-decoration:none;font-weight:500}.driver-phone[data-v-fccb3b29]:hover{text-decoration:underline}.vehicle-grid[data-v-fccb3b29]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vehicle-field[data-v-fccb3b29]{display:flex;flex-direction:column;gap:2px}.vehicle-field.full[data-v-fccb3b29]{grid-column:1 / -1}.field-label[data-v-fccb3b29]{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.field-value[data-v-fccb3b29]{font-size:13px;color:#1e293b;font-weight:500}.field-value.plate[data-v-fccb3b29]{font-family:Courier New,monospace;font-size:14px;font-weight:700;color:var(--color-navy);letter-spacing:1px;background:#f1f5f9;border-radius:6px;padding:3px 8px;display:inline-block}.vehicle-compact[data-v-fccb3b29]{display:none}@media(max-width:639px){.vehicle-grid[data-v-fccb3b29]{display:none}.vehicle-compact[data-v-fccb3b29]{display:flex;align-items:center;flex-wrap:wrap;gap:6px}}.plate-badge[data-v-fccb3b29]{font-family:Courier New,monospace;font-size:13px;font-weight:700;color:var(--color-navy);letter-spacing:1px;background:#f1f5f9;border-radius:6px;padding:2px 8px}.compact-sep[data-v-fccb3b29]{color:#cbd5e1;font-weight:600;font-size:13px}.compact-text[data-v-fccb3b29]{font-size:13px;color:#1e293b;font-weight:500}.compact-model[data-v-fccb3b29]{color:#64748b;font-weight:400;font-size:12px}@keyframes pulse-fccb3b29{0%,to{opacity:1}50%{opacity:.45}}.gm-vehicle-marker{filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.gm-vehicle-inner{width:48px;height:48px;background-color:#0d1c2e;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid white;box-shadow:0 2px 8px #0000004d;animation:vehicle-pop .3s ease}.gm-destination-marker{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.gm-destination-label{margin-top:4px;background:#fff;color:#1e293b;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;box-shadow:0 1px 4px #0003;white-space:nowrap;font-family:system-ui,sans-serif}@keyframes vehicle-pop{0%{transform:scale(.8)}to{transform:scale(1)}}.tracking-map[data-v-ab0b4f75]{width:100%;height:100%}.app-shell[data-v-e794b377]{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.app-main[data-v-e794b377]{position:relative;flex:1;overflow:hidden}.overlay-center[data-v-e794b377]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--color-gray-50);padding:24px}.overlay-title[data-v-e794b377]{margin:0;font-size:18px;font-weight:700;color:var(--color-navy)}.overlay-text[data-v-e794b377]{margin:0;font-size:14px;color:var(--color-gray-500);text-align:center;max-width:300px}.error-icon[data-v-e794b377]{color:var(--color-accent)}.spinner[data-v-e794b377]{width:44px;height:44px;border:4px solid var(--color-gray-200);border-top-color:var(--color-navy);border-radius:50%;animation:spin-e794b377 .75s linear infinite}@keyframes spin-e794b377{to{transform:rotate(360deg)}}
