*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8f9fa;padding:0;margin:0}#app{width:100%;height:100vh;overflow:hidden}.sidebar[data-v-aa435e1a]{position:relative;height:100%;width:240px;background:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 8px #0000000d;transition:width .3s ease;display:flex;flex-direction:column;flex-shrink:0}.sidebar.collapsed[data-v-aa435e1a]{width:64px}.sidebar-header[data-v-aa435e1a]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb;height:64px}.app-title[data-v-aa435e1a]{font-size:20px;font-weight:600;color:#111827;margin:0;white-space:nowrap;overflow:hidden}.toggle-btn[data-v-aa435e1a]{background:transparent;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s;color:#6b7280;line-height:1;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.toggle-btn[data-v-aa435e1a]:hover{background-color:#f3f4f6}.nav-menu[data-v-aa435e1a]{flex:1;padding:16px 8px;overflow-y:auto}.nav-item-container[data-v-aa435e1a]{margin-bottom:4px}.nav-item[data-v-aa435e1a]{display:flex;align-items:center;width:100%;padding:12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s;color:#4b5563;font-size:15px;text-align:left;gap:12px;position:relative}.sidebar.collapsed .nav-item[data-v-aa435e1a]{justify-content:center;padding:12px}.nav-item[data-v-aa435e1a]:hover{background-color:#f3f4f6;color:#111827}.nav-item.active[data-v-aa435e1a]{background-color:#3b82f6;color:#fff}.nav-icon[data-v-aa435e1a]{line-height:1;min-width:24px;display:flex;align-items:center;justify-content:center}.nav-icon svg[data-v-aa435e1a]{width:22px;height:22px;stroke-width:2;transition:all .2s}.nav-label[data-v-aa435e1a]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.expand-icon[data-v-aa435e1a]{margin-left:auto;display:flex;align-items:center;justify-content:center;transition:transform .2s}.expand-icon svg[data-v-aa435e1a]{width:16px;height:16px}.expand-icon svg.expanded[data-v-aa435e1a]{transform:rotate(180deg)}.nav-children[data-v-aa435e1a]{margin-top:4px;margin-left:8px;padding-left:28px;border-left:2px solid #e5e7eb}.nav-item.nav-child[data-v-aa435e1a]{padding:8px 12px;font-size:14px;margin-bottom:2px}.nav-item.nav-child .nav-label[data-v-aa435e1a]{padding-left:4px}.nav-menu[data-v-aa435e1a]::-webkit-scrollbar{width:6px}.nav-menu[data-v-aa435e1a]::-webkit-scrollbar-track{background:transparent}.nav-menu[data-v-aa435e1a]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.nav-menu[data-v-aa435e1a]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app-layout[data-v-509e51d2]{display:flex;flex-direction:column;height:100vh;width:100%}.content-wrapper[data-v-509e51d2]{display:flex;flex:1;overflow:hidden}.page-content[data-v-509e51d2]{flex:1;overflow-y:auto;background:#f8f9fa}@media(max-width:768px){.content-wrapper[data-v-509e51d2]{flex-direction:column}}.header[data-v-4a7fd932]{background:#2c3e50;color:#fff;padding:30px;margin-bottom:0;border-bottom:3px solid #34495e}.header-top[data-v-4a7fd932]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:20px}.header h1[data-v-4a7fd932]{font-size:28px;margin:0}.week-display[data-v-4a7fd932]{display:flex;flex-direction:column;align-items:flex-end;background:#ffffff1a;padding:16px 24px;border-radius:8px;border:1px solid rgba(255,255,255,.2);min-width:260px;gap:6px}.week-number[data-v-4a7fd932]{font-weight:700;font-size:36px;white-space:nowrap;color:#fff;line-height:1}.date-range[data-v-4a7fd932]{font-size:14px;font-weight:500;opacity:.95;white-space:nowrap;color:#ffffffe6}.header-info[data-v-4a7fd932]{display:flex;gap:30px;flex-wrap:wrap}.header-info-item[data-v-4a7fd932]{display:flex;flex-direction:column}.header-info-item label[data-v-4a7fd932]{font-size:12px;opacity:.9;margin-bottom:5px}.header-info-item span[data-v-4a7fd932]{font-weight:700;font-size:16px}@media(max-width:768px){.header[data-v-4a7fd932]{padding:20px}.header-top[data-v-4a7fd932]{flex-direction:column;align-items:flex-start}.week-display[data-v-4a7fd932]{align-items:flex-start;width:100%}.header h1[data-v-4a7fd932]{font-size:22px}}.dashboard-container[data-v-7f6eed95]{max-width:1400px;margin:0 auto;width:100%;flex:1;overflow:auto;padding:20px 20px 30px;background:#f5f7fa}.loading[data-v-7f6eed95]{text-align:center;padding:60px 30px;font-size:16px;color:#6c757d;background:#fff;border-radius:8px}.dashboard-card[data-v-7f6eed95]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.card-header[data-v-7f6eed95]{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e5e7eb}.card-title[data-v-7f6eed95]{font-size:16px;font-weight:700;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;margin:0;padding:20px 30px}.card-header .card-title[data-v-7f6eed95],.card-content[data-v-7f6eed95]{padding:0}.card-footer[data-v-7f6eed95]{padding:16px 30px;border-top:1px solid #e5e7eb;background:#f8f9fa}.stats[data-v-7f6eed95]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0}.stat-card[data-v-7f6eed95]{padding:24px 30px;border-right:1px solid #e5e7eb}.stat-card[data-v-7f6eed95]:last-child{border-right:none}.stat-card h4[data-v-7f6eed95]{font-size:11px;color:#6c757d;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-card .value[data-v-7f6eed95]{font-size:30px;font-weight:700;color:#2c3e50}.two-column-cards[data-v-7f6eed95]{display:flex;gap:20px;margin-bottom:20px}.column-card[data-v-7f6eed95]{flex:1;margin-bottom:0}.header-left[data-v-7f6eed95]{display:flex;flex-direction:column;gap:4px}.header-left .card-title[data-v-7f6eed95]{padding:0;margin:0}.total-amount[data-v-7f6eed95]{font-size:14px;font-weight:600;color:#e67e22}.invoiced-amount[data-v-7f6eed95]{font-size:14px;font-weight:600;color:#27ae60}.table-container[data-v-7f6eed95]{overflow-x:auto}.data-table[data-v-7f6eed95]{width:100%;border-collapse:collapse}.data-table thead[data-v-7f6eed95]{background:#f8f9fa}.data-table th[data-v-7f6eed95]{padding:12px 16px;text-align:center;font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dee2e6}.data-table th[data-v-7f6eed95]:first-child{text-align:left}.data-table td[data-v-7f6eed95]{padding:12px 16px;font-size:14px;color:#495057;border-bottom:1px solid #e9ecef;text-align:center}.data-table td[data-v-7f6eed95]:first-child{text-align:left}.data-table tbody tr[data-v-7f6eed95]:hover{background:#f8f9fa}.data-table tfoot[data-v-7f6eed95]{background:#f8f9fa;border-top:2px solid #dee2e6}.data-table tfoot td[data-v-7f6eed95]{font-weight:700;color:#2c3e50;border-bottom:none}.totals-label[data-v-7f6eed95]{text-transform:uppercase;letter-spacing:.5px;font-size:13px}.grand-total[data-v-7f6eed95]{font-size:15px}.route-name[data-v-7f6eed95]{font-weight:600;color:#2c3e50}.total-col[data-v-7f6eed95]{font-weight:700;color:#2c3e50;background:#f8f9fa}.consignment-number[data-v-7f6eed95]{font-weight:600;color:#3498db;font-family:Courier New,monospace}.amount[data-v-7f6eed95]{font-weight:600;color:#27ae60}.invoice-btn[data-v-7f6eed95]{padding:6px 12px;background:#3498db;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s;text-transform:uppercase;letter-spacing:.5px}.invoice-btn[data-v-7f6eed95]:hover{background:#2980b9}.status-badge[data-v-7f6eed95]{display:inline-block;padding:4px 10px;border-radius:3px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.pie-chart-container[data-v-7f6eed95]{position:relative;display:inline-block}.pie-chart[data-v-7f6eed95]{width:100px;height:100px;display:block}.pie-slice[data-v-7f6eed95]{stroke:#fff;stroke-width:1;cursor:pointer;transition:opacity .2s}.pie-slice[data-v-7f6eed95]:hover{opacity:.8}.pie-tooltip[data-v-7f6eed95]{position:fixed;background:#000000e6;color:#fff;padding:8px 12px;border-radius:4px;font-size:13px;pointer-events:none;z-index:1000;box-shadow:0 2px 8px #0000004d;white-space:nowrap}.tooltip-status[data-v-7f6eed95]{font-weight:700;margin-bottom:4px}.tooltip-details[data-v-7f6eed95]{font-size:12px;opacity:.9}.bar-graph-container[data-v-7f6eed95]{padding:20px 0;background:#fff;border-bottom:1px solid #e5e7eb;position:relative}.bar-graph-wrapper[data-v-7f6eed95]{padding:0 30px;display:grid;grid-template-columns:auto repeat(7,1fr) auto;width:100%;gap:0}.bar-graph-wrapper-spacer[data-v-7f6eed95]{grid-column:span 1}.bar-graph-chart[data-v-7f6eed95]{grid-column:span 7;position:relative;border:2px solid #dee2e6;background-image:linear-gradient(to top,#dee2e6 1px,transparent 1px),linear-gradient(to top,#f3f4f6 1px,transparent 1px);background-size:100% 25%,100% 12.5%;background-position:0 0;background-repeat:repeat-y;padding:10px 0}.bar-graph-chart-inner[data-v-7f6eed95]{display:grid;grid-template-columns:repeat(7,1fr);width:100%;gap:0}.bar-graph-labels[data-v-7f6eed95]{grid-column:span 7}.bar-graph-labels-inner[data-v-7f6eed95]{display:grid;grid-template-columns:repeat(7,1fr);width:100%;margin-top:8px;gap:0}.bar-column[data-v-7f6eed95]{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:0 8px}.bar-track-vertical[data-v-7f6eed95]{width:40px;height:150px;background:transparent;border-radius:0;overflow:visible;position:relative;display:flex;flex-direction:column-reverse;border:none;margin:0 auto}.bar-fill-delivered[data-v-7f6eed95]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:height .3s ease;min-height:0;border-radius:0}.bar-fill-remaining[data-v-7f6eed95]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:height .3s ease;min-height:0;background:#f8d7da}.bar-text-vertical[data-v-7f6eed95]{font-size:11px;font-weight:700;color:#fff;white-space:nowrap}.bar-text-remaining[data-v-7f6eed95]{font-size:11px;font-weight:700;color:#721c24;white-space:nowrap}.bar-label-vertical[data-v-7f6eed95]{display:flex;align-items:flex-start;justify-content:center;font-size:13px;font-weight:600;color:#2c3e50;text-align:center;padding:0 8px}.route-legend[data-v-7f6eed95]{display:flex;gap:20px;align-items:center;justify-content:center}.route-legend .legend-item[data-v-7f6eed95]{display:flex;align-items:center;gap:8px}.route-legend .legend-item span[data-v-7f6eed95]{font-size:12px;color:#6c757d;font-weight:500}.legend-box[data-v-7f6eed95]{width:24px;height:16px;border-radius:3px}.legend-box.complete[data-v-7f6eed95]{background:#d4edda;border:1px solid #27ae60}.legend-box.in-progress[data-v-7f6eed95]{background:#fff3cd;border:1px solid #e67e22}.legend-box.not-started[data-v-7f6eed95]{background:#f8d7da;border:1px solid #dc3545}.data-table td.not-scheduled[data-v-7f6eed95]{background:#fff;color:#6c757d}.data-table td.complete[data-v-7f6eed95]{background:#d4edda;color:#27ae60;font-weight:600}.data-table td.incomplete-past[data-v-7f6eed95]{background:#f8d7da;color:#721c24;font-weight:600}.data-table td.in-progress[data-v-7f6eed95]{background:#fff3cd;color:#856404;font-weight:600}.data-table td.incomplete-future[data-v-7f6eed95]{background:#fff;color:#495057;font-weight:500}.complete-text[data-v-7f6eed95]{color:#27ae60;font-weight:700}.incomplete-past-text[data-v-7f6eed95]{color:#dc3545;font-weight:700}.in-progress-text[data-v-7f6eed95]{color:#e67e22;font-weight:700}.incomplete-future-text[data-v-7f6eed95]{color:#495057;font-weight:600}@media(max-width:1200px){.two-column-cards[data-v-7f6eed95]{flex-direction:column}.column-card[data-v-7f6eed95]{margin-bottom:20px}.column-card[data-v-7f6eed95]:last-child{margin-bottom:0}}@media(max-width:768px){.dashboard-container[data-v-7f6eed95]{padding:10px}.dashboard-card[data-v-7f6eed95]{margin-bottom:15px}.stats[data-v-7f6eed95]{grid-template-columns:1fr 1fr}.stat-card[data-v-7f6eed95]{padding:16px 20px;border-right:none;border-bottom:1px solid #e5e7eb}.stat-card[data-v-7f6eed95]:nth-child(odd){border-right:1px solid #e5e7eb}.stat-card[data-v-7f6eed95]:last-child,.stat-card[data-v-7f6eed95]:nth-last-child(2){border-bottom:none}.card-title[data-v-7f6eed95]{padding:16px 20px;font-size:14px}.card-header[data-v-7f6eed95]{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:8px}.bar-graph-container[data-v-7f6eed95]{padding:16px 0}.bar-graph-wrapper[data-v-7f6eed95]{padding:0 20px}.bar-graph-chart[data-v-7f6eed95]{padding:8px 0}.bar-column[data-v-7f6eed95]{padding:0 4px}.bar-track-vertical[data-v-7f6eed95]{height:100px;width:30px}.bar-label-vertical[data-v-7f6eed95]{font-size:11px}.bar-text-vertical[data-v-7f6eed95],.bar-text-remaining[data-v-7f6eed95]{font-size:9px}.card-footer[data-v-7f6eed95]{padding:12px 20px}.route-legend[data-v-7f6eed95]{gap:12px;flex-wrap:wrap}.data-table[data-v-7f6eed95]{font-size:12px}.data-table th[data-v-7f6eed95],.data-table td[data-v-7f6eed95]{padding:8px 12px}}.route-info-panel[data-v-0238e9ad]{display:flex;align-items:center;background:#fff;padding:20px 30px;border-bottom:1px solid #dee2e6;gap:24px}.info-item[data-v-0238e9ad]{display:flex;align-items:center;gap:12px}.info-label[data-v-0238e9ad]{font-size:13px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-0238e9ad]{font-size:18px;font-weight:700;color:#2c3e50}.divider[data-v-0238e9ad]{width:1px;height:28px;background:#dee2e6}@media(max-width:768px){.route-info-panel[data-v-0238e9ad]{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.divider[data-v-0238e9ad]{display:none}.info-item[data-v-0238e9ad]{width:100%}}.day-tabs-container[data-v-183243d5]{display:flex;align-items:stretch;background:#fff;border-top:2px solid #dee2e6;border-bottom:none;position:fixed;bottom:0;left:0;right:0;z-index:100;box-shadow:0 -2px 8px #0000001a;margin-left:240px;transition:margin-left .3s ease}.nav-button[data-v-183243d5]{flex-shrink:0;background:#fff;border:none;border-bottom:2px solid transparent;padding:16px 20px;cursor:pointer;transition:all .2s;color:#6c757d;display:flex;align-items:center;justify-content:center;position:relative}.nav-button[data-v-183243d5]:hover{background:#f8f9fa;color:#3498db}.nav-button[data-v-183243d5]:active{background:#e9ecef}.prev-button[data-v-183243d5]{border-right:1px solid #dee2e6}.next-button[data-v-183243d5]{border-left:1px solid #dee2e6}.day-tabs[data-v-183243d5]{display:flex;gap:0;flex:1;min-width:0;justify-content:stretch}.day-tab[data-v-183243d5]{background:transparent;border:none;border-top:4px solid transparent;padding:16px 24px;cursor:pointer;transition:all .2s;white-space:nowrap;font-weight:500;color:#6c757d;flex:1;text-align:center;min-width:0;position:relative}.day-tab[data-v-183243d5]:hover{background:#f8f9fa;color:#495057}.day-tab.active[data-v-183243d5]{background:#3498db;color:#fff;border-top-color:#2980b9;font-weight:700;font-size:15px;box-shadow:0 -4px 12px #3498db4d,0 -2px 8px #00000026,0 4px 8px #0000001a;z-index:10;transform:translateY(-2px)}@media(max-width:768px){.day-tabs-container[data-v-183243d5]{margin-left:0}}.stats[data-v-69b9ceff]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin-bottom:0;background:#fff;border-bottom:1px solid #dee2e6}.stat-card[data-v-69b9ceff]{background:#fff;padding:24px 30px;border-right:1px solid #dee2e6}.stat-card[data-v-69b9ceff]:last-child{border-right:none}.stat-card h4[data-v-69b9ceff]{font-size:11px;color:#6c757d;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-card .value[data-v-69b9ceff]{font-size:30px;font-weight:700;color:#2c3e50}@media(max-width:768px){.stats[data-v-69b9ceff]{grid-template-columns:1fr 1fr}.stat-card[data-v-69b9ceff]{padding:16px 20px;border-right:none;border-bottom:1px solid #dee2e6}.stat-card[data-v-69b9ceff]:nth-child(odd){border-right:1px solid #dee2e6}.stat-card[data-v-69b9ceff]:last-child,.stat-card[data-v-69b9ceff]:nth-last-child(2){border-bottom:none}}.legend[data-v-269886c1]{background:#f8f9fa;padding:10px 30px;margin-bottom:0;border-top:1px solid #dee2e6;position:fixed;bottom:60px;left:0;right:0;margin-left:240px;z-index:90;transition:margin-left .3s ease}.legend h3[data-v-269886c1]{display:none}.legend-items[data-v-269886c1]{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.legend-item[data-v-269886c1]{display:flex;align-items:center;gap:6px}.legend-item span[data-v-269886c1]{font-size:11px;color:#6c757d}.legend-symbol[data-v-269886c1]{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px}.acc-badge[data-v-269886c1]{background:#3498db;color:#fff;padding:3px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.paid-badge[data-v-269886c1]{background:#9b59b6;color:#fff;padding:3px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cash-badge[data-v-269886c1]{background:#e67e22;color:#fff;padding:3px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.legend[data-v-269886c1]{padding:8px 16px;margin-left:0}.legend-items[data-v-269886c1]{gap:12px}}.modal-backdrop[data-v-43a9a9df]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-container[data-v-43a9a9df]{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column}.modal-header[data-v-43a9a9df]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb}.modal-header h2[data-v-43a9a9df]{margin:0;font-size:24px;font-weight:600;color:#111827}.close-button[data-v-43a9a9df]{background:transparent;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-button[data-v-43a9a9df]:hover{background:#f3f4f6;color:#111827}.modal-body[data-v-43a9a9df]{padding:24px;overflow-y:auto;flex:1}.detail-section[data-v-43a9a9df]{margin-bottom:24px}.detail-section[data-v-43a9a9df]:last-child{margin-bottom:0}.detail-section h3[data-v-43a9a9df]{margin:0 0 12px;font-size:16px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.detail-row[data-v-43a9a9df]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f6}.detail-row[data-v-43a9a9df]:last-child{border-bottom:none}.detail-label[data-v-43a9a9df]{font-weight:500;color:#6b7280;font-size:14px}.detail-value[data-v-43a9a9df]{font-size:14px;color:#111827;text-align:right}.detail-value.strong[data-v-43a9a9df]{font-weight:600}.detail-value.connote[data-v-43a9a9df]{font-family:Courier New,monospace;font-size:13px;color:#6b7280}.status-indicator[data-v-43a9a9df]{padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600;background:#f3f4f6;color:#6b7280}.status-indicator.completed[data-v-43a9a9df]{background:#d1fae5;color:#065f46}.acc-badge[data-v-43a9a9df],.paid-badge[data-v-43a9a9df],.cash-badge[data-v-43a9a9df]{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.acc-badge[data-v-43a9a9df]{background:#dbeafe;color:#1e40af}.paid-badge[data-v-43a9a9df]{background:#e9d5ff;color:#6b21a8}.cash-badge[data-v-43a9a9df]{background:#fed7aa;color:#9a3412}.modal-footer[data-v-43a9a9df]{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.btn[data-v-43a9a9df]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary[data-v-43a9a9df]{background:#f3f4f6;color:#374151}.btn-secondary[data-v-43a9a9df]:hover{background:#e5e7eb}.btn-primary[data-v-43a9a9df]{background:#3b82f6;color:#fff}.btn-primary[data-v-43a9a9df]:hover{background:#2563eb}.modal-enter-active[data-v-43a9a9df],.modal-leave-active[data-v-43a9a9df]{transition:opacity .3s ease}.modal-enter-active .modal-container[data-v-43a9a9df],.modal-leave-active .modal-container[data-v-43a9a9df]{transition:transform .3s ease}.modal-enter-from[data-v-43a9a9df],.modal-leave-to[data-v-43a9a9df]{opacity:0}.modal-enter-from .modal-container[data-v-43a9a9df],.modal-leave-to .modal-container[data-v-43a9a9df]{transform:scale(.9)}.modal-body[data-v-43a9a9df]::-webkit-scrollbar{width:8px}.modal-body[data-v-43a9a9df]::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.modal-body[data-v-43a9a9df]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-body[data-v-43a9a9df]::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.modal-container[data-v-43a9a9df]{max-height:95vh}.modal-header[data-v-43a9a9df],.modal-body[data-v-43a9a9df]{padding:20px}.modal-footer[data-v-43a9a9df]{padding:16px 20px;flex-direction:column}.btn[data-v-43a9a9df]{width:100%}}.deliveries-container[data-v-2feecd3f]{background:#fff;padding:30px}.delivery-table[data-v-2feecd3f]{width:100%;border-collapse:collapse}.delivery-table thead[data-v-2feecd3f]{background:#f8f9fa;position:sticky;top:0}.delivery-table th[data-v-2feecd3f]{padding:12px 8px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;font-size:13px}.delivery-table td[data-v-2feecd3f]{padding:12px 8px;border-bottom:1px solid #e9ecef;font-size:14px}.delivery-table tbody tr[data-v-2feecd3f]:hover{background:#f8f9fa}.delivery-table tbody tr.completed[data-v-2feecd3f]{opacity:.7;background:#e8f5e9}.delivery-table tbody tr.section-header[data-v-2feecd3f]{background:#fff3cd;font-weight:700}.status-badge[data-v-2feecd3f]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:14px}.status-badge.completed[data-v-2feecd3f]{background:#27ae60;color:#fff}.charge-indicator[data-v-2feecd3f]{color:#27ae60;font-size:16px}.connote[data-v-2feecd3f]{font-family:Courier New,monospace;font-size:12px;color:#6c757d}.acc-badge[data-v-2feecd3f]{background:#3498db;color:#fff;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.paid-badge[data-v-2feecd3f]{background:#9b59b6;color:#fff;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cash-badge[data-v-2feecd3f]{background:#e67e22;color:#fff;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.action-button[data-v-2feecd3f]{background:transparent;border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;cursor:pointer;color:#6b7280;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.action-button[data-v-2feecd3f]:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-button[data-v-2feecd3f]:active{transform:scale(.95)}@media(max-width:768px){.deliveries-container[data-v-2feecd3f]{padding:20px}.delivery-table[data-v-2feecd3f]{font-size:12px}.delivery-table th[data-v-2feecd3f],.delivery-table td[data-v-2feecd3f]{padding:8px 4px}.action-button[data-v-2feecd3f]{padding:4px 6px}.action-button svg[data-v-2feecd3f]{width:14px;height:14px}}.app-container[data-v-1969d8d7]{max-width:1400px;margin:0 auto;width:100%;flex:1;overflow:auto;padding-bottom:120px}.loading[data-v-1969d8d7]{text-align:center;padding:60px 30px;font-size:16px;color:#6c757d;background:#fff}.header[data-v-42f3f190]{background:#2c3e50;color:#fff;padding:30px;margin-bottom:0;border-bottom:3px solid #34495e}.header-top[data-v-42f3f190]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:20px}.header h1[data-v-42f3f190]{font-size:28px;margin:0;flex:1}.right-display[data-v-42f3f190]{display:flex;flex-direction:column;align-items:flex-end;background:#ffffff1a;padding:16px 24px;border-radius:8px;border:1px solid rgba(255,255,255,.2);min-width:200px;gap:6px}.right-content[data-v-42f3f190]{font-weight:700;font-size:18px;white-space:nowrap;color:#fff;line-height:1.2}.header-info[data-v-42f3f190]{display:flex;gap:30px;flex-wrap:wrap}.header-info-item[data-v-42f3f190]{display:flex;flex-direction:column}.header-info-item label[data-v-42f3f190]{font-size:12px;opacity:.9;margin-bottom:5px}.header-info-item span[data-v-42f3f190]{font-weight:700;font-size:16px}@media(max-width:768px){.header[data-v-42f3f190]{padding:20px}.header-top[data-v-42f3f190]{flex-direction:column;align-items:flex-start}.right-display[data-v-42f3f190]{align-items:flex-start;width:100%}.header h1[data-v-42f3f190]{font-size:22px}}.stats[data-v-a77fd76e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin-bottom:0;background:#fff;border-bottom:1px solid #dee2e6}.stat-card[data-v-a77fd76e]{background:#fff;padding:24px 30px;border-right:1px solid #dee2e6}.stat-card[data-v-a77fd76e]:last-child{border-right:none}.stat-card h4[data-v-a77fd76e]{font-size:11px;color:#6c757d;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-card .value[data-v-a77fd76e]{font-size:30px;font-weight:700;color:#2c3e50}@media(max-width:768px){.stats[data-v-a77fd76e]{grid-template-columns:1fr 1fr}.stat-card[data-v-a77fd76e]{padding:16px 20px;border-right:none;border-bottom:1px solid #dee2e6}.stat-card[data-v-a77fd76e]:nth-child(odd){border-right:1px solid #dee2e6}.stat-card[data-v-a77fd76e]:last-child,.stat-card[data-v-a77fd76e]:nth-last-child(2){border-bottom:none}}.customer-list[data-v-49de066d]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-height:600px;max-height:800px;overflow:hidden}.search-container[data-v-49de066d]{padding:20px;background:#fff;border-bottom:2px solid #dee2e6;display:flex;gap:8px;align-items:center}.search-box[data-v-49de066d]{flex:1;position:relative}.search-icon[data-v-49de066d]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;pointer-events:none}.search-box input[data-v-49de066d]{width:100%;padding:10px 12px 10px 36px;border:1px solid #ced4da;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s;background:#f8f9fa}.search-box input[data-v-49de066d]:focus{border-color:#3498db;background:#fff}.btn-add[data-v-49de066d]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s;flex-shrink:0}.btn-add[data-v-49de066d]:hover{background:#2980b9}.customer-items[data-v-49de066d]{flex:1;overflow-y:auto;padding:0}.customer-item[data-v-49de066d]{display:flex;gap:16px;padding:16px 30px;cursor:pointer;transition:all .2s;border-left:4px solid transparent;border-bottom:1px solid #e9ecef;background:#fff}.customer-item[data-v-49de066d]:hover{background:#f8f9fa}.customer-item.selected[data-v-49de066d]{background:#e8f5e9;border-left-color:#27ae60}.customer-icon[data-v-49de066d]{flex-shrink:0;width:52px;height:52px;background:#f8f9fa;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#495057;border:1px solid #dee2e6}.customer-item.selected .customer-icon[data-v-49de066d]{background:#d4edda;color:#27ae60;border-color:#27ae60}.customer-info[data-v-49de066d]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.customer-header[data-v-49de066d]{display:flex;justify-content:space-between;align-items:center;gap:8px}.customer-name[data-v-49de066d]{font-weight:700;font-size:16px;color:#2c3e50}.status-badge[data-v-49de066d]{padding:4px 10px;border-radius:3px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.customer-details[data-v-49de066d]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.customer-contact[data-v-49de066d]{font-size:14px;color:#495057;font-weight:600}.customer-type[data-v-49de066d]{font-size:11px;color:#fff;padding:4px 8px;background:#6c757d;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.customer-meta[data-v-49de066d]{display:flex;gap:6px;font-size:13px;color:#6c757d;font-weight:500}.customer-items[data-v-49de066d]::-webkit-scrollbar{width:6px}.customer-items[data-v-49de066d]::-webkit-scrollbar-track{background:transparent}.customer-items[data-v-49de066d]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.customer-items[data-v-49de066d]::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.search-container[data-v-49de066d]{padding:16px}}.customer-detail[data-v-97aabaa6]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-height:600px;max-height:800px;overflow:hidden}.detail-content[data-v-97aabaa6]{max-height:800px;overflow-y:auto}.no-selection[data-v-97aabaa6]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6c757d}.no-selection svg[data-v-97aabaa6]{margin-bottom:16px;stroke:currentColor}.no-selection p[data-v-97aabaa6]{font-size:16px;margin:0;color:#6c757d}.detail-content[data-v-97aabaa6]{height:100%}.detail-header[data-v-97aabaa6]{background:#f8f9fa;padding:30px;border-bottom:2px solid #dee2e6;position:sticky;top:0;z-index:10}.header-top[data-v-97aabaa6]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.detail-header h1[data-v-97aabaa6]{margin:0;font-size:32px;font-weight:700;color:#2c3e50}.header-actions[data-v-97aabaa6]{display:flex;gap:12px}.btn-icon[data-v-97aabaa6]{width:40px;height:40px;background:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;color:#495057;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon[data-v-97aabaa6]:hover{background:#3498db;border-color:#3498db;color:#fff}.header-subtitle[data-v-97aabaa6]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.customer-account[data-v-97aabaa6]{font-size:16px;color:#6c757d;font-weight:600}.status-row[data-v-97aabaa6]{display:flex;gap:10px;flex-wrap:wrap}.status-badge[data-v-97aabaa6]{padding:6px 14px;border-radius:3px;font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.type-badge[data-v-97aabaa6]{padding:6px 14px;background:#6c757d;color:#fff;border-radius:3px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-body[data-v-97aabaa6]{padding:30px;background:#fff}.info-section[data-v-97aabaa6]{background:#fff;border:1px solid #dee2e6;border-radius:0;padding:24px;margin-bottom:20px}.info-section h3[data-v-97aabaa6]{margin:0 0 20px;font-size:18px;font-weight:700;color:#2c3e50;border-bottom:2px solid #dee2e6;padding-bottom:12px}.info-grid[data-v-97aabaa6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item[data-v-97aabaa6]{display:flex;flex-direction:column;gap:6px}.info-label[data-v-97aabaa6]{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-97aabaa6]{font-size:16px;font-weight:600;color:#2c3e50}.info-value.status-text[data-v-97aabaa6]{font-weight:700}.notes-content[data-v-97aabaa6]{padding:16px;background:#f8f9fa;border-radius:0;border:1px solid #dee2e6;font-size:14px;line-height:1.6;color:#495057;white-space:pre-wrap}.placeholder-message[data-v-97aabaa6]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6c757d}.placeholder-message svg[data-v-97aabaa6]{margin-bottom:12px;stroke:currentColor}.placeholder-message p[data-v-97aabaa6]{margin:0;font-size:14px;color:#6c757d}.customer-detail[data-v-97aabaa6]::-webkit-scrollbar{width:8px}.customer-detail[data-v-97aabaa6]::-webkit-scrollbar-track{background:#f3f4f6}.customer-detail[data-v-97aabaa6]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.customer-detail[data-v-97aabaa6]::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.detail-header[data-v-97aabaa6]{padding:20px}.detail-header h1[data-v-97aabaa6]{font-size:24px}.detail-body[data-v-97aabaa6]{padding:16px}.info-section[data-v-97aabaa6]{padding:20px}.info-grid[data-v-97aabaa6]{grid-template-columns:1fr;gap:16px}}.app-container[data-v-f6568764]{max-width:1400px;margin:0 auto;width:100%;flex:1;overflow:auto;padding:20px 20px 30px;background:#f5f7fa}.dashboard-card[data-v-f6568764]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.customers-content[data-v-f6568764]{display:grid;grid-template-columns:400px 1fr;gap:20px;min-height:600px}@media(max-width:1024px){.customers-content[data-v-f6568764]{grid-template-columns:350px 1fr}}@media(max-width:768px){.app-container[data-v-f6568764]{padding:10px}.dashboard-card[data-v-f6568764]{margin-bottom:15px}.customers-content[data-v-f6568764]{grid-template-columns:1fr}}.stats[data-v-deeb96e5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin-bottom:0;background:#fff;border-bottom:1px solid #dee2e6}.stat-card[data-v-deeb96e5]{background:#fff;padding:24px 30px;border-right:1px solid #dee2e6}.stat-card[data-v-deeb96e5]:last-child{border-right:none}.stat-card h4[data-v-deeb96e5]{font-size:11px;color:#6c757d;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-card .value[data-v-deeb96e5]{font-size:30px;font-weight:700;color:#2c3e50}@media(max-width:768px){.stats[data-v-deeb96e5]{grid-template-columns:1fr 1fr}.stat-card[data-v-deeb96e5]{padding:16px 20px;border-right:none;border-bottom:1px solid #dee2e6}.stat-card[data-v-deeb96e5]:nth-child(odd){border-right:1px solid #dee2e6}.stat-card[data-v-deeb96e5]:last-child,.stat-card[data-v-deeb96e5]:nth-last-child(2){border-bottom:none}}.vehicle-list[data-v-66a80f08]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-height:600px;max-height:800px;overflow:hidden}.search-container[data-v-66a80f08]{padding:20px;background:#fff;border-bottom:2px solid #dee2e6;display:flex;gap:8px;align-items:center}.search-box[data-v-66a80f08]{flex:1;position:relative}.search-icon[data-v-66a80f08]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;pointer-events:none}.search-box input[data-v-66a80f08]{width:100%;padding:10px 12px 10px 36px;border:1px solid #ced4da;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s;background:#f8f9fa}.search-box input[data-v-66a80f08]:focus{border-color:#3498db;background:#fff}.btn-add[data-v-66a80f08]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s;flex-shrink:0}.btn-add[data-v-66a80f08]:hover{background:#2980b9}.vehicle-items[data-v-66a80f08]{flex:1;overflow-y:auto;padding:0}.vehicle-item[data-v-66a80f08]{display:flex;gap:16px;padding:16px 30px;cursor:pointer;transition:all .2s;border-left:4px solid transparent;border-bottom:1px solid #e9ecef;background:#fff}.vehicle-item[data-v-66a80f08]:hover{background:#f8f9fa}.vehicle-item.selected[data-v-66a80f08]{background:#e8f5e9;border-left-color:#27ae60}.vehicle-icon[data-v-66a80f08]{flex-shrink:0;width:52px;height:52px;background:#f8f9fa;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#495057;border:1px solid #dee2e6}.vehicle-item.selected .vehicle-icon[data-v-66a80f08]{background:#d4edda;color:#27ae60;border-color:#27ae60}.vehicle-info[data-v-66a80f08]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.vehicle-header[data-v-66a80f08]{display:flex;justify-content:space-between;align-items:center;gap:8px}.vehicle-registration[data-v-66a80f08]{font-weight:700;font-size:16px;color:#2c3e50}.status-badge[data-v-66a80f08]{padding:4px 10px;border-radius:3px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.vehicle-details[data-v-66a80f08]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vehicle-name[data-v-66a80f08]{font-size:14px;color:#495057;font-weight:600}.vehicle-type[data-v-66a80f08]{font-size:11px;color:#fff;padding:4px 8px;background:#6c757d;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vehicle-capacity[data-v-66a80f08]{display:flex;gap:6px;font-size:13px;color:#6c757d;font-weight:500}.vehicle-items[data-v-66a80f08]::-webkit-scrollbar{width:6px}.vehicle-items[data-v-66a80f08]::-webkit-scrollbar-track{background:transparent}.vehicle-items[data-v-66a80f08]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.vehicle-items[data-v-66a80f08]::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.search-container[data-v-66a80f08]{padding:16px}}.vehicle-detail[data-v-5933d34f]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-height:600px;max-height:800px;overflow:hidden}.detail-content[data-v-5933d34f]{max-height:800px;overflow-y:auto}.no-selection[data-v-5933d34f]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6c757d}.no-selection svg[data-v-5933d34f]{margin-bottom:16px;stroke:currentColor}.no-selection p[data-v-5933d34f]{font-size:16px;margin:0;color:#6c757d}.detail-content[data-v-5933d34f]{height:100%}.detail-header[data-v-5933d34f]{background:#f8f9fa;padding:30px;border-bottom:2px solid #dee2e6;position:sticky;top:0;z-index:10}.header-top[data-v-5933d34f]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.detail-header h1[data-v-5933d34f]{margin:0;font-size:32px;font-weight:700;color:#2c3e50}.header-actions[data-v-5933d34f]{display:flex;gap:12px}.btn-icon[data-v-5933d34f]{width:40px;height:40px;background:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;color:#495057;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon[data-v-5933d34f]:hover{background:#3498db;border-color:#3498db;color:#fff}.header-subtitle[data-v-5933d34f]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.vehicle-make-model[data-v-5933d34f]{font-size:20px;font-weight:600;color:#495057}.vehicle-year[data-v-5933d34f]{font-size:18px;color:#6c757d}.status-row[data-v-5933d34f]{display:flex;gap:10px;flex-wrap:wrap}.status-badge[data-v-5933d34f]{padding:6px 14px;border-radius:3px;font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.vehicle-type-badge[data-v-5933d34f]{padding:6px 14px;background:#6c757d;color:#fff;border-radius:3px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-body[data-v-5933d34f]{padding:30px;background:#fff}.info-section[data-v-5933d34f]{background:#fff;border:1px solid #dee2e6;border-radius:0;padding:24px;margin-bottom:20px}.info-section h3[data-v-5933d34f]{margin:0 0 20px;font-size:18px;font-weight:700;color:#2c3e50;border-bottom:2px solid #dee2e6;padding-bottom:12px}.info-grid[data-v-5933d34f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item[data-v-5933d34f]{display:flex;flex-direction:column;gap:6px}.info-label[data-v-5933d34f]{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-5933d34f]{font-size:16px;font-weight:600;color:#2c3e50}.info-value.status-text[data-v-5933d34f]{font-weight:700}.notes-content[data-v-5933d34f]{padding:16px;background:#f8f9fa;border-radius:0;border:1px solid #dee2e6;font-size:14px;line-height:1.6;color:#495057;white-space:pre-wrap}.placeholder-message[data-v-5933d34f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6c757d}.placeholder-message svg[data-v-5933d34f]{margin-bottom:12px;stroke:currentColor}.placeholder-message p[data-v-5933d34f]{margin:0;font-size:14px;color:#6c757d}.vehicle-detail[data-v-5933d34f]::-webkit-scrollbar{width:8px}.vehicle-detail[data-v-5933d34f]::-webkit-scrollbar-track{background:#f3f4f6}.vehicle-detail[data-v-5933d34f]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.vehicle-detail[data-v-5933d34f]::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.detail-header[data-v-5933d34f]{padding:20px}.detail-header h1[data-v-5933d34f]{font-size:24px}.detail-body[data-v-5933d34f]{padding:16px}.info-section[data-v-5933d34f]{padding:20px}.info-grid[data-v-5933d34f]{grid-template-columns:1fr;gap:16px}}.app-container[data-v-ecd64923]{max-width:1400px;margin:0 auto;width:100%;flex:1;overflow:auto;padding:20px 20px 30px;background:#f5f7fa}.loading[data-v-ecd64923]{text-align:center;padding:60px 30px;font-size:16px;color:#6c757d;background:#fff;border-radius:8px}.dashboard-card[data-v-ecd64923]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.vehicles-content[data-v-ecd64923]{display:grid;grid-template-columns:400px 1fr;gap:20px;min-height:600px}@media(max-width:1024px){.vehicles-content[data-v-ecd64923]{grid-template-columns:350px 1fr}}@media(max-width:768px){.app-container[data-v-ecd64923]{padding:10px}.dashboard-card[data-v-ecd64923]{margin-bottom:15px}.vehicles-content[data-v-ecd64923]{grid-template-columns:1fr}}.stats[data-v-e762161e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin-bottom:0;background:#fff;border-bottom:1px solid #dee2e6}.stat-card[data-v-e762161e]{background:#fff;padding:24px 30px;border-right:1px solid #dee2e6}.stat-card[data-v-e762161e]:last-child{border-right:none}.stat-card h4[data-v-e762161e]{font-size:11px;color:#6c757d;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-card .value[data-v-e762161e]{font-size:30px;font-weight:700;color:#2c3e50}@media(max-width:768px){.stats[data-v-e762161e]{grid-template-columns:1fr 1fr}.stat-card[data-v-e762161e]{padding:16px 20px;border-right:none;border-bottom:1px solid #dee2e6}.stat-card[data-v-e762161e]:nth-child(odd){border-right:1px solid #dee2e6}.stat-card[data-v-e762161e]:last-child,.stat-card[data-v-e762161e]:nth-last-child(2){border-bottom:none}}.driver-list[data-v-4d3173f8]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-height:600px;max-height:800px;overflow:hidden}.list-header[data-v-4d3173f8]{padding:20px;background:#fff;border-bottom:2px solid #dee2e6;display:flex;gap:8px;align-items:center}.list-header h2[data-v-4d3173f8]{display:none}.btn-add[data-v-4d3173f8]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s;flex-shrink:0}.btn-add svg[data-v-4d3173f8]{width:20px;height:20px}.btn-add[data-v-4d3173f8]:hover{background:#2980b9}.search-box[data-v-4d3173f8]{flex:1;position:relative}.search-icon[data-v-4d3173f8]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;pointer-events:none}.search-box input[data-v-4d3173f8]{width:100%;padding:10px 12px 10px 36px;border:1px solid #ced4da;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s;background:#f8f9fa}.search-box input[data-v-4d3173f8]:focus{border-color:#3498db;background:#fff}.driver-items[data-v-4d3173f8]{flex:1;overflow-y:auto;padding:8px}.driver-item[data-v-4d3173f8]{display:flex;gap:12px;padding:16px;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:8px;border:2px solid transparent}.driver-item[data-v-4d3173f8]:hover{background:#f8f9fa}.driver-item.selected[data-v-4d3173f8]{background:#e3f2fd;border-color:#3498db}.driver-icon[data-v-4d3173f8]{width:48px;height:48px;background:#e3f2fd;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#3498db}.driver-item.selected .driver-icon[data-v-4d3173f8]{background:#3498db;color:#fff}.driver-info[data-v-4d3173f8]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.driver-header[data-v-4d3173f8]{display:flex;justify-content:space-between;align-items:center;gap:8px}.driver-name[data-v-4d3173f8]{font-weight:600;font-size:15px;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge[data-v-4d3173f8]{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.driver-details[data-v-4d3173f8]{color:#6b7280;font-size:13px;margin-bottom:4px}.driver-employee-id[data-v-4d3173f8]{display:none}.driver-license[data-v-4d3173f8]{font-weight:500}.driver-meta[data-v-4d3173f8]{display:flex;gap:8px;align-items:center;font-size:12px;color:#6b7280}.driver-items[data-v-4d3173f8]::-webkit-scrollbar{width:6px}.driver-items[data-v-4d3173f8]::-webkit-scrollbar-track{background:transparent}.driver-items[data-v-4d3173f8]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.driver-items[data-v-4d3173f8]::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.list-header[data-v-4d3173f8]{flex-direction:column;align-items:stretch;gap:12px}.btn-add[data-v-4d3173f8]{width:100%;justify-content:center}}.driver-detail[data-v-08f70fb6]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-height:600px}.no-selection[data-v-08f70fb6]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6c757d}.no-selection svg[data-v-08f70fb6]{margin-bottom:16px;stroke:currentColor}.no-selection p[data-v-08f70fb6]{font-size:16px;margin:0;color:#6c757d}.detail-header[data-v-08f70fb6]{background:#f8f9fa;padding:30px;border-bottom:2px solid #dee2e6;position:sticky;top:0;z-index:10}.header-top[data-v-08f70fb6]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.detail-header h1[data-v-08f70fb6]{margin:0;font-size:32px;font-weight:700;color:#2c3e50}.header-actions[data-v-08f70fb6]{display:flex;gap:12px}.btn-icon[data-v-08f70fb6]{width:40px;height:40px;background:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;color:#495057;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon[data-v-08f70fb6]:hover{background:#3498db;border-color:#3498db;color:#fff}.header-subtitle[data-v-08f70fb6]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.driver-employee[data-v-08f70fb6]{font-size:16px;color:#6c757d;font-weight:600}.status-row[data-v-08f70fb6]{display:flex;gap:10px;flex-wrap:wrap}.status-badge[data-v-08f70fb6]{padding:6px 14px;border-radius:3px;font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.type-badge[data-v-08f70fb6]{padding:6px 14px;background:#6c757d;color:#fff;border-radius:3px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-body[data-v-08f70fb6]{padding:30px;background:#fff}.info-section[data-v-08f70fb6]{background:#fff;border:1px solid #dee2e6;border-radius:0;padding:24px;margin-bottom:20px}.info-section h3[data-v-08f70fb6]{margin:0 0 20px;font-size:18px;font-weight:700;color:#2c3e50;border-bottom:2px solid #dee2e6;padding-bottom:12px}.info-grid[data-v-08f70fb6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item[data-v-08f70fb6]{display:flex;flex-direction:column;gap:6px}.info-label[data-v-08f70fb6]{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-08f70fb6]{font-size:16px;font-weight:600;color:#2c3e50}.info-value.status-text[data-v-08f70fb6]{font-weight:700}.notes-content[data-v-08f70fb6]{padding:16px;background:#f8f9fa;border-radius:0;border:1px solid #dee2e6;font-size:14px;line-height:1.6;color:#495057;white-space:pre-wrap}.driver-detail[data-v-08f70fb6]::-webkit-scrollbar{width:8px}.driver-detail[data-v-08f70fb6]::-webkit-scrollbar-track{background:#f3f4f6}.driver-detail[data-v-08f70fb6]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.driver-detail[data-v-08f70fb6]::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.detail-header[data-v-08f70fb6]{padding:20px}.detail-header h1[data-v-08f70fb6]{font-size:24px}.detail-body[data-v-08f70fb6]{padding:16px}.info-section[data-v-08f70fb6]{padding:20px}.info-grid[data-v-08f70fb6]{grid-template-columns:1fr;gap:16px}}.app-container[data-v-ea8fb768]{max-width:1400px;margin:0 auto;width:100%;flex:1;overflow:auto;padding:20px 20px 30px;background:#f5f7fa}.loading[data-v-ea8fb768]{text-align:center;padding:60px 30px;font-size:16px;color:#6c757d;background:#fff;border-radius:8px}.dashboard-card[data-v-ea8fb768]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.drivers-content[data-v-ea8fb768]{display:grid;grid-template-columns:400px 1fr;gap:20px;min-height:600px}@media(max-width:1024px){.drivers-content[data-v-ea8fb768]{grid-template-columns:350px 1fr}}@media(max-width:768px){.app-container[data-v-ea8fb768]{padding:10px}.dashboard-card[data-v-ea8fb768]{margin-bottom:15px}.drivers-content[data-v-ea8fb768]{grid-template-columns:1fr}}.stats[data-v-86dd6936]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin-bottom:0;background:#fff;border-bottom:1px solid #dee2e6}.stat-card[data-v-86dd6936]{background:#fff;padding:24px 30px;border-right:1px solid #dee2e6}.stat-card[data-v-86dd6936]:last-child{border-right:none}.stat-card h4[data-v-86dd6936]{font-size:11px;color:#6c757d;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-card .value[data-v-86dd6936]{font-size:30px;font-weight:700;color:#2c3e50}@media(max-width:768px){.stats[data-v-86dd6936]{grid-template-columns:1fr 1fr}.stat-card[data-v-86dd6936]{padding:16px 20px;border-right:none;border-bottom:1px solid #dee2e6}.stat-card[data-v-86dd6936]:nth-child(odd){border-right:1px solid #dee2e6}.stat-card[data-v-86dd6936]:last-child,.stat-card[data-v-86dd6936]:nth-last-child(2){border-bottom:none}}.modal-backdrop[data-v-3419258b]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content[data-v-3419258b]{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-3419258b]{padding:24px 30px;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-radius:12px 12px 0 0}.modal-header h2[data-v-3419258b]{margin:0 0 8px;font-size:24px;font-weight:600;color:#2c3e50}.consignment-number[data-v-3419258b]{font-family:Courier New,monospace;font-size:14px;color:#6c757d;font-weight:600}.close-button[data-v-3419258b]{background:transparent;border:none;cursor:pointer;color:#6c757d;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-button[data-v-3419258b]:hover{background:#e9ecef;color:#2c3e50}.modal-body[data-v-3419258b]{padding:30px;overflow-y:auto;flex:1}.section[data-v-3419258b]{margin-bottom:30px}.section[data-v-3419258b]:last-child{margin-bottom:0}.section h3[data-v-3419258b]{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px;font-size:13px;color:#6c757d}.info-grid[data-v-3419258b]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item[data-v-3419258b]{display:flex;flex-direction:column;gap:4px}.info-item.full-width[data-v-3419258b]{grid-column:1 / -1}.label[data-v-3419258b]{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.value[data-v-3419258b]{font-size:15px;color:#2c3e50;font-weight:500}.status-badge[data-v-3419258b]{display:inline-block;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.route-container[data-v-3419258b]{display:flex;gap:20px;align-items:center}.location-card[data-v-3419258b]{flex:1;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px}.location-header[data-v-3419258b]{margin-bottom:12px}.location-label[data-v-3419258b]{font-size:11px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.location-name[data-v-3419258b]{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:8px}.location-address[data-v-3419258b]{font-size:13px;color:#6c757d;line-height:1.5}.route-arrow[data-v-3419258b]{font-size:28px;color:#3498db;font-weight:700;flex-shrink:0}.instructions-box[data-v-3419258b]{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:16px;font-size:14px;color:#856404;line-height:1.6}.modal-footer[data-v-3419258b]{padding:20px 30px;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end;gap:12px;background:#f8f9fa;border-radius:0 0 12px 12px}.btn-secondary[data-v-3419258b]{padding:10px 24px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary[data-v-3419258b]:hover{background:#5a6268}.modal-enter-active[data-v-3419258b],.modal-leave-active[data-v-3419258b]{transition:opacity .3s ease}.modal-enter-from[data-v-3419258b],.modal-leave-to[data-v-3419258b]{opacity:0}.modal-enter-active .modal-content[data-v-3419258b],.modal-leave-active .modal-content[data-v-3419258b]{transition:transform .3s ease}.modal-enter-from .modal-content[data-v-3419258b],.modal-leave-to .modal-content[data-v-3419258b]{transform:scale(.9)}@media(max-width:768px){.modal-content[data-v-3419258b]{max-width:100%;max-height:95vh}.modal-header[data-v-3419258b],.modal-body[data-v-3419258b],.modal-footer[data-v-3419258b]{padding:20px}.info-grid[data-v-3419258b]{grid-template-columns:1fr;gap:12px}.route-container[data-v-3419258b]{flex-direction:column}.route-arrow[data-v-3419258b]{transform:rotate(90deg)}}.consignments-container[data-v-156dfb1d]{background:#fff;padding:30px}.consignment-table[data-v-156dfb1d]{width:100%;border-collapse:collapse}.consignment-table thead[data-v-156dfb1d]{background:#f8f9fa;position:sticky;top:0}.consignment-table th[data-v-156dfb1d]{padding:12px 8px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;font-size:13px}.consignment-table td[data-v-156dfb1d]{padding:12px 8px;border-bottom:1px solid #e9ecef;font-size:14px}.consignment-table tbody tr[data-v-156dfb1d]:hover{background:#f8f9fa}.consignment-table tbody tr.delivered[data-v-156dfb1d]{opacity:.7;background:#e8f5e9}.consignment-table tbody tr.failed[data-v-156dfb1d]{background:#ffebee}.consignment-number[data-v-156dfb1d]{font-family:Courier New,monospace;font-size:12px;color:#2c3e50;font-weight:600}.status-badge[data-v-156dfb1d]{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.service-badge[data-v-156dfb1d]{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.service-badge.standard[data-v-156dfb1d]{background:#6c757d;color:#fff}.service-badge.express[data-v-156dfb1d]{background:#3498db;color:#fff}.service-badge.same-day[data-v-156dfb1d]{background:#e67e22;color:#fff}.service-badge.overnight[data-v-156dfb1d]{background:#9b59b6;color:#fff}.service-badge.economy[data-v-156dfb1d]{background:#95a5a6;color:#fff}.dg-indicator[data-v-156dfb1d]{font-size:16px;cursor:help}.action-button[data-v-156dfb1d]{background:transparent;border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;cursor:pointer;color:#6b7280;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.action-button[data-v-156dfb1d]:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-button[data-v-156dfb1d]:active{transform:scale(.95)}@media(max-width:768px){.consignments-container[data-v-156dfb1d]{padding:20px}.consignment-table[data-v-156dfb1d]{font-size:12px}.consignment-table th[data-v-156dfb1d],.consignment-table td[data-v-156dfb1d]{padding:8px 4px}.action-button[data-v-156dfb1d]{padding:4px 6px}.action-button svg[data-v-156dfb1d]{width:14px;height:14px}}.app-container[data-v-f9c2186f]{max-width:1400px;margin:0 auto;width:100%;flex:1;overflow:auto;padding:20px;background:#f5f7fa}.dashboard-card[data-v-f9c2186f]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}@media(max-width:768px){.app-container[data-v-f9c2186f]{padding:10px}.dashboard-card[data-v-f9c2186f]{margin-bottom:15px}}