:root{--font:"Segoe UI", Tahoma, "Noto Naskh Arabic", "Noto Sans Arabic", Arial, sans-serif;--mono:"Cascadia Mono", Consolas, "Courier New", monospace;--bg:#f4f6f8;--surface:#fff;--surface-2:#f8fafb;--border:#d8dee4;--text:#1c2430;--muted:#5b6776;--primary:#0b5f73;--primary-hover:#094d5d;--primary-soft:#e3f1f4;--danger:#b42318;--danger-soft:#fdecea;--success:#1b6e3a;--success-soft:#e6f4ea;--warning:#8a5300;--warning-soft:#fff4e0;--focus:#f0a500;--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018281a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);font-size:15px;line-height:1.6}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.3}h1{font-size:1.45rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 var(--space-3)}a{color:var(--primary)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{background:var(--surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius);z-index:100;position:absolute;inset-block-start:-60px;inset-inline-start:var(--space-3)}.skip-link:focus{inset-block-start:var(--space-3)}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#e8f1f3;padding:var(--space-4);gap:var(--space-4);background:#0f2c35;flex-direction:column;display:flex}.brand{font-size:1.05rem;font-weight:700}.brand small{color:#a8c3ca;font-size:.8rem;font-weight:400;display:block}.nav,.nav>div{gap:var(--space-1);flex-direction:column;display:flex}.nav-section{color:#8fb0b8;margin-block-start:var(--space-3);font-size:.78rem}.nav a{color:#e8f1f3;padding:var(--space-2) var(--space-3);border-radius:var(--radius);text-decoration:none}.nav a:hover{background:#ffffff14}.nav a[aria-current=page]{background:#ffffff29;font-weight:600}.sidebar-footer{color:#c4d7dc;margin-block-start:auto;font-size:.85rem}.main{padding:var(--space-5);min-width:0}.topbar{display:none}@media (width<=767px){.shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:flex}.topbar{color:#fff;padding:var(--space-2) var(--space-3);background:#0f2c35;justify-content:space-between;align-items:center;display:flex}.main{padding:var(--space-3)}}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.page-header p{color:var(--muted);margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4);margin-block-end:var(--space-4)}.auth-wrap{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.auth-card{width:min(440px,100%)}.grid-2{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.field{gap:var(--space-1);flex-direction:column;margin-block-end:var(--space-3);display:flex}.field label{font-size:.92rem;font-weight:600}.field .hint{color:var(--muted);font-size:.82rem}.field .error{color:var(--danger);font-size:.85rem}input,select,textarea{font:inherit;color:inherit;background:var(--surface);padding:var(--space-2) var(--space-3);border:1px solid #b9c3cc;border-radius:6px;width:100%;min-height:40px}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger)}input.ltr{text-align:end;direction:ltr}.checkbox{gap:var(--space-2);align-items:center;display:flex}.checkbox input{width:auto;min-height:auto}.actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}button,.btn{font:inherit;padding:var(--space-2) var(--space-4);cursor:pointer;background:var(--primary);color:#fff;align-items:center;gap:var(--space-2);border:1px solid #0000;border-radius:6px;min-height:40px;font-weight:600;text-decoration:none;display:inline-flex}button:hover{background:var(--primary-hover)}button.secondary{background:var(--surface);color:var(--primary);border-color:var(--primary)}button.secondary:hover{background:var(--primary-soft)}button.danger{background:var(--danger)}button.link{color:var(--primary);background:0 0;min-height:auto;padding:0;font-weight:400;text-decoration:underline}button:disabled{opacity:.55;cursor:not-allowed}button.small{padding:2px var(--space-3);min-height:32px;font-size:.88rem}.alert{border-radius:var(--radius);padding:var(--space-3) var(--space-4);border:1px solid;margin-block-end:var(--space-3)}.alert.error{background:var(--danger-soft);color:#7a1810;border-color:#f2b8b5}.alert.success{background:var(--success-soft);color:#124b27;border-color:#a8d5b5}.alert.warning{background:var(--warning-soft);color:#5e3900;border-color:#f3cf91}.alert.info{background:var(--primary-soft);color:#0a4552;border-color:#b5dbe3}.alert small{color:inherit;opacity:.8;display:block}.badge{padding:0 var(--space-2);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:.8rem;font-weight:600;display:inline-block}.badge.posted,.badge.active{background:var(--success-soft);color:var(--success);border-color:#a8d5b5}.badge.draft{background:var(--warning-soft);color:var(--warning);border-color:#f3cf91}.badge.reversed,.badge.disabled,.badge.suspended{background:var(--danger-soft);color:var(--danger);border-color:#f2b8b5}.loading{color:var(--muted);padding:var(--space-4)}.empty{text-align:center;color:var(--muted);padding:var(--space-5) var(--space-3)}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:start;padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--border);vertical-align:middle}th,td.num{white-space:nowrap}td:has(>.ltr-token){white-space:nowrap}td:has(>button){white-space:nowrap}td:has(>.badge){white-space:nowrap}th{background:var(--surface-2);color:var(--muted);font-weight:600}td.num,th.num{text-align:end;font-variant-numeric:tabular-nums}td.wrap{white-space:normal}.in{color:var(--success)}.out{color:var(--danger)}.ltr-token{font-family:var(--mono);direction:ltr;unicode-bidi:isolate;font-size:.9em}.dialog-backdrop{padding:var(--space-3);z-index:50;background:#10182873;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius);padding:var(--space-5);width:min(520px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #10182840}.secret-box{font-family:var(--mono);background:var(--surface-2);border:1px dashed var(--border);padding:var(--space-3);word-break:break-all;-webkit-user-select:all;user-select:all;direction:ltr;border-radius:6px}.summary{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.summary .card{margin:0}.summary .value{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.badge.issued,.badge.approved,.badge.accepted,.badge.ready,.badge.delivered{background:var(--success-soft);color:var(--success);border-color:#a8d5b5}.badge.waiting,.badge.on_hold,.badge.expired{background:var(--warning-soft);color:var(--warning);border-color:#f3cf91}.badge.rejected,.badge.cancelled{background:var(--danger-soft);color:var(--danger);border-color:#f2b8b5}.btn.secondary{background:var(--surface);color:var(--primary);border-color:var(--primary)}.btn.small{padding:2px var(--space-3);min-height:32px;font-size:.88rem}.check{gap:var(--space-2);margin-block:var(--space-2);align-items:center;display:inline-flex}.check input{width:auto;min-height:auto}.segmented{border:1px solid var(--primary);border-radius:6px;margin-block-end:var(--space-3);display:inline-flex;overflow:hidden}.segmented button{background:var(--surface);color:var(--primary);border-radius:0;justify-content:center;min-width:120px}.segmented button.on{background:var(--primary);color:#fff}.segmented button:disabled{color:var(--muted)}.picked{gap:var(--space-2) var(--space-4);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--primary-soft);flex-wrap:wrap;align-items:center;display:flex}.pick-list{margin:0 0 var(--space-3);gap:var(--space-1);padding:0;list-style:none;display:grid}.pick-list button{justify-content:flex-start;width:100%;font-weight:400}.work-types{gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.work-types button{justify-content:center;min-width:110px}.row-actions{white-space:nowrap}.row-actions>*+*{margin-inline-start:var(--space-1)}.totals-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-3) var(--space-4);gap:var(--space-3) var(--space-5);z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;position:sticky;bottom:0}.totals-bar strong{font-size:1.2rem}.chips{gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}button.chip{background:var(--surface);color:var(--text);border:1px solid var(--border);min-height:34px;padding:2px var(--space-4);border-radius:999px;font-weight:400}button.chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.search-row{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.search-row .field{flex:200px}.search-row>button{margin-block-end:var(--space-3)}.facts{gap:var(--space-2) var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-block-end:var(--space-3);display:grid}.actions.quick{margin-block-end:var(--space-4)}.tiles{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-block-end:var(--space-4);display:grid}.tile{gap:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-3) var(--space-4);color:inherit;flex-direction:column;text-decoration:none;display:flex}a.tile:hover{border-color:var(--primary)}.tile-label{color:var(--muted);font-size:.9rem}.tile-value{font-size:1.6rem;font-weight:700}.tile-note{color:var(--muted);font-size:.78rem}.dash-grid{gap:0 var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.dash-list{margin:0;padding-inline-start:var(--space-4)}.dash-list li+li{margin-block-start:var(--space-1)}.perm-group{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-4);margin-block-end:var(--space-3)}.perm-group legend{padding-inline:var(--space-2);font-weight:700}.perm-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.perm-row select{width:auto}.perm-list{columns:2 260px}tr.warn-row td{background:var(--warning-soft)}.badge.not_started{background:var(--warning-soft);color:var(--warning);border-color:#f3cf91}.badge.in_production,.badge.inactive{background:var(--surface-2);color:var(--muted);border-color:var(--border)}.work-item{border-block-end:1px dashed var(--border);padding-block:var(--space-2) var(--space-3);margin-block-end:var(--space-3)}.work-item-no{margin-block-end:var(--space-2);font-weight:700}button.type-btn{background:var(--surface);min-width:110px;min-height:52px;color:var(--primary);border:2px solid var(--primary);justify-content:center;font-size:1.05rem}button.type-btn.on{background:var(--primary);color:#fff}.item-row{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.item-row .field:first-child{flex:3 260px}.item-row .field:nth-child(2){flex:120px}.item-row>button{margin-block-end:var(--space-3)}input.big{min-height:52px;font-size:1.4rem;font-weight:700}.field-label{font-size:.92rem;font-weight:600}.pay-type{padding-block:var(--space-2);font-size:1.2rem}.totals-row{gap:var(--space-3) var(--space-6);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius);flex-wrap:wrap;font-size:1.1rem;display:flex}.summary .summary-status{float:inline-end}.money-row{gap:var(--space-3);margin-block:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.money-row>div{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;display:flex}.money-row span{color:var(--muted);font-size:.9rem}.money-row strong{font-size:1.4rem}.money-row>div.due{background:var(--warning-soft);border-color:#f3cf91}.due-text{color:var(--warning);font-size:1.15rem}tr.muted-row td{color:var(--muted);text-decoration:line-through}.quick-actions{gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.btn.big{min-height:56px;padding-inline:var(--space-5);font-size:1.1rem}.section-title{color:var(--muted);margin-block:var(--space-2);font-size:1.05rem}.badge.completed{background:var(--success-soft);color:var(--success);border-color:#a8d5b5}.badge.approved{background:var(--primary-soft);color:var(--primary);border-color:var(--primary);font-weight:700}button.big-save{min-height:54px;padding-inline:var(--space-6);font-size:1.15rem}button.link.quiet{color:var(--muted);font-size:.88rem}button.link.quiet:hover{color:var(--danger)}.saved-as-customer{color:var(--success);margin-block-start:var(--space-2);font-weight:600}