.truck-canvas-wrapper[data-v-b3fd28a6]{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08)}.canvas-header[data-v-b3fd28a6]{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #eef1f5}.canvas-title[data-v-b3fd28a6]{font-size:13px;font-weight:700;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px}.canvas-hint[data-v-b3fd28a6]{font-size:12px;color:#a0aec0}.canvas-area[data-v-b3fd28a6]{background:#0f1923;padding:12px 0 0;display:flex;justify-content:center;overflow:hidden}.canvas-legend[data-v-b3fd28a6]{display:flex;gap:20px;padding:12px 18px;flex-wrap:wrap;background:#f9fafb;border-top:1px solid #eef1f5}.legend-item[data-v-b3fd28a6]{display:flex;align-items:center;gap:6px;font-size:12px}.legend-swatch[data-v-b3fd28a6]{display:inline-block;width:12px;height:12px;border-radius:3px}.legend-empty[data-v-b3fd28a6]{background:#3d5068;border:1px solid #5a7b94}.legend-name[data-v-b3fd28a6]{font-weight:600;color:#2c3e50}.legend-weight[data-v-b3fd28a6]{color:#8e99a9;font-size:11px}.side-panel[data-v-14cba23b]{background:#fff;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden}.empty-state[data-v-14cba23b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon-wrap[data-v-14cba23b]{width:52px;height:52px;border-radius:50%;background:#f4f6f9;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.empty-title[data-v-14cba23b]{font-size:14px;font-weight:600;color:#4a5568;margin:0 0 2px}.empty-hint[data-v-14cba23b]{font-size:12px;color:#a0aec0;margin:0}.panel-content[data-v-14cba23b]{padding:14px 16px}.panel-header[data-v-14cba23b]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.comp-id[data-v-14cba23b]{font-size:22px;font-weight:800;color:#1a2332}.capacity-badge[data-v-14cba23b]{background:#edf2f7;padding:3px 10px;border-radius:12px;font-size:11px;color:#4a5568;font-weight:700}.fill-row[data-v-14cba23b]{margin-bottom:10px}.fill-meter-track[data-v-14cba23b]{height:6px;background:#edf2f7;border-radius:3px;overflow:hidden;margin-bottom:4px}.fill-meter-bar[data-v-14cba23b]{height:100%;border-radius:3px;transition:width .35s ease,background-color .3s ease}.fill-stats[data-v-14cba23b]{font-size:11px;color:#718096}.fill-stats strong[data-v-14cba23b]{color:#2d3748}.loaded-section[data-v-14cba23b]{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.loaded-chip[data-v-14cba23b]{display:inline-flex;align-items:center;gap:4px;padding:3px 6px 3px 8px;background:#ebf8ff;border:1px solid #bee3f8;border-radius:14px;font-size:11px}.lc-num[data-v-14cba23b]{font-weight:800;color:#2b6cb0}.lc-gal[data-v-14cba23b]{color:#4a5568;font-weight:600}.lc-x[data-v-14cba23b]{border:none;background:none;cursor:pointer;padding:1px;border-radius:50%;color:#a0aec0;line-height:1;display:flex}.lc-x[data-v-14cba23b]:hover{color:#e53e3e;background:#fff5f5}.weight-bar[data-v-14cba23b]{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#f7fafc;border:1px solid #edf2f7;border-radius:6px;margin-bottom:10px}.wb-label[data-v-14cba23b]{font-size:12px;color:#4a5568;font-weight:600}.wb-weight[data-v-14cba23b]{font-size:14px;font-weight:800;color:#e53e3e}.tab-row[data-v-14cba23b]{display:flex;gap:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:12px}.tab-btn[data-v-14cba23b]{flex:1;padding:7px 0;border:none;background:#f7fafc;color:#718096;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.5px}.tab-btn[data-v-14cba23b]:first-child{border-right:1px solid #e2e8f0}.tab-btn.active[data-v-14cba23b]{background:#2c3e50;color:#fff}.tab-content[data-v-14cba23b]{min-height:120px}.order-list[data-v-14cba23b]{display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto}.order-card[data-v-14cba23b]{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s;background:#fff}.order-card[data-v-14cba23b]:hover{border-color:#a0aec0;background:#f7fafc}.order-card.order-disabled[data-v-14cba23b]{opacity:.4;cursor:not-allowed}.order-card.order-disabled[data-v-14cba23b]:hover{border-color:#e2e8f0;background:#fff}.order-card.order-high[data-v-14cba23b]{border-left:3px solid #e53e3e}.oc-left[data-v-14cba23b]{display:flex;align-items:center;gap:5px;min-width:0;flex:1}.oc-num[data-v-14cba23b]{font-size:12px;font-weight:800;color:#1a2332;flex-shrink:0}.priority-dot[data-v-14cba23b]{width:6px;height:6px;border-radius:50%;background:#e53e3e;flex-shrink:0}.oc-cust[data-v-14cba23b]{font-size:11px;color:#718096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-right[data-v-14cba23b]{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:8px}.oc-gal[data-v-14cba23b]{font-size:12px;font-weight:700;color:#2d3748}.no-orders[data-v-14cba23b]{text-align:center;padding:16px;font-size:12px;color:#a0aec0}.field-group[data-v-14cba23b]{margin:10px 0}.field-label[data-v-14cba23b]{display:block;font-size:10px;font-weight:700;color:#8e99a9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.compact-input[data-v-14cba23b],.compact-select[data-v-14cba23b]{font-size:13px}.quick-fill-btns[data-v-14cba23b]{display:flex;gap:4px;margin-top:8px}.qf-btn[data-v-14cba23b]{flex:1;padding:6px 0;border:1px solid #e2e8f0;border-radius:5px;background:#f7fafc;color:#4a5568;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.qf-btn[data-v-14cba23b]:hover{background:#edf2f7;border-color:#cbd5e0}.qf-full[data-v-14cba23b]{background:#3498db;color:#fff;border-color:#2980b9}.qf-full[data-v-14cba23b]:hover{background:#2980b9}.chem-dot[data-v-14cba23b]{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.axle-panel[data-v-599ac464]{background:#fff;border-radius:10px;padding:18px 20px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.axle-panel-header[data-v-599ac464]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.axle-title[data-v-599ac464]{font-size:13px;font-weight:700;color:#1a2332;text-transform:uppercase;letter-spacing:.5px}.gvw-badge[data-v-599ac464]{display:flex;align-items:baseline;gap:6px;background:#f7fafc;border:1px solid #e2e8f0;padding:5px 14px;border-radius:20px}.gvw-label[data-v-599ac464]{font-size:11px;font-weight:700;color:#8e99a9;text-transform:uppercase}.gvw-value[data-v-599ac464]{font-size:16px;font-weight:800;color:#1a2332}.axle-bars[data-v-599ac464]{display:flex;gap:16px}.axle-bar-group[data-v-599ac464]{flex:1;padding:14px 16px;background:#f9fafb;border-radius:10px;border:1px solid #edf2f7;transition:border-color .3s ease,background-color .3s ease}.axle-bar-group.is-over[data-v-599ac464]{background:#fff5f5;border-color:#fed7d7}.axle-bar-top[data-v-599ac464]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.axle-label[data-v-599ac464]{font-size:14px;font-weight:700;color:#1a2332}.axle-pct[data-v-599ac464]{font-size:20px;font-weight:800}.axle-bar-track[data-v-599ac464]{height:20px;background:#e2e8f0;border-radius:10px;overflow:hidden;position:relative}.axle-bar-fill[data-v-599ac464]{height:100%;border-radius:10px;transition:width .5s ease,background-color .3s ease;min-width:3px}.axle-limit-marker[data-v-599ac464]{position:absolute;right:0;top:0;width:2px;height:100%;background:rgba(0,0,0,.15)}.axle-bar-bottom[data-v-599ac464]{display:flex;align-items:baseline;gap:4px;margin-top:6px;min-height:22px}.axle-weight[data-v-599ac464]{font-size:13px;font-weight:700;color:#2d3748}.axle-max[data-v-599ac464]{font-size:12px;color:#a0aec0}.overweight-tag[data-v-599ac464]{margin-left:auto;font-size:10px;font-weight:800;color:#e53e3e;background:#fed7d7;padding:2px 8px;border-radius:4px;letter-spacing:.5px;animation:pulse-data-v-599ac464 1.2s ease-in-out infinite}@keyframes pulse-data-v-599ac464{0%,to{opacity:1}50%{opacity:.4}}.status-green[data-v-599ac464]{color:#38a169}.status-green.axle-bar-fill[data-v-599ac464]{background:linear-gradient(90deg,#48bb78,#38a169)}.status-yellow[data-v-599ac464]{color:#d69e2e}.status-yellow.axle-bar-fill[data-v-599ac464]{background:linear-gradient(90deg,#ecc94b,#d69e2e)}.status-red[data-v-599ac464]{color:#e53e3e}.status-red.axle-bar-fill[data-v-599ac464]{background:linear-gradient(90deg,#fc8181,#e53e3e)}.load-visualizer[data-v-e608aab2]{padding:0;background:#f4f6f9;border-radius:12px;min-height:600px}.viz-header[data-v-e608aab2]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e8ecf1;background:#fff;border-radius:12px 12px 0 0}.viz-header-left[data-v-e608aab2]{display:flex;align-items:center;gap:14px}.viz-icon[data-v-e608aab2]{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#3498db,#2c3e50);display:flex;align-items:center;justify-content:center;flex-shrink:0}.viz-title[data-v-e608aab2]{margin:0;font-size:20px;font-weight:700;color:#1a2332;line-height:1.2}.viz-subtitle[data-v-e608aab2]{font-size:12px;color:#8e99a9;font-weight:500}.viz-header-right[data-v-e608aab2]{display:flex;align-items:center;gap:12px}.truck-type-toggle[data-v-e608aab2]{display:flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.tt-btn[data-v-e608aab2]{padding:6px 14px;border:none;background:#f7fafc;color:#718096;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.tt-btn+.tt-btn[data-v-e608aab2]{border-left:1px solid #e2e8f0}.tt-btn.active[data-v-e608aab2]{background:#2c3e50;color:#fff}.tt-btn[data-v-e608aab2]:hover:not(.active){background:#edf2f7}.total-gallons-badge[data-v-e608aab2]{display:flex;align-items:baseline;gap:4px;background:#eaf7ff;padding:5px 12px;border-radius:20px;border:1px solid #bee3f8}.badge-number[data-v-e608aab2]{font-size:16px;font-weight:800;color:#2980b9}.badge-unit[data-v-e608aab2]{font-size:11px;color:#5ba4d9;font-weight:600}.viz-main[data-v-e608aab2]{display:flex;gap:0;padding:20px;align-items:flex-start}.viz-canvas-col[data-v-e608aab2]{flex:1;min-width:0}.viz-panel-col[data-v-e608aab2]{width:360px;flex-shrink:0;margin-left:16px}.viz-axle-row[data-v-e608aab2]{padding:0 20px 20px}.mode-toggle[data-v-bae15d1e]{display:flex;align-items:center}.toggle-label[data-v-bae15d1e]{font-size:13px;font-weight:600;color:#bdc3c7;transition:color .2s ease;user-select:none}.toggle-label.active[data-v-bae15d1e]{color:#2c3e50}.form-mode-placeholder[data-v-bae15d1e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#95a5a6}.form-mode-placeholder h3[data-v-bae15d1e]{margin:16px 0 8px;color:#7f8c8d}.form-mode-placeholder p[data-v-bae15d1e]{margin:4px 0;font-size:14px}.hint-text[data-v-bae15d1e]{margin-top:16px!important;font-style:italic;color:#3498db}