:root{--cl-bg: #f5f6fa;--cl-card: #ffffff;--cl-border: #dde1ea;--cl-label: #6b7280;--cl-text: #111827;--cl-blue: #2563eb;--cl-blue-dk: #1d4ed8;--cl-red: #ef4444;--cl-green: #16a34a;--cl-toggle-active: #2563eb;--cl-toggle-inactive: #e5e7eb;--cl-amber: #f59e0b;--cl-amber-dk: #d97706;--cl-teal: #0f6e56;--cl-teal-dk: #0b5945;--cl-teal-bg: #e1f5ee;--cl-coral-bg: #faece7}.create-load{position:relative;max-width:1360px;margin:0 auto;padding:20px;background:var(--cl-bg);min-height:100vh;font-size:12px;color:var(--cl-text)}.create-load *,.create-load *:before,.create-load *:after{box-sizing:border-box}.form-title-bar{display:flex;align-items:center;gap:8px;background:#f2a93b1f;color:#b9790f;font-weight:700;font-size:14px;padding:12px 18px;margin:-20px -20px 16px}.autosave-indicator{margin-left:auto;font-size:12px;font-weight:600;color:var(--cl-label)}.autosave-indicator.saved{color:#2a9350}.autosave-indicator.error{color:#c4364b}.autosave-indicator.hint{color:var(--cl-amber-dk);font-weight:500}.form-tabs{display:flex;gap:4px;border-bottom:2px solid var(--cl-border);margin-bottom:12px}.form-tab{background:none;border:none;padding:8px 18px;font-size:13px;font-weight:600;color:var(--cl-label);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.form-tab.active{color:var(--cl-blue);border-bottom-color:var(--cl-blue)}.card{background:var(--cl-card);border:1px solid var(--cl-border);border-radius:14px;margin-bottom:14px;box-shadow:0 2px 14px #0000000d}.card-standalone{border-radius:14px;padding:18px 20px}.card-section{padding:14px 18px;border-top:1px solid var(--cl-border)}.card-section:first-child{border-top:none}.section-title{font-weight:600;font-size:12px;margin-bottom:8px;display:block;text-transform:uppercase;letter-spacing:.03em;color:var(--cl-label)}.section-title-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--cl-label)}.section-title-row svg{width:13px;height:13px}.section-title-row .section-title{margin-bottom:0}.form-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;align-items:flex-end}.field{display:flex;flex-direction:column;gap:3px;min-width:110px}.field label{font-size:10px;color:var(--cl-label);font-weight:500;text-transform:uppercase;letter-spacing:.02em}.field.flex1{flex:1}.field.flex2{flex:2}.field.flex3{flex:3}.field.full{flex:1 1 100%}.company-field{flex:0 0 260px}.details-grid-6{display:grid;grid-template-columns:minmax(200px,1.7fr) minmax(130px,1fr) minmax(110px,.9fr) minmax(90px,.7fr) minmax(120px,.9fr) minmax(140px,1fr);gap:8px;align-items:end;margin-bottom:8px;max-width:100%}.details-grid-6 .field{min-width:0}@media (max-width: 1100px){.details-grid-6{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.details-grid-6{grid-template-columns:repeat(2,1fr)}}.details-grid-5{display:grid;grid-template-columns:minmax(220px,2fr) minmax(120px,1fr) minmax(100px,.8fr) minmax(130px,1fr) minmax(150px,1.1fr);gap:8px;align-items:end;margin-bottom:8px;max-width:100%}.details-grid-5 .field{min-width:0}@media (max-width: 1000px){.details-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.details-grid-5{grid-template-columns:repeat(2,1fr)}}.section-bar{background:#6b7280;color:#fff;font-weight:700;font-size:13px;letter-spacing:.02em;padding:10px 20px;margin:-18px -20px 14px;border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:space-between}.details-grid{display:grid;grid-template-columns:minmax(160px,1.6fr) minmax(120px,1fr) minmax(130px,1fr) minmax(110px,.8fr) minmax(150px,1fr);gap:8px;align-items:end;margin-bottom:8px;max-width:100%}.details-grid .field,.details-grid .toggle-group{min-width:0}.details-grid .toggle{white-space:nowrap}@media (max-width: 1000px){.details-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.details-grid{grid-template-columns:repeat(2,1fr)}}.details-grid-2{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr);gap:8px;align-items:end;margin-bottom:8px;max-width:420px}.details-grid-2 .field{min-width:0}@media (max-width: 500px){.details-grid-2{grid-template-columns:1fr;max-width:100%}}.create-load input,.create-load textarea,.create-load select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--cl-border);border-radius:0;padding:4px 8px;font-size:12px;height:28px;margin-top:0;color:var(--cl-text);background:#fff;width:100%;box-sizing:border-box}.create-load select{height:28px;padding-right:24px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.create-load select::-ms-expand{display:none}.create-load input[type=date]::-webkit-calendar-picker-indicator,.create-load input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;border-radius:0;background-color:transparent}.create-load input:focus,.create-load select:focus,.create-load textarea:focus{outline:none;border-color:var(--cl-blue);box-shadow:0 0 0 2px #2563eb26}.create-load textarea{resize:vertical;height:auto;padding:5px 8px}.ellipsis-input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--cl-bg);color:var(--cl-label);max-width:340px}.input-addon{display:flex;align-items:stretch;min-width:0}.input-addon select{flex:1;min-width:0;border-right:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-addon input{flex:1;min-width:0;border-right:none}.input-addon .btn-plus{border-radius:0}.btn-plus{width:28px;height:28px;border-radius:0;border:1px solid var(--cl-amber);background:var(--cl-amber);color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-plus:hover{background:var(--cl-amber-dk);border-color:var(--cl-amber-dk)}.btn-edit{width:24px;height:28px;border-radius:0;border:1px solid var(--cl-border);border-right:none;background:#fff;color:var(--cl-label);font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-edit:hover{background:var(--cl-bg);color:var(--cl-blue)}.btn-edit:disabled{cursor:not-allowed;opacity:.4}.btn-edit:disabled:hover{background:#fff;color:var(--cl-label)}.btn-remove{background:none;border:none;color:var(--cl-red);font-size:14px;cursor:pointer;padding:2px 6px}.btn-remove-sm{background:none;border:none;color:#9ca3af;font-size:12px;cursor:pointer}.btn-remove-sm:hover{color:var(--cl-red)}.btn-calculate{background:var(--cl-blue);color:#fff;border:none;border-radius:0;padding:0 12px;height:28px;font-size:12px;cursor:pointer;white-space:nowrap}.btn-calculate:hover{background:var(--cl-blue-dk)}.btn-primary{background:var(--cl-blue);color:#fff;border:none;border-radius:0;padding:7px 18px;font-size:12px;font-weight:600;cursor:pointer}.btn-primary:hover:not(:disabled){background:var(--cl-blue-dk)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-create-trip{background:var(--cl-teal)}.btn-create-trip:hover:not(:disabled){background:var(--cl-teal-dk)}.btn-secondary{background:#fff;color:var(--cl-text);border:1px solid var(--cl-border);border-radius:0;padding:7px 18px;font-size:12px;font-weight:600;cursor:pointer}.btn-secondary:hover{background:var(--cl-bg)}.btn-add-charge{background:none;border:none;color:var(--cl-blue);font-size:13px;cursor:pointer;padding:0;display:flex;align-items:center;gap:4px}.link-toggle{background:none;border:none;color:var(--cl-blue);font-size:13px;cursor:pointer;padding:0;text-decoration:none;align-self:flex-end;margin-bottom:6px}.link-toggle:hover{text-decoration:underline}.toggle-group{display:flex;border:1px solid var(--cl-border);border-radius:0;overflow:hidden;height:28px}.toggle{padding:0 10px;border:none;background:var(--cl-toggle-inactive);font-size:12px;cursor:pointer;font-weight:500}.toggle.active{background:var(--cl-blue);color:#fff}.slide-toggle{position:relative;display:flex;align-items:center;height:28px;border:1px solid var(--cl-border);background:var(--cl-toggle-inactive);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden}.slide-toggle-thumb{position:absolute;top:0;left:0;width:50%;height:100%;background:var(--cl-blue);transition:transform .18s ease;z-index:0}.slide-toggle-thumb.right{transform:translate(100%)}.slide-toggle-label{position:relative;z-index:1;flex:1;text-align:center;font-size:12px;font-weight:500;color:var(--cl-label);transition:color .18s ease}.slide-toggle-label.active{color:#fff}.commission-row{display:flex;align-items:stretch;min-width:0}.commission-row .input-addon{flex:1.4;min-width:0}.commission-row select{flex:1;min-width:0}.commission-row>input{flex:1;width:auto;min-width:0}.stops-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}@keyframes sidePanelSlideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes sidePanelFadeIn{0%{opacity:0}to{opacity:1}}.location-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:1000;animation:sidePanelFadeIn .45s ease}.location-panel{position:fixed;left:0;top:0;bottom:0;right:auto;width:380px;background:#fff;border-right:1px solid var(--cl-border);box-shadow:4px 0 32px #0000002e;z-index:1001;display:flex;flex-direction:column;animation:sidePanelSlideIn .45s cubic-bezier(.16,.9,.3,1)}.location-panel-header{background:#fff;color:var(--cl-text);padding:18px 20px 14px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:16px;border-bottom:1px solid var(--cl-border)}.location-panel-header .modal-close{color:var(--cl-label);opacity:1;font-size:16px}.location-panel-header .modal-close:hover{color:var(--cl-text)}.location-panel-hint{padding:12px 20px 0;font-size:12px;color:var(--cl-text-dim, #8a94a6)}.location-panel-list{flex:1;overflow-y:auto;padding:10px 0}.location-panel-item{padding:12px 20px;cursor:pointer;font-size:14px;border-bottom:1px solid #f1f2f4}.location-panel-item:hover{background:#f7f8fa}.location-panel-item.selected{background:#4c8fe014}.location-panel-item-name{font-weight:600;color:var(--cl-text);display:flex;align-items:center;gap:8px}.location-panel-item-badge{font-size:10px;font-weight:700;text-transform:uppercase;background:#eef1f5;color:var(--cl-label);padding:2px 7px;border-radius:3px}.location-panel-item-sub{font-size:12px;color:var(--cl-text-dim, #8a94a6);margin-top:2px}.location-panel-empty{padding:20px;color:var(--cl-text-dim, #8a94a6);font-size:13px}.location-panel-footer{padding:16px 20px;border-top:1px solid var(--cl-border)}.location-panel-add-link{background:none;border:none;color:var(--cl-blue);font-size:14px;font-weight:600;cursor:pointer;padding:0;display:flex;align-items:center;gap:6px}.location-panel-add-link:hover{text-decoration:underline}.location-detail-text{margin-top:6px;padding:8px 10px;background:var(--cl-panel, #fafbfc);border:1px solid var(--cl-border);border-radius:6px;font-size:12px;color:var(--cl-text-dim, #6b7280);line-height:1.5}.customer-detail-panel{margin-top:10px;border:1px solid var(--cl-border);border-radius:8px;overflow:hidden;background:var(--cl-panel, #fafbfc)}.customer-credit-row{display:grid;grid-template-columns:1fr 1fr 1fr;background:#4c8fe012;border-bottom:1px solid var(--cl-border)}.customer-credit-item{padding:10px 14px;display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--cl-border)}.customer-credit-item:last-child{border-right:none}.customer-credit-label{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cl-label)}.customer-credit-value{font-size:15px;font-weight:700;color:#2a9350}.customer-credit-value.over{color:#c4364b}.customer-credit-preview{border-left:1px dashed var(--cl-border);padding-left:12px}.customer-credit-preview .customer-credit-value{font-weight:600}.customer-credit-hint{display:block;font-size:10px;color:var(--cl-label);font-style:italic}.credit-over-flag{display:inline-block;margin-top:3px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:#c4364b;border-radius:3px;padding:1px 6px}.customer-detail-grid{padding:10px 14px;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:12px;color:var(--cl-text)}.customer-detail-full{grid-column:1 / -1}.customer-order-contact-row{padding:10px 14px;border-top:1px solid var(--cl-border);background:#4c8fe00d}.customer-order-contact-row label{display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cl-label);margin-bottom:4px}.documents-layout{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}.documents-left{display:flex;flex-direction:column;gap:12px}.documents-save-as{background:#4c8fe014;color:#3670b3;font-size:13px;padding:8px 12px;border-radius:6px}.documents-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed var(--cl-border);border-radius:8px;padding:24px 12px;cursor:pointer;text-align:center;font-weight:600;color:var(--cl-text)}.documents-dropzone:hover{background:#f7f8fa}.documents-dropzone-hint{font-size:11px;font-weight:400;color:var(--text-dim, #8a94a6)}.documents-file-list{border:1px solid var(--cl-border);border-radius:6px;min-height:48px}.documents-file-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #f1f2f4;cursor:pointer}.documents-file-row:last-child{border-bottom:none}.documents-file-row:hover,.documents-file-row.active{background:#4c8fe00f}.documents-file-name{font-size:13px;font-weight:600}.documents-file-type{font-size:11px;color:var(--text-dim, #8a94a6)}.documents-preview{min-height:320px;height:100%;border:1px solid var(--cl-border);border-radius:8px;background:var(--cl-panel, #fafbfc);display:flex;align-items:center;justify-content:center;color:var(--text-dim, #8a94a6);font-size:14px;padding:16px}.documents-empty{padding:14px;color:var(--text-dim, #8a94a6);font-size:13px}.section-bar-btn,.documents-expand-btn{margin-left:auto;background:#ffffff26;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer}.section-bar-btn:hover,.documents-expand-btn:hover{background:#ffffff40}.documents-fullpage-overlay{z-index:950}.documents-fullpage-modal{width:90vw;max-width:1300px;height:85vh;max-height:900px;padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:18px}.documents-fullpage-modal .documents-layout{height:100%}.documents-fullpage-modal .documents-preview{min-height:100%}.customer-detail-label{font-weight:700;color:var(--cl-label);margin-right:4px}.summary-tab-wrapper{height:72vh;display:flex;flex-direction:column}.summary-layout{display:grid;grid-template-columns:1fr 300px;gap:16px;flex:1;min-height:0}.summary-main{display:flex;flex-direction:column;gap:14px;min-height:0}.summary-order-details-sticky{flex-shrink:0}.summary-flex-card{flex:1;min-height:0;display:flex;flex-direction:column}.summary-fixed-scroll{flex:1;min-height:0;overflow-y:auto}.summary-fixed-scroll thead th{position:sticky;top:0;background:#fff;z-index:5}.summary-side{display:flex;min-height:0}.summary-revenue-card{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.summary-detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px 20px;font-size:13px}.summary-detail-label{display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cl-label);margin-bottom:2px}.summary-detail-full{grid-column:1 / -1;margin-top:10px;font-size:13px}.summary-table{width:100%;border-collapse:collapse;font-size:13px}.summary-table th{text-align:left;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cl-label);padding:6px 10px;border-bottom:2px solid var(--cl-border)}.summary-table td{padding:8px 10px;border-bottom:1px solid #f1f2f4}.stop-type-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;color:#fff}.summary-revenue-list{display:flex;flex-direction:column;gap:6px;font-size:13px;margin-bottom:10px}.summary-revenue-row{display:flex;justify-content:space-between}.summary-total-row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--cl-border);font-size:13px}.summary-total-row.gross{font-weight:700;font-size:15px;color:#2a9350;border-top:2px solid var(--cl-border);margin-top:4px}.icon-action-btn{width:26px;height:26px;border:1px solid var(--cl-border);background:#fff;color:var(--cl-text);border-radius:4px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.icon-action-btn:hover{background:#f7f8fa}.icon-action-btn.danger{color:#c4364b}.status-badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.03em}.status-badge.planned{background:#f7d7dc;color:#c4364b}.status-badge.confirmed{background:#cdeedb;color:#2a9350}.trip-action-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.trip-action-menu{position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--cl-border);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:1001;display:flex;flex-direction:column;min-width:160px;overflow:hidden}.trip-action-menu button{background:none;border:none;text-align:left;padding:10px 14px;font-size:13px;cursor:pointer;border-bottom:1px solid #f1f2f4}.trip-action-menu button:last-child{border-bottom:none}.trip-action-menu button:hover:not(:disabled){background:#f7f8fa}.trip-action-menu button:disabled{color:var(--cl-text-dim, #8a94a6);cursor:not-allowed}.trip-action-menu button.danger{color:#c4364b}.row-action-dots{background:none;border:none;font-size:18px;line-height:1;padding:6px 10px;cursor:pointer;border-radius:6px;color:var(--cl-label)}.row-action-dots:hover{background:#f1f2f4;color:var(--cl-text)}.row-action-dots-circle{width:30px;height:30px;border-radius:50%;border:1px solid var(--cl-border);background:#fff;color:var(--cl-label);font-size:16px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.row-action-dots-circle:hover{background:#f1f2f4;color:var(--cl-text);border-color:#c9ccd2}.load-type-badge{display:inline-block;color:#fff;font-size:10px;font-weight:700;letter-spacing:.03em;padding:2px 8px;border-radius:4px;margin-top:4px}.currency-rate{font-weight:700}.billing-stage-tabs{display:flex;gap:4px;padding:12px 0 0;border-bottom:2px solid var(--cl-border);margin-bottom:12px}.billing-stage-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--cl-label);cursor:pointer;white-space:nowrap;border-radius:6px 6px 0 0}.billing-stage-tab:hover{color:var(--cl-text);background:#f7f8fa}.billing-stage-tab.active{color:var(--cl-blue, #4C8FE0);border-bottom-color:var(--cl-blue, #4C8FE0);background:#4c8fe00f}.action-menu-divider{height:1px;background:var(--cl-border);margin:4px 0}.orders-table-wrap{max-width:2000px;overflow-x:auto}.orders-table{table-layout:fixed;width:100%}.orders-table td,.orders-table th{white-space:normal;word-break:break-word}.rate-credit-status-col{display:block;width:100%;max-width:320px;text-align:left}.row-credit-line{font-size:11px;color:var(--cl-label);margin-top:2px;white-space:normal;word-break:break-word;line-height:1.5}.company-initial-badge{width:26px;height:26px;border-radius:50%;background:#c57709;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}.trip-group{border:1px solid var(--cl-border);border-radius:6px;padding:14px;margin-bottom:16px;background:var(--cl-panel, #fafbfc)}.trip-group-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px;margin-bottom:12px;color:var(--cl-amber, #c57709)}.stop-panel{background:var(--cl-bg);border:1px solid var(--cl-border);border-radius:0;padding:8px 10px}.stop-panel-pickup{background:#4c8fe012;border-left:4px solid #4C8FE0}.stop-panel-delivery{background:#3fbf6f12;border-left:4px solid #3FBF6F}.stop-panel-pickup .stop-label{color:#3670b3}.stop-panel-delivery .stop-label{color:#2a9350}.stop-panel input,.stop-panel select,.stop-panel textarea{background:#fff}.stop-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.stop-label{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--cl-label)}.same-check{font-size:12px;color:var(--cl-label);display:flex;align-items:center;gap:4px;cursor:pointer}.stop-header-with-hours{justify-content:space-between}.stop-hours-field{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--cl-blue-dk, #1d4ed8);background:#2563eb1f;border:1px solid rgba(37,99,235,.28);border-radius:999px;padding:3px 10px}.stop-panel-delivery .stop-hours-field,.stop-pair-col-delivery .stop-hours-field{color:#15803d;background:#16a34a1f;border-color:#16a34a47}.stop-hours-field.editing{background:none;border:none;padding:0;gap:4px}.stop-hours-text.placeholder{font-style:italic;opacity:.85}.stop-hours-field input[type=time]{width:auto;height:26px;padding:2px 6px;font-size:12px}.stop-hours-sep{opacity:.7}.stop-hours-edit-btn,.stop-hours-reset-btn{background:none;border:none;cursor:pointer;padding:0;font-size:13px;font-weight:700;line-height:1;color:inherit}.stop-hours-edit-btn:hover,.stop-hours-reset-btn:hover{opacity:.65}.radio-group{display:flex;gap:14px}.radio-group label{display:flex;align-items:center;gap:4px;font-size:13px;cursor:pointer}.radio-group input[type=radio]{appearance:radio;-webkit-appearance:radio;-moz-appearance:radio;width:16px;height:16px;margin:0;accent-color:var(--cl-green)}.dim-row{display:flex;gap:6px;align-items:center}.dim-row input{max-width:70px}.dim-row select{width:60px}.distance-row{align-items:flex-end}.checkbox-row{display:flex;flex-wrap:wrap;gap:12px}.check-label{display:flex;align-items:center;gap:5px;font-size:13px;cursor:pointer}.check-label input[type=checkbox]{width:auto;margin:0;accent-color:var(--cl-blue)}.req{color:var(--cl-red)}.revenue-table{width:100%;border-collapse:collapse;margin-bottom:16px}.revenue-table th{text-align:left;font-size:12px;color:var(--cl-label);font-weight:600;padding:0 6px 8px;border-bottom:1px solid var(--cl-border)}.revenue-table td{padding:5px 6px;vertical-align:middle}.revenue-table td select,.revenue-table td input{width:100%}.amount-cell{text-align:right;font-weight:600;min-width:80px}.revenue-footer{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.taxes-panel{min-width:360px}.taxes-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.taxes-row label{font-size:12px;color:var(--cl-label)}.taxes-row select{max-width:160px}.tax-line{display:flex;align-items:center;gap:8px;margin-bottom:6px}.tax-line label{font-size:12px;color:var(--cl-label);min-width:50px}.tax-line input{max-width:90px}.tax-line span{font-size:13px}.tax-amount{margin-left:auto;min-width:80px;text-align:right;font-weight:500}.total-tax-line{border-top:1px solid var(--cl-border);padding-top:6px;margin-top:6px}.total-tax-line label{font-weight:700}.total-freight-bar{display:flex;align-items:center;justify-content:flex-end;gap:16px;border-top:2px solid var(--cl-border);padding-top:14px;font-size:14px}.total-freight-bar strong{font-size:20px;min-width:100px;text-align:right}.currency-select{max-width:200px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:14px 20px;position:sticky;bottom:0;z-index:20;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:0 -20px -18px;border-top:1px solid var(--cl-border)}.shipment-tab-wrapper{height:72vh;display:flex;flex-direction:column}.shipment-sticky-header{position:sticky;top:0;z-index:15;background:var(--cl-bg);padding-top:4px;margin:0 -20px;padding-left:20px;padding-right:20px;flex-shrink:0;max-height:40vh;overflow-y:auto}.customer-sticky-header{position:sticky;top:0;z-index:15;background:var(--cl-bg)}.stops-scroll-area{flex:1;min-height:320px;display:flex;flex-direction:column}.stops-list-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.form-error{color:var(--cl-red);font-size:13px;margin-bottom:8px;text-align:right}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14182066;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#ffffffd9;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:28px 32px;min-width:320px;box-shadow:0 20px 60px #0000004d,0 2px 8px #00000014,inset 0 1px #fff9}.modal h3{margin:0 0 16px;font-size:16px}.modal input{width:100%;margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.manage-modal{min-width:400px;max-width:460px}.manage-list{max-height:320px;overflow-y:auto;margin-bottom:12px;border:1px solid var(--cl-border)}.manage-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--cl-border);font-size:13px}.manage-row:last-child{border-bottom:none}.manage-row-name{flex:1}.manage-row input{flex:1;width:auto;margin-bottom:0;height:28px;font-size:12px}.manage-row-btn{background:none;border:1px solid var(--cl-border);padding:4px 8px;font-size:12px;cursor:pointer;color:var(--cl-label)}.manage-row-btn:hover{background:var(--cl-bg);color:var(--cl-blue)}.manage-row-btn-danger:hover{color:var(--cl-red)}.manage-row-locked{font-size:11px;color:var(--cl-label);text-transform:uppercase;letter-spacing:.03em;background:var(--cl-bg);padding:2px 8px}.manage-add-row{display:flex;gap:8px;margin-bottom:16px}.manage-add-row input{margin-bottom:0}.modal-lg{padding:0;min-width:460px;overflow:hidden;border-radius:18px}.modal-lg .modal-header{background:linear-gradient(180deg,#3f4759eb,#3f4759d9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.modal-lg .modal-header h3{margin:0;font-size:18px;color:#fff}.modal-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;line-height:1;opacity:.8}.modal-close:hover{opacity:1}.modal-lg .modal-body{padding:24px;max-height:70vh;overflow-y:auto}.modal-lg .modal-body input,.modal-lg .modal-body select{margin-bottom:0}.stop-pair-overlay{z-index:950;background:#14182059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:40px}.modal-xl{position:relative;padding:0;width:90vw;max-width:1300px;height:85vh;max-height:900px;overflow:hidden;display:flex;flex-direction:column;border-radius:20px;background:#ffffffd1;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.5);box-shadow:0 24px 70px #00000059,0 2px 8px #0000001a,inset 0 1px #fff9}.modal-xl .modal-header{background:linear-gradient(180deg,#3f4759eb,#3f4759d9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;border-radius:20px 20px 0 0;flex-shrink:0}.modal-xl .modal-header h3{margin:0;font-size:19px;color:#fff;font-weight:600}.modal-xl .modal-body{padding:28px;overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column}.modal-xl .modal-actions{flex-shrink:0;padding:18px 28px;border-top:1px solid rgba(0,0,0,.08);background:#ffffff80;border-radius:0 0 20px 20px}.stop-pair-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;min-height:0}.stop-pair-col{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:6px;overflow-y:auto;min-height:0}.stop-pair-col-pickup{background:#4c8fe00f;border:1px solid rgba(76,143,224,.25)}.stop-pair-col-delivery{background:#3fbf6f0f;border:1px solid rgba(63,191,111,.25)}.stop-pair-col-pickup .stop-label{color:#4c8fe0}.stop-pair-col-delivery .stop-label{color:#3fbf6f}.stop-pair-col label{margin-top:8px}.stop-pair-col label:first-of-type{margin-top:0}.stop-pair-col .form-row{margin:0}.popup-entry{border:1px solid var(--cl-border);border-radius:6px;background:#fff;padding:14px;margin-bottom:12px}.popup-entry:last-child{margin-bottom:0}.popup-entry-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px;color:var(--cl-amber, #c57709);margin-bottom:8px}.order-form-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14182066;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:900;padding:30px}.order-form-modal{background:#ffffffd9;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:18px;box-shadow:0 20px 60px #0000004d,0 2px 8px #00000014,inset 0 1px #fff9;width:1400px;max-width:95vw;height:90vh;overflow-y:auto}.order-form-modal .create-load{min-height:auto;max-width:none;background:transparent}.combo{position:relative}.combo-toggle{width:100%;height:28px;border:1px solid var(--cl-border);border-radius:0;background:#fff;padding:0 8px;font-size:12px;color:var(--cl-text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.combo-caret{font-size:11px;color:var(--cl-label);transition:transform .15s}.combo-caret.open{transform:rotate(180deg)}.combo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}.combo-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--cl-border);border-radius:0;box-shadow:0 8px 24px #0000001f;z-index:10;padding:10px}.combo-search{display:flex;align-items:center;gap:6px;border:1px solid var(--cl-border);border-radius:0;padding:4px 8px;margin-bottom:8px}.combo-search input{border:none;padding:2px 0;flex:1}.combo-search input:focus{box-shadow:none}.combo-search-icon{font-size:12px;opacity:.6}.combo-list{max-height:200px;overflow-y:auto}.combo-option{padding:8px 10px;font-size:13px;cursor:pointer;border-radius:0}.combo-option:hover{background:var(--cl-bg)}.combo-option.selected{background:var(--cl-blue);color:#fff}.combo-option-add{color:var(--cl-blue);font-weight:600}.combo-option-add:hover{background:var(--cl-teal-bg)}.combo-option-delete{color:var(--cl-red);font-weight:600}.combo-option-delete:hover{background:var(--cl-coral-bg)}.combo-empty{padding:8px 10px;font-size:12px;color:var(--cl-label)}.customer-combo{flex:1}.customer-combo-field{position:relative}.combo-divider{border-top:1px solid var(--cl-border);margin:4px 0}@media (max-width: 900px){.stops-row{grid-template-columns:1fr}.form-row{flex-direction:column}}.outsource-empty{color:var(--cl-label);padding:6px 0 2px}.outsource-trip{border:1px solid var(--cl-border);border-radius:10px;padding:12px 14px;margin-bottom:10px;background:#fff}.outsource-trip.on{border-color:var(--cl-blue);background:#f5f8ff}.outsource-trip-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}.outsource-trip-route{color:var(--cl-label);flex:1;min-width:160px}.outsource-switch{display:inline-flex;align-items:center;gap:6px;font-weight:600;cursor:pointer}.create-load .outsource-switch input[type=checkbox]{-moz-appearance:auto;appearance:auto;-webkit-appearance:checkbox;width:15px;height:15px;margin:0}.outsource-hint{display:block;font-size:11px;color:var(--cl-label);margin-top:3px}.outsource-summary{margin-top:6px;border-top:1px solid var(--cl-border);padding-top:10px;display:grid;gap:6px;max-width:420px;margin-left:auto}.outsource-summary>div{display:flex;justify-content:space-between;gap:16px}.outsource-summary>div:last-child{font-size:14px;border-top:1px solid var(--cl-border);padding-top:6px;color:#2a9350}.outsource-summary>div.neg{color:#c4364b}.trips-search{flex:1;min-width:220px}.trips-search input{padding-left:32px;margin:0}.orders-table tbody tr.trips-row,.orders-table tbody tr.trips-order-row{cursor:pointer}.orders-table tbody tr.trips-row:hover,.orders-table tbody tr.trips-order-row:hover{background:var(--surface-2)}.orders-table tbody tr.trips-detail-row:hover{background:none}.trips-order-row{background:var(--surface);font-weight:600}.trips-order-row td{border-bottom:1px solid var(--border-strong)}.trips-nested-row td{padding-left:16px}.trips-nested-label{display:flex;align-items:center;gap:8px;padding-left:24px;font-weight:600}.trips-nested-row .trip-row-chevron{width:12px;height:12px;font-size:11px}.trip-row-chevron{display:inline-block;color:var(--text-dim);transition:transform .15s ease}.trip-row-chevron.open{transform:rotate(180deg)}.trips-detail-row td{background:var(--surface-2);padding:14px 16px}.trip-detail-stops{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.trip-detail-stop-row{display:flex;align-items:center;gap:10px;font-size:13px}.trip-detail-stop-location{flex:1}.trip-detail-stop-time{color:var(--text-dim);font-size:12px}.trip-detail-assignment{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border)}.trip-type-toggle{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;flex-shrink:0}.trip-type-toggle-btn{background:var(--surface);border:none;border-right:1px solid var(--border);padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-dim);cursor:pointer;white-space:nowrap}.trip-type-toggle-btn:last-child{border-right:none}.trip-type-toggle-btn:hover{background:var(--surface-2)}.trip-type-toggle-btn.active{background:var(--blue);color:#fff}.trip-assign-error{background:#e0475e1f;color:var(--red);border:1px solid rgba(224,71,94,.3);border-radius:4px;padding:8px 10px;font-size:12px;margin-bottom:10px;width:100%}.trip-assignment-fields{display:flex;gap:12px;flex-wrap:wrap;flex:1;min-width:200px}.trip-assignment-fields .field{min-width:160px}.trip-assignment-fields select{height:30px;padding:4px 8px;font-size:12px;margin-top:2px}.trip-detail-oo-equipment{margin-top:6px;padding:6px 8px;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:12px;color:var(--text-dim);line-height:1.5}.stop-type-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.stop-type-badge.pickup{background:#4c8fe0}.stop-type-badge.delivery{background:#3fbf6f}.trip-edit-btn{background:none;border:none;padding:2px;color:var(--text-dim);cursor:pointer;display:inline-flex;align-items:center}.trip-edit-btn:hover{color:var(--blue);border:none}@keyframes tripEditPanelFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tripEditPanelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.trip-edit-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1000;animation:tripEditPanelFadeIn .25s ease}.trip-edit-panel{position:fixed;top:0;bottom:0;right:0;left:auto;width:440px;max-width:92vw;background:var(--surface);border-left:1px solid var(--border);box-shadow:-4px 0 32px #00000040;z-index:1001;display:flex;flex-direction:column;animation:tripEditPanelSlideIn .3s cubic-bezier(.16,.9,.3,1)}.trip-edit-panel-header{padding:18px 20px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.trip-edit-panel-title{font-weight:700;font-size:16px;color:var(--text)}.trip-edit-panel-header .modal-close{color:var(--text-dim);opacity:1}.trip-edit-panel-header .modal-close:hover{color:var(--text)}.trip-edit-panel-sub{font-size:12px;color:var(--text-dim);margin-top:3px}.trip-edit-panel-body{flex:1;overflow-y:auto;padding:18px 20px}.trip-edit-panel-stops{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.create-trip-page input,.create-trip-page select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid var(--cl-border, #dde1ea);border-radius:0;padding:4px 8px;font-size:12px;height:28px;margin-top:0;color:var(--cl-text, #111827);background:#fff;width:100%;box-sizing:border-box}.create-trip-page select{padding-right:24px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.create-trip-page input:focus,.create-trip-page select:focus{outline:none;border-color:var(--cl-blue, #2563eb);box-shadow:0 0 0 2px #2563eb26}.create-trip-page .trip-type-toggle-btn{background:#fff;color:var(--cl-label, #6b7280);border-right-color:var(--cl-border, #dde1ea)}.create-trip-page .trip-type-toggle-btn:hover{background:#f7f8fa}.create-trip-page .trip-type-toggle-btn.active{background:var(--cl-blue, #2563eb);color:#fff}.create-trip-page .trip-type-toggle{border-color:var(--cl-border, #dde1ea)}.create-trip-topbar{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.create-trip-topbar-item{display:flex;flex-direction:column;gap:2px}.create-trip-topbar-label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--text-dim)}.create-trip-topbar-value{font-size:14px;font-weight:700;color:var(--text)}.create-trip-summary-badge{margin-left:auto;font-size:12px;font-weight:700;padding:7px 16px;border-radius:999px}.create-trip-cards{display:flex;flex-direction:column;gap:10px}.create-trip-stops-table-wrap{overflow-x:auto}.create-trip-stops-table{width:100%;border-collapse:collapse;margin-bottom:12px;background:#fff;border:none}.create-trip-stops-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.02em;color:var(--cl-label, #6b7280);font-weight:600;padding:0 6px 8px;border-bottom:1px solid var(--cl-border, #dde1ea);white-space:nowrap}.create-trip-stops-table td{padding:6px;vertical-align:middle;font-size:12px;color:var(--cl-text, #111827);border-bottom:1px solid var(--cl-border, #dde1ea)}.create-trip-stops-table tbody tr:last-child td{border-bottom:none}.create-trip-stop-cell{display:flex;align-items:center;gap:6px}.create-trip-reorder-btns{display:flex;flex-direction:column;gap:1px}.create-trip-reorder-btns button{width:18px;height:14px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--cl-border, #dde1ea);color:var(--cl-label, #6b7280);font-size:9px;line-height:1;cursor:pointer;padding:0}.create-trip-reorder-btns button:hover:not(:disabled){background:#f7f8fa;color:var(--cl-text, #111827)}.create-trip-reorder-btns button:disabled{opacity:.35;cursor:not-allowed}.create-trip-stop-sub{font-size:11px;color:var(--cl-label, #6b7280);margin-top:1px}.create-trip-card-assignment{padding-top:8px;margin-top:4px;border-top:1px solid var(--cl-border, #dde1ea);display:flex;flex-direction:column;gap:8px}.create-trip-readonly-line{font-size:12px;font-weight:600;color:var(--cl-text, #111827)}html[data-theme=dark]{--bg:#12161D;--surface:#1A1F28;--surface-2:#212836;--surface-3:#2A3242;--border:#2E3646;--border-strong:#3B4456;--text:#E9EBEF;--text-dim:#8E96A6;--text-faint:#5C6474;--amber:#F2A93B;--blue:#4C8FE0;--red:#E0475E;--green:#3FBF6F;--teal:#2DD4BF}html[data-theme=light]{--bg:#F3F4F6;--surface:#FFFFFF;--surface-2:#F7F8FA;--surface-3:#EDEFF3;--border:#E1E4E9;--border-strong:#CBD0D9;--text:#161A22;--text-dim:#5B6472;--text-faint:#9AA1AC;--amber:#C57709;--blue:#2568C4;--red:#C4364B;--green:#1F8A4F;--teal:#0F766E}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:13px;transition:background .25s ease,color .25s ease}.shell{display:grid;grid-template-columns:225px 1fr;min-height:100vh;transition:grid-template-columns .28s ease}.shell.sidebar-collapsed{grid-template-columns:68px 1fr}html[data-theme=light] .sidebar{background:#1b2330;border-right:1px solid #262F3F;--sidebar-bg:#1B2330}html[data-theme=light] .brand{color:#f5f7fa}html[data-theme=light] .navitem{color:#aeb8c9}html[data-theme=light] .navitem:hover{background:#ffffff12;color:#f5f7fa}html[data-theme=light] .navitem.active{background:#f5f7fa;color:#1b2330;border-left:3px solid var(--amber);padding-left:9px}html[data-theme=light] .sidebar button{background:#ffffff12;border:1px solid rgba(255,255,255,.15);color:#d7dee8}html[data-theme=light] .sidebar button:hover{border-color:#f5f7fa;color:#f5f7fa}html[data-theme=light] .theme-toggle{border-color:#fff3;color:#d7dee8}html[data-theme=light] .theme-toggle:hover{border-color:#f5f7fa;color:#f5f7fa}html[data-theme=dark] .sidebar{background:#eef0f3;border-right:1px solid #DCDFE4;--sidebar-bg:#EEF0F3}html[data-theme=dark] .brand{color:#1e2430}html[data-theme=dark] .navitem{color:#4b5566}html[data-theme=dark] .navitem:hover{background:#e2e5ea;color:#1e2430}html[data-theme=dark] .navitem.active{background:#26313f;color:#f5f7fa;border-left:3px solid var(--amber);padding-left:9px}html[data-theme=dark] .sidebar button{background:#e2e5ea;border:1px solid #D1D5DB;color:#374151}html[data-theme=dark] .sidebar button:hover{border-color:#26313f;color:#26313f}html[data-theme=dark] .theme-toggle{border-color:#d1d5db;color:#374151}html[data-theme=dark] .theme-toggle:hover{border-color:#26313f;color:#26313f}.sidebar{padding:18px 0;display:flex;flex-direction:column;overflow:visible}.brand{font-weight:700;font-size:20px;padding:8px 16px 20px;display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.sidebar nav{display:flex;flex-direction:column}.navitem{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:0;text-decoration:none;font-weight:500;font-size:13px;white-space:nowrap;overflow:hidden}.navitem svg{flex-shrink:0}.theme-toggle{background:none;width:34px;height:34px;padding:0;border-radius:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.navitem.flyout-open{background:var(--surface);color:var(--text);border-radius:0}.nav-flyout{position:fixed;top:0;bottom:0;margin-left:0;background:var(--surface);border-right:1px solid var(--border);width:270px;box-shadow:6px 0 24px #0000002e;z-index:30;overflow-y:auto}.nav-flyout-content{padding:0 12px 20px;text-align:left}.nav-flyout-header{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-faint);font-weight:700;padding:8px 10px 10px;text-align:left}.nav-flyout-group{margin-bottom:2px}.nav-flyout-group+.nav-flyout-group{border-top:1px solid var(--border);margin-top:8px;padding-top:6px}.nav-flyout-subheader{font-size:13px;font-weight:700;color:var(--text);padding:8px 10px 4px;text-align:left}.nav-flyout-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px;border-radius:0;color:var(--text);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;text-align:left}.nav-flyout-item span{text-align:left}.nav-flyout-item:hover{background:var(--surface-2)}.nav-flyout-item svg{color:var(--text-dim);flex-shrink:0}.nav-flyout-item.disabled{color:var(--text-faint);cursor:default}.nav-flyout-item.disabled:hover{background:none}.nav-flyout-item.disabled svg{color:var(--text-faint)}.nav-flyout-item.disabled .nav-flyout-soon{margin-left:auto}.nav-flyout-soon{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-faint);background:var(--surface-2);padding:2px 6px;border-radius:0}.content-col{display:flex;flex-direction:column;min-width:0}.topbar{height:62px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-shortcuts{display:flex;gap:5px}.topbar-icon-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:0;color:var(--text-dim);background:none;border:none;text-decoration:none;cursor:pointer;padding:0}.topbar-icon-btn:hover{background:var(--surface-2);color:var(--text);border:none}.topbar-icon-btn.active{background:var(--surface-2);color:var(--amber)}.topbar-badge{position:absolute;top:5px;right:5px;background:var(--red);color:#fff;font-size:10px;font-weight:700;min-width:15px;height:15px;border-radius:0;display:flex;align-items:center;justify-content:center;padding:0 3px}.topbar-right{display:flex;align-items:center;gap:5px}.topbar-company{position:relative;margin-left:10px}.topbar-company-btn{display:flex;align-items:center;gap:9px;background:none;border:1px solid var(--border);border-radius:0;padding:6px 12px 6px 6px;color:var(--text);font-size:14px}.topbar-company-btn:hover{border-color:var(--amber)}.topbar-avatar{width:30px;height:30px;border-radius:50%;background:var(--amber);color:#1a1408;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.topbar-company-name{font-size:14px;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:0;min-width:190px;box-shadow:0 8px 24px #0003;overflow:hidden;z-index:20}.topbar-menu-item{display:block;width:100%;text-align:left;padding:11px 15px;font-size:14px;color:var(--text);background:none;border:none;border-radius:0;text-decoration:none;cursor:pointer}.topbar-menu-item:hover{background:var(--surface-2);border:none}.main{padding:26px 32px}h1{font-size:24px;margin:0 0 20px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:-26px -32px 18px;padding:16px 32px;border-radius:0}.page-header-left{display:flex;align-items:center;gap:12px}.page-header-icon{width:38px;height:38px;border-radius:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface);box-shadow:0 1px 3px #0000001f}.page-header-icon svg{width:22px;height:22px}.page-header-title{font-size:18px;font-weight:700;margin:0}.page-header-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.page-header-actions{display:flex;gap:8px;align-items:center}.icon-select{position:relative;display:inline-flex;align-items:center}.icon-select-icon{position:absolute;left:10px;color:var(--text-dim);pointer-events:none;display:flex}.icon-select select{background:var(--surface);border:1px solid var(--border-strong);padding:8px 12px 8px 32px;font-size:12.5px;margin:0}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:0;overflow:hidden}th{text-align:left;font-size:12px;text-transform:uppercase;color:var(--text-dim);padding:11px 14px;border-bottom:1px solid var(--border)}td{padding:9px 14px;border-bottom:1px solid var(--border);font-size:13px}.empty{color:var(--text-dim);padding:22px;text-align:center}label{font-size:13px;color:var(--text-dim)}input,select{display:block;width:100%;margin-top:4px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:0;font-size:13px;font-family:inherit;box-sizing:border-box;height:34px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center}textarea{height:auto;width:100%;box-sizing:border-box}button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:7px 14px;border-radius:0;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .18s ease,background .18s ease,color .18s ease}button:hover{border-color:var(--amber)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:0;padding:14px 16px}.kpi .label{font-size:12px;color:var(--text-dim);font-weight:500;margin-bottom:7px}.kpi .val{font-size:25px;font-weight:700}.kpi .sub{font-size:11px;color:var(--text-faint);margin-top:4px}.dash-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:15px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:0;padding:16px 18px}.panel h3{margin:0 0 12px;font-size:14px}.activity-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.activity-row:last-child{border-bottom:none}.badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:0;display:inline-block}.panel-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}.customer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.customer-form-card{background:#f7f8fa;border:1px solid #e1e4e9;border-radius:0;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.customer-form-card-full{grid-column:1 / -1}.customer-form-card-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#c57709;margin-bottom:2px}.customer-form-card label{font-size:13px;color:#5b6472;font-weight:500;display:block}.customer-form-card input,.customer-form-card select,.customer-form-card textarea{margin-top:4px}.compliance-check{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:7px 12px;border:1px solid #e1e4e9;background:#fff;color:#5b6472;cursor:pointer}.compliance-check.on{border-color:#1f8a4f;color:#1f8a4f;background:#1f8a4f14}.customer-modal.modal{width:780px;height:82vh;padding:0;display:flex;flex-direction:column;overflow:hidden}.customer-modal-title{display:flex;align-items:center;gap:8px;flex-shrink:0;background:#f2a93b1f;color:#b9790f;font-weight:700;font-size:15px;padding:14px 32px}.customer-modal-tabs{flex-shrink:0;padding:16px 32px 0}.customer-modal-body{flex:1;overflow-y:auto;padding:16px 32px 0}.customer-modal-footer{flex-shrink:0;padding:16px 32px;border-top:1px solid #e1e4e9}.customer-modal .btn-plus,.customer-modal .btn-edit{height:34px;box-sizing:border-box}.customer-modal .input-addon{align-items:stretch}.customer-modal .input-addon select,.customer-modal .input-addon input{height:34px;box-sizing:border-box}.logo-upload{width:180px;height:180px;border:2px dashed #cbd0d9;background:#f7f8fa;display:flex;align-items:center;justify-content:center;text-align:center;color:#5b6472;font-size:13px;cursor:pointer;padding:12px}.logo-upload img{width:100%;height:100%;object-fit:contain}.name-edit-icon{background:none;border:none;color:#c57709;cursor:pointer;font-size:12px;padding:0;margin-left:6px;vertical-align:middle}.name-edit-icon:hover{opacity:.7}.yard-check-label{display:flex;align-items:center;justify-content:flex-start;font-weight:600;color:#3f4759;margin:0 0 12px;width:fit-content}.yard-check-label input{width:auto;margin-right:8px}.status-radio-group{display:flex;gap:20px;margin:8px 0 18px}.status-radio-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer}.status-radio-group input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio;width:15px;height:15px;min-height:0;padding:0;margin:0;border-radius:50%;background:#fff;border:1px solid #c9ccd1;accent-color:#1f8a4f}.modal-section-header{display:flex;align-items:center;justify-content:space-between;background:#f7f8fa;border:1px solid #e1e4e9;padding:10px 16px;margin:0 0 16px;font-weight:700;font-size:14px;color:#161a22}.modal-section-header span{color:#5b6472;font-size:12px}.form-box{background:#fff;border:1px solid #e1e4e9;padding:18px 20px}.credit-summary{background:#f7f8fa;border:1px solid #e1e4e9;padding:16px 18px;margin-bottom:18px}.credit-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.credit-summary-header strong{font-size:14px}.credit-summary-badge{font-size:11px;font-weight:600;color:#5b6472;background:#e1e4e9;padding:3px 10px}.credit-summary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:10px}.credit-summary-stat{background:#fff;border:1px solid #e1e4e9;padding:12px;text-align:center}.credit-summary-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5b6472;margin-bottom:6px}.credit-summary-value{font-size:18px;font-weight:700;color:#161a22}.credit-summary-note{font-size:12px;color:#5b6472;margin:0}.segmented{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:0;padding:2px}.segmented-btn{background:none;border:none;padding:5px 10px;font-size:11.5px;font-weight:600;color:var(--text-dim);border-radius:0;cursor:pointer}.segmented-btn:hover{color:var(--text);border:none}.segmented-btn.active{background:var(--surface);color:var(--amber);box-shadow:0 1px 2px #0000001a}.tabs-row{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:14px}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 4px;margin-right:18px;font-size:13.5px;font-weight:600;color:var(--text-dim);cursor:pointer}.tab-btn:hover{color:var(--text);border-bottom:2px solid var(--border-strong)}.tab-btn.active{color:var(--amber);border-bottom:2px solid var(--amber)}.table-search{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:0;padding:8px 12px;margin-bottom:12px;color:var(--text-dim);max-width:300px}.table-search input{flex:1;color:var(--text);font-size:13px}.table-footer{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:12px}.page-btn{background:var(--surface-2);border:1px solid var(--border);width:30px;height:30px;padding:0;border-radius:0;display:flex;align-items:center;justify-content:center}.page-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;cursor:default}.page-btn.pagination-ellipsis{background:none;border-color:transparent;cursor:default;color:var(--text-faint)}.table-footer select{width:64px;padding:6px 8px}.pagination-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--text-dim)}.pagination-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pagination-size-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim)}.pagination-size-label select{width:70px;margin-top:0;height:30px;padding:4px 8px}.pagination-numbers{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.stat-row:last-child{border-bottom:none}.stat-val{font-weight:700;font-size:15px}.action-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.action-toolbar-left{display:flex;gap:8px;flex-wrap:wrap}.action-toolbar-right{display:flex;gap:4px}.toolbar-btn{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);padding:8px 13px;border-radius:0;font-size:13px;font-weight:600}.toolbar-btn:hover:not(:disabled){border-color:var(--amber)}.toolbar-btn:disabled{color:var(--text-faint);cursor:default;opacity:.7}.toolbar-btn .nav-flyout-soon{margin-left:2px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-row-panel{padding:10px 14px;margin-bottom:14px}.filter-fields-panel{margin-bottom:16px}.filter-fields-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filter-fields-row label{flex:1;min-width:130px}.filter-fields-row input,.filter-fields-row select{width:100%}.primary-btn{background:var(--blue);border-color:var(--blue);color:#fff;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}.primary-btn:hover{border-color:var(--blue);opacity:.92}.status-summary{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:0;padding:11px 16px;margin-bottom:14px;font-size:13px}.status-summary-label{display:flex;align-items:center;gap:7px;font-weight:700;color:var(--text-dim)}.status-summary-item{font-weight:600}.search-drawer-inline{width:0;flex-shrink:0;background:var(--surface);border:1px solid transparent;border-radius:0;display:flex;flex-direction:column;position:sticky;top:16px;max-height:0;overflow:hidden;transition:width .3s ease,border-color .3s ease,max-height .3s ease}.search-drawer-inline.open{width:320px;border-color:var(--border);max-height:calc(100vh - 80px)}.search-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.search-drawer-body{padding:16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1}.search-drawer-body input,.search-drawer-body select{width:100%}.search-drawer-footer{display:flex;gap:8px;padding:14px 16px;border-top:1px solid var(--border)}.price-chip{display:inline-block;padding:3px 10px;border-radius:0;font-size:12.5px;font-weight:600;color:#fff}.price-chip.retail{background:var(--blue)}.price-chip.rate{background:var(--blue);opacity:.85}.price-chip.savings{background:var(--green)}.map-placeholder{flex:1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-dim);background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:0;padding:20px}.badge.unassigned{background:#e0475e24;color:var(--red)}.badge.assigned{background:#2dd4bf29;color:var(--teal)}.badge.on_load{background:#f2a93b24;color:var(--amber)}.badge.in_transit{background:#4c8fe024;color:var(--blue)}.badge.delivered,.badge.paid,.badge.available{background:#3fbf6f24;color:var(--green)}.badge.overdue{background:#e0475e24;color:var(--red)}.badge.booked{background:#3fbf6f24;color:var(--green)}.badge.complete{background:#4c8fe024;color:var(--blue)}.pac-container{z-index:99999!important}.driver-modal.modal{width:820px;max-height:88vh;padding:0;display:flex;flex-direction:column;overflow:hidden}.driver-modal-title{padding:16px 32px;font-weight:700;font-size:16px;border-bottom:1px solid #e1e4e9;flex-shrink:0;color:#161a22}.driver-modal-body{flex:1;overflow-y:auto;padding:20px 32px}.driver-modal-footer{flex-shrink:0;padding:16px 32px;border-top:1px solid #e1e4e9}.driver-section{border:1px solid #e1e4e9;margin-bottom:16px}.driver-section-header{display:flex;align-items:center;justify-content:space-between;background:#f7f8fa;padding:10px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;font-size:14px;color:#161a22}.driver-section-header:hover{background:#eef0f3}.driver-section-header span{color:#5b6472;font-size:12px;transition:transform .15s ease}.driver-section-header span.collapsed{transform:rotate(-90deg)}.driver-section-body{padding:18px 20px}.driver-subtabs{display:flex;gap:4px;border-bottom:1px solid #e1e4e9;margin-bottom:14px}.driver-subtab{background:none;border:none;padding:8px 14px;font-size:13px;font-weight:600;color:#5b6472;cursor:pointer;border-bottom:2px solid transparent}.driver-subtab.active{color:#c57709;border-bottom-color:#c57709}.checklist-row{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #eef0f3}.checklist-row:last-child{border-bottom:none}.checklist-req-badge{font-size:10px;font-weight:700;color:#b9790f;background:#f2a93b29;padding:3px 8px;text-transform:uppercase;letter-spacing:.03em}
