.dispatch-redesign-root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #1c2333;--bg-card: #1a2030;--bg-table-header: #1e2a3a;--bg-table-row: #151d2b;--bg-table-row-hover: #1a2538;--border-color: #2a3444;--border-subtle: #222d3d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent-blue: #2f81f7;--accent-blue-halo: rgba(47, 129, 247, .2);--accent-green: #3fb950;--accent-green-dim: #1a3a2a;--accent-orange: #d29922;--accent-orange-dim: rgba(210, 153, 34, .15);--accent-red: #f85149;--accent-red-dim: #3a1a1a;--accent-purple: #a371f7;--badge-dispatched: #2f81f7;--stock-green: #238636;--stock-green-bg: rgba(35, 134, 54, .15);font-family:Roboto,-apple-system,sans-serif;color:var(--text-primary);line-height:1.5}@media (prefers-color-scheme: light){.dispatch-redesign-root{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-tertiary: #eef1f5;--bg-card: #ffffff;--bg-table-header: #f6f8fa;--bg-table-row: #ffffff;--bg-table-row-hover: #f6f8fa;--border-color: #d0d7de;--border-subtle: #e1e4e8;--text-primary: #1f2328;--text-secondary: #57606a;--text-muted: #6e7781;--accent-blue: #0969da;--accent-blue-halo: rgba(9, 105, 218, .2);--accent-green: #1a7f37;--accent-green-dim: #dafbe1;--accent-orange: #9a6700;--accent-orange-dim: rgba(154, 103, 0, .12);--accent-red: #cf222e;--accent-red-dim: #ffebe9;--accent-purple: #8250df;--badge-dispatched: #0969da;--stock-green: #1a7f37;--stock-green-bg: rgba(26, 127, 55, .12)}}.dispatch-redesign-root .page-container{max-width:1280px;margin:0 auto;padding:32px 40px}.dispatch-redesign-root .order-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.dispatch-redesign-root .order-header-left{display:flex;align-items:flex-start;gap:16px}.dispatch-redesign-root .back-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;margin-top:2px;flex-shrink:0}.dispatch-redesign-root .back-btn:hover{border-color:var(--accent-blue);color:var(--text-primary)}.dispatch-redesign-root .order-title{font-size:24px;font-weight:700;letter-spacing:-.3px;color:var(--text-primary)}.dispatch-redesign-root .order-title span{font-weight:500;color:var(--text-secondary);font-size:22px}.dispatch-redesign-root .order-meta{color:var(--text-secondary);font-size:13px;margin-top:4px}.dispatch-redesign-root .header-badges{display:flex;align-items:center;gap:10px;flex-shrink:0}.dispatch-redesign-root .badge{padding:5px 14px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.2px}.dispatch-redesign-root .badge-status{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.dispatch-redesign-root .badge-status.shipped{background:var(--badge-dispatched);color:#fff;border:none}.dispatch-redesign-root .badge-status.requires-action{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid var(--accent-red)}.dispatch-redesign-root .badge-sap{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-weight:500;font-size:12px}.dispatch-redesign-root .btn-danger{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--accent-red);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.dispatch-redesign-root .btn-danger:hover{border-color:var(--accent-red)}.dispatch-redesign-root .btn-danger:disabled{opacity:.5;cursor:not-allowed}.dispatch-redesign-root .btn-advance{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;border:1px solid var(--border-color);background:var(--accent-green-dim);color:var(--accent-green);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.dispatch-redesign-root .btn-advance:hover{border-color:var(--accent-green)}.dispatch-redesign-root .btn-advance:disabled{opacity:.5;cursor:not-allowed}.dispatch-redesign-root .alert-banner{background:var(--accent-red-dim);border:1px solid var(--accent-red);color:var(--accent-red);padding:12px 18px;border-radius:10px;margin-bottom:24px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px}.dispatch-redesign-root .stepper-container{margin-bottom:28px}.dispatch-redesign-root .stepper{display:flex;align-items:center;position:relative;padding:0 20px}.dispatch-redesign-root .step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.dispatch-redesign-root .step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin-bottom:10px;transition:all .3s}.dispatch-redesign-root .step-circle.completed{background:var(--accent-green);color:#fff}.dispatch-redesign-root .step-circle.active{background:var(--accent-blue);color:#fff;box-shadow:0 0 0 4px var(--accent-blue-halo)}.dispatch-redesign-root .step-circle.pending{background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-muted)}.dispatch-redesign-root .step-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.dispatch-redesign-root .step.active-step .step-label{color:var(--accent-blue)}.dispatch-redesign-root .step.completed-step .step-label{color:var(--accent-green)}.dispatch-redesign-root .step-connector{flex:1;height:3px;background:var(--border-color);position:relative;top:-25px;margin:0 -10px;z-index:0;border-radius:2px}.dispatch-redesign-root .step-connector.completed{background:var(--accent-green)}.dispatch-redesign-root .step-connector.active{background:linear-gradient(90deg,var(--accent-green),var(--accent-blue))}.dispatch-redesign-root .info-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:28px}.dispatch-redesign-root .info-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:18px 22px}.dispatch-redesign-root .info-card-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:12px}.dispatch-redesign-root .info-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.dispatch-redesign-root .info-item label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:2px;font-weight:500}.dispatch-redesign-root .info-item .value{font-size:14px;font-weight:500;color:var(--text-primary)}.dispatch-redesign-root .info-item .value.plain{font-family:Roboto,sans-serif}.dispatch-redesign-root .status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.dispatch-redesign-root .status-pill.ok,.dispatch-redesign-root .status-pill.false{background:var(--accent-green-dim);color:var(--accent-green)}.dispatch-redesign-root .status-pill.warning{background:var(--accent-orange-dim);color:var(--accent-orange)}.dispatch-redesign-root .status-pill.error{background:var(--accent-red-dim);color:var(--accent-red)}.dispatch-redesign-root .status-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.dispatch-redesign-root .reference-row{margin-bottom:20px}.dispatch-redesign-root .reference-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:4px}.dispatch-redesign-root .reference-value{font-size:15px;font-weight:500;color:var(--text-primary)}.dispatch-redesign-root .table-section{margin-bottom:28px}.dispatch-redesign-root .table-wrapper{border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.dispatch-redesign-root table{width:100%;border-collapse:collapse}.dispatch-redesign-root thead th{background:var(--bg-table-header);padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-subtle)}.dispatch-redesign-root thead th.center{text-align:center}.dispatch-redesign-root thead th.right{text-align:right}.dispatch-redesign-root tbody td{padding:14px 16px;font-size:14px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.dispatch-redesign-root tbody tr:last-child td{border-bottom:none}.dispatch-redesign-root tbody tr{transition:background .12s}.dispatch-redesign-root tbody tr:hover{background:var(--bg-table-row-hover)}.dispatch-redesign-root .product-code{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:2px}.dispatch-redesign-root .product-name{font-weight:500;color:var(--text-primary)}.dispatch-redesign-root td.center{text-align:center}.dispatch-redesign-root td.right{text-align:right;font-weight:500}.dispatch-redesign-root .options-cell{text-align:center}.dispatch-redesign-root .opt-btn{padding:5px 10px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;margin:0 3px}.dispatch-redesign-root .opt-btn:hover{border-color:var(--accent-blue);color:var(--text-primary)}.dispatch-redesign-root .opt-btn.delete:hover{border-color:var(--accent-red);color:var(--accent-red)}.dispatch-redesign-root .opt-btn:disabled{opacity:.5;cursor:not-allowed}.dispatch-redesign-root .grand-total-row{display:flex;justify-content:flex-end;padding:16px 20px;background:var(--bg-table-header);border-top:2px solid var(--accent-blue);border-radius:0 0 10px 10px}.dispatch-redesign-root .grand-total-row .label{font-size:14px;font-weight:700;color:var(--text-secondary);margin-right:40px;text-transform:uppercase;letter-spacing:.5px}.dispatch-redesign-root .grand-total-row .amount{font-size:18px;font-weight:700;color:var(--text-primary)}.dispatch-redesign-root .delivery-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:20px 22px}.dispatch-redesign-root .delivery-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:10px}.dispatch-redesign-root .delivery-empty{color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:8px}.dispatch-redesign-root .delivery-empty svg{color:var(--accent-orange);flex-shrink:0}.dispatch-redesign-root .delivery-item{color:var(--text-primary);font-size:13px;margin-bottom:6px}.dispatch-redesign-root .terminal-section{margin-top:28px;background:#000;border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.dispatch-redesign-root .terminal-header{background:#111;padding:10px 22px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid #222;display:flex;justify-content:space-between}.dispatch-redesign-root .terminal-body{padding:20px 22px;font-size:12px;color:#0f0;max-height:400px;overflow-y:auto}.dispatch-redesign-root .terminal-line{margin-bottom:8px;display:flex;gap:12px}.dispatch-redesign-root .terminal-line-time{color:#888;flex-shrink:0}.dispatch-redesign-root .terminal-line-msg{color:#0f0;flex-grow:1;word-break:break-all}.dispatch-redesign-root .terminal-line-msg.error{color:var(--accent-red)}.dispatch-redesign-root .terminal-line-data{margin:4px 0 0;opacity:.8;font-size:11px;background:#ffffff0d;padding:8px;white-space:pre-wrap}@keyframes dispatch-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dispatch-redesign-root .animate-in{animation:dispatch-fade-in-up .4s ease-out both}.dispatch-redesign-root .delay-1{animation-delay:.05s}.dispatch-redesign-root .delay-2{animation-delay:.1s}.dispatch-redesign-root .delay-3{animation-delay:.15s}.dispatch-redesign-root .delay-4{animation-delay:.2s}.dispatch-redesign-root .delay-5{animation-delay:.25s}.info-item.info-item-full{grid-column:1 / -1}.notes-value{white-space:pre-wrap;word-break:break-word;max-height:6.5em;overflow-y:auto}.collection-panel{display:flex;gap:14px;align-items:flex-start;padding:12px 4px 4px}.collection-icon{color:var(--accent-orange);flex-shrink:0;margin-top:2px}.collection-title{font-weight:600;font-size:.95rem;margin-bottom:4px}.collection-sub{font-size:.82rem;opacity:.75}