.truck-card[data-v-188b903d],.tracking-item[data-v-188b903d]{padding:12px;cursor:pointer;border-bottom:1px solid var(--border)}.truck-card[data-v-188b903d]:last-child,.tracking-item[data-v-188b903d]:last-child{border-bottom:none}.truck-card.active[data-v-188b903d],.tracking-item.active[data-v-188b903d]{background:#f1f5ff;border-radius:8px}.truck-card .top[data-v-188b903d],.tracking-item .top[data-v-188b903d]{display:flex;justify-content:space-between;font-size:14px}.truck-card .meta[data-v-188b903d],.tracking-item .meta[data-v-188b903d]{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:4px}.truck-card .status[data-v-188b903d],.tracking-item .status[data-v-188b903d]{font-size:12px}.tracking-item .status[data-v-188b903d]{color:var(--primary)}[data-v-188b903d] .status.in-transit{color:#2563eb}[data-v-188b903d] .status.stopped{color:#dc2626}[data-v-188b903d] .status.delayed{color:#f59e0b}[data-v-188b903d] .status.maintenance{color:#10b981}.sidebar[data-v-790c72e5]{background:var(--card);border-radius:16px;padding:16px;display:flex;flex-direction:column}.sidebar h2[data-v-790c72e5]{font-size:18px;margin-bottom:12px}.tracking-item[data-v-790c72e5]{padding:12px 8px;cursor:pointer;border-bottom:1px solid var(--border)}.tracking-item[data-v-790c72e5]:last-child{border-bottom:none}.tracking-item.active[data-v-790c72e5]{background:#f1f5ff;border-radius:8px}.tracking-item .top[data-v-790c72e5]{display:flex;justify-content:space-between;font-size:14px}.tracking-item .meta[data-v-790c72e5]{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:4px}.tracking-item .status[data-v-790c72e5]{font-size:12px;color:var(--primary)}.main[data-v-cea781be]{display:grid;grid-template-rows:300px auto auto;gap:16px}.card[data-v-cea781be]{background:var(--card);border-radius:16px;padding:16px}.map[data-v-cea781be]{background:linear-gradient(135deg,#e5ecff,#f8fafc);border-radius:12px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:18px}.tracking[data-v-cea781be]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.metric[data-v-cea781be]{background:#f9fafb;border-radius:12px;padding:12px;font-size:14px}.tabs[data-v-cea781be]{display:flex;gap:12px;margin-bottom:16px}.tabs button[data-v-cea781be]{background:none;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--muted)}.tabs button.active[data-v-cea781be]{background:#eef2ff;color:var(--primary);font-weight:500}.route-wrapper[data-v-cea781be]{background:#f9fafb;border-radius:12px;padding:16px;margin-top:16px}.route-bar[data-v-cea781be]{position:relative;height:6px;background:#e5e7eb;border-radius:4px;overflow:visible}.route-progress[data-v-cea781be]{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:4px}.route-marker[data-v-cea781be]{position:absolute;top:-12px;height:30px;border-left:2px dashed #d1d5db;transform:translate(-50%)}.route-marker.passed[data-v-cea781be]{border-left-color:var(--primary)}.route-labels[data-v-cea781be]{position:relative;width:100%;height:18px;margin-top:6px}.route-label[data-v-cea781be]{position:absolute;top:0;transform:translate(-50%);white-space:nowrap;font-size:13px;color:#9ca3af}.route-times[data-v-cea781be]{position:relative;width:100%;height:28px;margin-top:6px}.route-time[data-v-cea781be]{position:absolute;top:0;transform:translate(-50%);white-space:pre-line;text-align:center;font-size:11px;color:var(--muted)}.main[data-v-582c9b4c]{display:grid;grid-template-rows:300px auto auto;gap:16px}.card[data-v-582c9b4c]{background:var(--card);border-radius:16px;padding:16px}.map[data-v-582c9b4c]{background:linear-gradient(135deg,#e5ecff,#f8fafc);border-radius:12px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:18px}.tracking[data-v-582c9b4c]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.metric[data-v-582c9b4c]{background:#f9fafb;border-radius:12px;padding:12px;font-size:14px}.tabs[data-v-582c9b4c]{display:flex;gap:12px;margin-bottom:16px}.tabs button[data-v-582c9b4c]{background:none;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--muted)}.tabs button.active[data-v-582c9b4c]{background:#eef2ff;color:var(--primary);font-weight:500}.route-wrapper[data-v-582c9b4c]{background:#f9fafb;border-radius:12px;padding:16px;margin-top:16px}.route-bar[data-v-582c9b4c]{position:relative;height:6px;background:#e5e7eb;border-radius:4px;overflow:visible}.route-progress[data-v-582c9b4c]{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:4px}.route-marker[data-v-582c9b4c]{position:absolute;top:-12px;height:30px;border-left:2px dashed #d1d5db;transform:translate(-50%)}.route-marker.passed[data-v-582c9b4c]{border-left-color:var(--primary)}.route-labels[data-v-582c9b4c]{position:relative;width:100%;height:18px;margin-top:6px}.route-label[data-v-582c9b4c]{position:absolute;top:0;transform:translate(-50%);white-space:nowrap;font-size:13px;color:#9ca3af}.route-times[data-v-582c9b4c]{position:relative;width:100%;height:28px;margin-top:6px}.route-time[data-v-582c9b4c]{position:absolute;top:0;transform:translate(-50%);white-space:pre-line;text-align:center;font-size:11px;color:var(--muted)}.right[data-v-21b5ce84]{display:grid;grid-template-rows:auto 1fr;gap:16px}.capacity[data-v-21b5ce84]{display:flex;flex-direction:column;gap:12px}.bar[data-v-21b5ce84]{height:16px;border-radius:8px;background:#e5e7eb;overflow:hidden}.bar>div[data-v-21b5ce84]{height:100%;background:linear-gradient(90deg,var(--primary),#5b8cff)}.chat[data-v-21b5ce84]{display:flex;flex-direction:column;gap:12px;height:100%}.message[data-v-21b5ce84]{background:#f1f5ff;padding:10px 12px;border-radius:12px;font-size:14px;max-width:80%}.message.driver[data-v-21b5ce84]{background:#ecfeff;align-self:flex-end}.chat input[data-v-21b5ce84]{margin-top:auto;padding:12px;border-radius:12px;border:1px solid var(--border)}:root{--bg: #f3f6fb;--card: #ffffff;--primary: #2f6bff;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:280px 1fr 360px;height:100vh;gap:16px;padding:16px}@media(max-width:1200px){.app{grid-template-columns:1fr}}.card{background:var(--card);border-radius:16px;padding:16px}