@charset "UTF-8";:root{--font-family: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;--text-xs: .78rem;--text-sm: .88rem;--text-md: .95rem;--text-lg: 1.1rem;--text-xl: 1.5rem;--color-primary: #0f5a8f;--color-primary-dark: #0b4570;--color-primary-soft: #e6f1f8;--color-sidebar: #0e1b2c;--color-sidebar-hover: #17304a;--color-sidebar-text: #b8c4d3;--color-sidebar-title: #8696ab;--color-bg: #f3f5f8;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-border: #e2e7ee;--color-border-strong: #858fa0;--color-text: #1b2633;--color-text-muted: #5b6878;--color-success: #137336;--color-success-soft: #e3f6ea;--color-warning: #a14a07;--color-warning-soft: #fdf1dc;--color-danger: #b42318;--color-danger-dark: #912018;--color-danger-soft: #fde8e6;--color-info: #0f5a8f;--color-info-soft: #e6f1f8;--focus-ring: 0 0 0 3px rgba(15, 90, 143, .35);--focus-outline: 2px solid var(--color-primary);--focus-outline-on-dark: 2px solid #7cc4fa;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-card: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--control-height: 42px;--control-height-sm: 32px;--tap-size: 44px;--sidebar-width: 264px;--topbar-height: 64px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);font-size:15px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.num,.price{font-variant-numeric:tabular-nums}:focus-visible{outline:var(--focus-outline);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;inset-inline-start:var(--space-3);inset-block-start:-100px;z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600}.skip-link:focus{inset-block-start:var(--space-3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-block-end:var(--space-6)}.page-title{font-size:var(--text-xl);font-weight:700;line-height:1.3}.page-subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.card__title{font-size:1.05rem;font-weight:700}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge--info{background:var(--color-info-soft);color:var(--color-info)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding-inline:var(--space-4);font:inherit;font-size:.9rem;font-weight:500;line-height:1.2;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:hover:not(:disabled){background:var(--color-bg)}.btn:focus-visible{outline:var(--focus-outline);outline-offset:2px}.btn:disabled,.btn--disabled{opacity:.55;cursor:not-allowed}.btn[aria-busy=true]{cursor:progress}.btn--primary{color:#fff;font-weight:600;background:var(--color-primary);border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--danger{color:#fff;font-weight:600;background:var(--color-danger);border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger-dark);border-color:var(--color-danger-dark)}.btn--small{min-height:var(--control-height-sm);padding-inline:var(--space-3);font-size:.82rem}.btn--big{min-height:48px;padding-inline:var(--space-6);font-size:1rem}.form-grid{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4);margin-block-start:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 200px;min-width:0}.field--wide{flex:2 1 280px}.field--narrow{flex:0 1 130px}.field--full{flex:1 1 100%}.field label{font-size:var(--text-sm);font-weight:600}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{width:100%;padding-inline:var(--space-3);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.field input:not([type=checkbox]):not([type=radio]),.field select{min-height:var(--control-height)}.field textarea{padding-block:var(--space-2);resize:vertical}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:var(--focus-outline);outline-offset:1px}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--color-surface-muted);color:var(--color-text-muted);cursor:not-allowed}.field [aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger)}.field__error{font-size:.82rem;font-weight:500;color:var(--color-danger)}.hint{margin-block-start:var(--space-1);font-size:.85rem;color:var(--color-text-muted)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.check{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.check input{margin:0;width:18px;height:18px;accent-color:var(--color-primary)}.date-range{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);margin-block:var(--space-3)}.alert{margin-block:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-inline-start:4px solid currentColor;font-size:.9rem;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.alert--danger{background:var(--color-danger-soft);color:var(--color-danger)}.alert--success{background:var(--color-success-soft);color:var(--color-success)}.alert--warning{background:var(--color-warning-soft);color:var(--color-warning)}.alert--info{background:var(--color-info-soft);color:var(--color-info)}.state{margin-block:var(--space-5);padding:var(--space-5) var(--space-4);text-align:center;color:var(--color-text-muted);background:var(--color-surface-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block:var(--space-4)}.toolbar__search{flex:1 1 240px;min-width:0;min-height:38px;padding-inline:var(--space-3);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;background:linear-gradient(to right,var(--color-surface) 30%,transparent) left center/24px 100% no-repeat local,linear-gradient(to left,var(--color-surface) 30%,transparent) right center/24px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(16,24,40,.14),transparent) left center/10px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(16,24,40,.14),transparent) right center/10px 100% no-repeat scroll}.table-wrapper:focus-visible{outline:var(--focus-outline);outline-offset:2px}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{text-align:start;font-weight:600;color:var(--color-text-muted);background:var(--color-surface-muted);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-border);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-border);white-space:nowrap}.data-table tbody tr:last-child td{border-block-end:0}.data-table tbody tr:hover{background:#fafbfd}.form-card{margin-block-end:var(--space-5)}.form-section{flex:1 1 100%;margin-block-start:var(--space-2);padding-block-start:var(--space-3);border-block-start:1px dashed var(--color-border);font-size:.85rem;color:var(--color-text-muted)}.toolbar__check{display:flex;align-items:center;gap:var(--space-2);min-height:38px;font-size:var(--text-sm);cursor:pointer}.toolbar__check input{width:18px;height:18px;margin:0;accent-color:var(--color-primary)}.code{display:inline-block;padding:1px 8px;font-size:.8rem;font-weight:600;background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-sm)}.meta{display:block;font-size:var(--text-xs);color:var(--color-text-muted)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.is-inactive{color:var(--color-text-muted)}.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3) var(--space-4);padding-block:var(--space-4) var(--space-2);font-size:var(--text-sm)}.price{white-space:nowrap}.price--cost{color:var(--color-text-muted)}@media(max-width:640px){.page-header{margin-block-end:var(--space-4)}.page-title{font-size:1.3rem}.card{padding:var(--space-4);border-radius:var(--radius-md)}.data-table th,.data-table td{padding:var(--space-2) var(--space-3)}.form-actions{flex:1 1 100%}.form-actions>.btn{flex:1 1 auto}.pager .btn{flex:1 1 0}}@media(pointer:coarse){.btn{min-height:var(--tap-size)}.btn--small{min-height:38px}.field input:not([type=checkbox]):not([type=radio]),.field select,.toolbar__search{min-height:var(--tap-size);font-size:16px}}.lines-table td{vertical-align:top}.lines-table input[type=number],.lines-table input[type=text],.lines-table select{min-height:36px;padding-inline:var(--space-2);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.lines-table input[type=number]{width:7rem}.lines-table select{max-width:14rem}.lines-table input:focus-visible,.lines-table select:focus-visible{outline:var(--focus-outline);outline-offset:1px}.lines-table .row-bad input{border-color:var(--color-danger)}.totals{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-5);margin-block:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-variant-numeric:tabular-nums}.totals strong{white-space:nowrap}.totals__grand strong{font-size:1.15rem;color:var(--color-primary-dark)}.neg{color:var(--color-danger)}.confirm-box{margin-block:var(--space-3);padding:var(--space-4);background:var(--color-warning-soft);border:1px solid var(--color-warning);border-inline-start-width:4px;border-radius:var(--radius-md)}.confirm-box p{margin:0 0 var(--space-2)}.confirm-box .form-actions{margin-block-start:var(--space-3)}.inline-confirm{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--color-danger);background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:var(--radius-md)}.back-arrow{display:inline-block}[dir=rtl] .back-arrow{transform:scaleX(-1)}@media(max-width:640px){.totals{flex-direction:column;gap:var(--space-1)}}@media(pointer:coarse){.lines-table input[type=number],.lines-table input[type=text],.lines-table select{min-height:var(--tap-size);font-size:16px}}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-end:var(--space-3)}.num{white-space:nowrap;font-variant-numeric:tabular-nums}.pos{color:var(--color-success)}@media(max-width:640px){.tabs>.btn{flex:1 1 auto}}.chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:600;white-space:nowrap;color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border)}.chip--active,.chip--delivered{color:var(--color-success);background:var(--color-success-soft);border-color:transparent}.chip--picked_up{color:var(--color-info);background:var(--color-info-soft);border-color:transparent}.chip--assigned,.chip--rerouted{color:var(--color-warning);background:var(--color-warning-soft);border-color:transparent}.chip--failed,.chip--cancelled{color:var(--color-danger);background:var(--color-danger-soft);border-color:transparent}.row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}tr.clickable{cursor:pointer}tr.clickable:focus-visible{outline:var(--focus-outline);outline-offset:-2px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:start;font-weight:600;color:var(--color-text-muted);background:var(--color-surface-muted);padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border);white-space:nowrap}.table td{padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border)}.table tbody tr:last-child td{border-block-end:0}.stat{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stat small{display:block;color:var(--color-text-muted)}.stat strong{font-size:1.25rem;overflow-wrap:anywhere}.stat--bad{border-color:var(--color-danger)}.stat--bad strong{color:var(--color-danger)}.warn{color:var(--color-warning)}.total-row td,.data-table tfoot td{font-weight:700;border-block-start:2px solid var(--color-border-strong)}.input-sm{min-height:36px;padding-inline:var(--space-2);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.input-sm:focus-visible{outline:var(--focus-outline);outline-offset:1px}.row-bad .input-sm{border-color:var(--color-danger)}.found{display:grid;gap:var(--space-2);margin-block:var(--space-2)}.found .btn{justify-content:flex-start;text-align:start;white-space:normal}.sticky-bar{position:sticky;inset-block-end:0;z-index:1;margin-block-start:var(--space-3);padding-block:var(--space-2);background:var(--color-surface);border-block-start:1px solid var(--color-border)}@media(pointer:coarse){.input-sm{min-height:var(--tap-size);font-size:16px}}.file-btn{position:relative}.file-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.file-btn:focus-within{outline:var(--focus-outline);outline-offset:2px}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}