.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-cf80da51]{background:var(--card);border-radius:16px;padding:16px;display:flex;flex-direction:column}.sidebar h2[data-v-cf80da51]{font-size:18px;margin-bottom:12px}.tracking-item[data-v-cf80da51]{padding:12px 8px;cursor:pointer;border-bottom:1px solid var(--border)}.tracking-item[data-v-cf80da51]:last-child{border-bottom:none}.tracking-item.active[data-v-cf80da51]{background:#f1f5ff;border-radius:8px}.tracking-item .top[data-v-cf80da51]{display:flex;justify-content:space-between;font-size:14px}.tracking-item .meta[data-v-cf80da51]{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:4px}.tracking-item .status[data-v-cf80da51]{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)}.chat-header[data-v-75fb8efb]{display:flex;justify-content:space-between;align-items:center}.left[data-v-75fb8efb]{display:flex;align-items:center;gap:12px}.avatar[data-v-75fb8efb]{width:40px;height:40px;border-radius:50%;object-fit:cover}.actions[data-v-75fb8efb]{display:flex;gap:8px}.actions button[data-v-75fb8efb]{width:32px;height:32px;border-radius:50%;border:none;background:#eef2ff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.actions button.active[data-v-75fb8efb]{background:var(--primary);color:#fff}.actions button[data-v-75fb8efb]:hover{background:#dbe4ff}.chat-header[data-v-75fb8efb]{margin-bottom:12px}.voice-call{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.avatar-ring{width:80px;height:80px;border-radius:50%;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-size:32px}.video-call{flex:1;background:#000;border-radius:12px;display:flex;align-items:center;justify-content:center}.video-placeholder{color:#fff;opacity:.6}.comm-body[data-v-dbcea467]{flex:1;display:flex;flex-direction:column;min-height:0}.modal-backdrop[data-v-5309b0d4]{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.modal[data-v-5309b0d4]{background:#fff;width:900px;max-width:90vw;height:600px;max-height:90vh;border-radius:16px;padding:16px;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000059}.communication[data-v-bfa509b0]{display:flex;flex-direction:column;height:100%}.chat-header[data-v-bfa509b0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.chat-header .left[data-v-bfa509b0]{display:flex;align-items:center;gap:10px}.chat-header .name[data-v-bfa509b0]{font-size:12px;color:var(--muted)}.avatar[data-v-bfa509b0]{width:36px;height:36px;border-radius:50%}.actions[data-v-bfa509b0]{display:flex;gap:8px}.actions button[data-v-bfa509b0]{border:none;background:#eef2ff;border-radius:8px;padding:6px 8px;cursor:pointer}.actions button.active[data-v-bfa509b0]{background:var(--primary);color:#fff}.comm-body[data-v-bfa509b0]{flex:1;display:flex;flex-direction:column;min-height:0}.fill[data-v-bfa509b0]{flex:1;min-height:0}.modal-backdrop[data-v-bfa509b0]{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center}.modal[data-v-bfa509b0]{background:var(--card);width:80%;height:80%;border-radius:16px;padding:16px;display:flex;flex-direction:column}.chat[data-v-bfa509b0]{display:flex;flex-direction:column;gap:12px;height:100%}.message[data-v-bfa509b0]{background:#f1f5ff;padding:10px 12px;border-radius:12px;font-size:14px;max-width:80%}.message.driver[data-v-bfa509b0]{background:#ecfeff;align-self:flex-end}.chat input[data-v-bfa509b0]{margin-top:auto;padding:12px;border-radius:12px;border:1px solid var(--border)}.comm-modal-enter-active[data-v-bfa509b0],.comm-modal-leave-active[data-v-bfa509b0]{transition:opacity .25s ease}.comm-modal-enter-from[data-v-bfa509b0],.comm-modal-leave-to[data-v-bfa509b0]{opacity:0}.comm-modal-enter-active .modal[data-v-bfa509b0],.comm-modal-leave-active .modal[data-v-bfa509b0]{transition:transform .3s ease}.comm-modal-enter-from .modal[data-v-bfa509b0],.comm-modal-leave-to .modal[data-v-bfa509b0]{transform:translateY(16px) scale(.97)}.fire-modal-enter-active[data-v-bfa509b0],.fire-modal-leave-active[data-v-bfa509b0]{transition:opacity .4s ease,transform .4s cubic-bezier(.4,0,.2,1)}.fire-modal-enter-from[data-v-bfa509b0]{opacity:0;transform:translateY(40px) scale(.8) rotate(-5deg)}.fire-modal-enter-to[data-v-bfa509b0],.fire-modal-leave-from[data-v-bfa509b0]{opacity:1;transform:translateY(0) scale(1) rotate(0)}.fire-modal-leave-to[data-v-bfa509b0]{opacity:0;transform:translateY(-40px) scale(.8) rotate(5deg)}.right[data-v-718a50fd]{display:grid;grid-template-rows:auto 1fr;gap:16px}.capacity[data-v-718a50fd]{display:flex;flex-direction:column;gap:12px}.bar[data-v-718a50fd]{height:16px;border-radius:8px;background:#e5e7eb;overflow:hidden}.bar>div[data-v-718a50fd]{height:100%;background:linear-gradient(90deg,var(--primary),#5b8cff)}.chat[data-v-718a50fd]{display:flex;flex-direction:column;gap:12px;height:100%}.message[data-v-718a50fd]{background:#f1f5ff;padding:10px 12px;border-radius:12px;font-size:14px;max-width:80%}.message.driver[data-v-718a50fd]{background:#ecfeff;align-self:flex-end}.chat input[data-v-718a50fd]{margin-top:auto;padding:12px;border-radius:12px;border:1px solid var(--border)}.draggable-panel[data-v-ec5b88ff]{display:flex;flex-direction:column;background:var(--card);border-radius:12px;overflow:hidden;transition:left .15s,top .15s}.drag-handle[data-v-ec5b88ff]{height:28px;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}.dragging .drag-handle[data-v-ec5b88ff]{cursor:grabbing;background:#6478ff14}.panel-content[data-v-ec5b88ff]{flex:1;min-height:0;overflow:hidden}.layout-shell[data-v-8a9e71ee]{position:relative;display:flex;height:100vh;padding:12px;gap:12px;background:var(--layout-bg);overflow:hidden}: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}.sidebar{background:var(--card);border-radius:16px;padding:16px;display:flex;flex-direction:column}.sidebar h2{font-size:18px;margin-bottom:12px}.truck{padding:10px;border-radius:12px;cursor:pointer}.truck:hover{background:#f1f5ff}.status{font-size:12px;color:var(--primary)}.main{display:grid;grid-template-rows:300px auto auto;gap:16px}.card{background:var(--card);border-radius:16px;padding:16px}.map{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{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.metric{background:#f9fafb;border-radius:12px;padding:12px;font-size:14px}.tabs{display:flex;gap:12px;margin-bottom:16px}.tabs button{background:none;border:none;font-size:14px;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--muted)}.tabs button.active{background:#eef2ff;color:var(--primary);font-weight:500}.route-wrapper{background:#f9fafb;border-radius:12px;padding:16px;margin-top:16px}.route-cities{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.route-cities span{color:#9ca3af}.route-cities span.active{color:var(--primary);font-weight:500}.route-bar{position:relative;height:6px;background:#e5e7eb;border-radius:4px;overflow:visible}.route-progress{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:4px;z-index:1}.route-marker{position:absolute;top:-12px;height:30px;border-left:2px dashed #d1d5db;transform:translate(-50%);z-index:2}.route-marker.passed{border-left-color:var(--primary)}.route-times{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--muted);white-space:pre-line}.right{display:grid;grid-template-rows:auto 1fr;gap:16px}.capacity{display:flex;flex-direction:column;gap:12px}.bar{height:16px;border-radius:8px;background:#e5e7eb;overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,var(--primary),#5b8cff)}.chat{display:flex;flex-direction:column;gap:12px;height:100%}.message{background:#f1f5ff;padding:10px 12px;border-radius:12px;font-size:14px;max-width:80%}.message.driver{background:#ecfeff;align-self:flex-end}.chat input{margin-top:auto;padding:12px;border-radius:12px;border:1px solid var(--border)}@media(max-width:1200px){.app{grid-template-columns:1fr}.sidebar,.right{display:none}}.tracking-item{padding:12px 8px;cursor:pointer;border-bottom:1px solid #e5e7eb}.tracking-item:last-child{border-bottom:none}.tracking-item .top{display:flex;justify-content:space-between;font-size:14px}.tracking-item .meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:4px}.tracking-item.active{background:#f1f5ff;border-radius:8px}.tracking-item .status{font-size:12px;color:var(--primary)}