:root{--bg: #f4f6f8;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--accent: #0d7a6f;--accent-soft: #e0f2f0;--danger: #b91c1c;--danger-soft: #fee2e2;--warn: #b45309;--radius: 10px;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 6px 20px rgba(15, 23, 42, .05)}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--surface: #1a2438;--surface-2: #162033;--border: #2c3a54;--text: #e8eef7;--muted: #94a3b8;--accent: #2dd4bf;--accent-soft: #134e4a;--danger: #f87171;--danger-soft: #4c1d1d;--warn: #fbbf24;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Dubai,Tajawal,Cairo,Geeza Pro,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:var(--surface);border-inline-start:1px solid var(--border);position:sticky;top:0;height:100vh;overflow-y:auto;padding-bottom:24px}.brand{padding:18px 18px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:2}.brand h1{margin:0;font-size:17px;font-weight:700}.brand span{color:var(--muted);font-size:12px}.nav-group{padding:12px 10px 0}.nav-group h3{margin:0 8px 6px;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.04em}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:8px;color:var(--text);text-decoration:none;font-size:13.5px}.nav-item:hover{background:var(--surface-2)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item .count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.main{flex:1;min-width:0;padding:22px 26px 60px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.page-head h2{margin:0;font-size:21px}.page-head .sub{color:var(--muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--border)}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 10px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}input[disabled],textarea[disabled]{background:var(--surface-2);color:var(--muted)}textarea{resize:vertical;min-height:68px}.search{flex:1;min-width:200px}.btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:7px 14px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{filter:brightness(1.08);background:var(--accent)}.btn-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{padding:4px 9px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.table-wrap{overflow-x:auto}table.grid{width:100%;border-collapse:collapse;font-size:13.5px}table.grid th,table.grid td{padding:8px 12px;text-align:start;border-bottom:1px solid var(--border);white-space:nowrap}table.grid th{background:var(--surface-2);font-weight:600;color:var(--muted);font-size:12.5px;position:sticky;top:0;cursor:pointer;-webkit-user-select:none;user-select:none}table.grid th:hover{color:var(--text)}table.grid th .arrow{color:var(--accent);font-size:10px}table.grid tbody tr:hover{background:var(--surface-2)}table.grid td.num{font-variant-numeric:tabular-nums;direction:ltr;text-align:start}table.grid td.date{direction:ltr;text-align:start}table.grid th.col-actions,table.grid td.col-actions{position:sticky;inset-inline-end:0;z-index:2;cursor:default;box-shadow:-6px 0 8px -6px #0f172a40}table.grid td.col-actions{background:var(--surface)}table.grid tbody tr:hover td.col-actions{background:var(--surface-2)}table.grid th.col-actions{z-index:3;background:var(--surface-2)}[dir=rtl] table.grid th.col-actions,[dir=rtl] table.grid td.col-actions{box-shadow:6px 0 8px -6px #0f172a40}.row-actions{display:flex;gap:6px}.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:600}.badge-yes{background:var(--accent-soft);color:var(--accent)}.badge-no{background:var(--surface-2);color:var(--muted)}.muted{color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;flex-wrap:wrap;font-size:13px}.pager{display:flex;gap:6px;align-items:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:50}.modal{background:var(--surface);border-radius:12px;border:1px solid var(--border);width:100%;max-width:700px;box-shadow:0 20px 60px #0000004d}.modal-head{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0;font-size:16px}.modal-body{padding:16px 18px}.modal-foot{padding:12px 18px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-start}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:5px}.field.wide{grid-column:1 / -1}.field label{font-size:12.5px;font-weight:600;color:var(--muted)}.field .req{color:var(--danger)}.field .hint{font-size:11.5px;color:var(--muted)}.checkbox-row{flex-direction:row;align-items:center;gap:8px}.checkbox-row input{width:17px;height:17px;accent-color:var(--accent)}.alert{padding:9px 12px;border-radius:8px;font-size:13px;margin-bottom:12px}.alert-error{background:var(--danger-soft);color:var(--danger)}.alert-info{background:var(--accent-soft);color:var(--accent)}.lookup{position:relative}.lookup-list{position:absolute;z-index:10;top:100%;inset-inline-start:0;inset-inline-end:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-top:3px;max-height:230px;overflow-y:auto;box-shadow:var(--shadow)}.lookup-list div{padding:6px 10px;cursor:pointer;font-size:13px}.lookup-list div:hover{background:var(--accent-soft)}.lookup-list .empty{color:var(--muted);cursor:default}.lookup-list .empty:hover{background:none}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.stat{padding:15px 16px}.stat .label{color:var(--muted);font-size:12.5px}.stat .value{font-size:25px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:3px}.stat .value.sm{font-size:20px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;margin-top:18px}.panel-head{padding:12px 14px;border-bottom:1px solid var(--border);font-weight:700;font-size:14px}.bar{height:7px;border-radius:4px;background:var(--accent);min-width:2px}.tree{padding:12px 16px}.tree ul{list-style:none;margin:0;padding-inline-start:20px;border-inline-start:1px dashed var(--border)}.tree>ul{padding-inline-start:4px;border:0}.tree li{padding:2px 0}.tree .node{display:inline-flex;align-items:center;gap:8px;padding:3px 8px;border-radius:7px;cursor:pointer}.tree .node:hover{background:var(--surface-2)}.tree .toggle{color:var(--muted);width:14px;display:inline-block;font-size:11px}.tree .type{font-size:11px;color:var(--muted);background:var(--surface-2);padding:0 7px;border-radius:999px}.tree .code{font-size:11.5px;color:var(--muted);direction:ltr}.loading{padding:40px;text-align:center;color:var(--muted)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:14px 16px}.details-grid .k{font-size:12px;color:var(--muted)}.details-grid .v{font-weight:600}@media print{.sidebar,.toolbar,.pagination,.btn,.col-actions{display:none!important}body{background:#fff;color:#000}.main{padding:0}.card{box-shadow:none;border:1px solid #999;break-inside:avoid;page-break-inside:avoid}.grid-2{display:block}.grid-2 .card{margin-bottom:12px}table.grid th{background:#eee;color:#000;position:static}table.grid th,table.grid td{border-bottom:1px solid #bbb}.stat .value{color:#000!important}.badge{border:1px solid #999}}.scroll-y{max-height:460px;overflow-y:auto}@media print{.scroll-y{max-height:none;overflow:visible}}:root{--brand-gold: #baa97a;--brand-gold-soft: #e2dcc9;--brand-teal: #0e433a;--brand-teal-soft: #eaf0ee;--sheet-w: 210mm;--sheet-h: 297mm;--sheet-top: 48mm;--sheet-bottom: 30mm;--sheet-side: 14mm}.page-bg{display:none}.print-root{background:#55606e;min-height:100vh;padding:0 0 60px}.print-toolbar{position:sticky;top:0;z-index:20;display:flex;gap:10px;justify-content:center;align-items:center;padding:10px;background:#0f172aeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-bottom:22px}.measure-box{position:absolute;visibility:hidden;pointer-events:none;top:0;inset-inline-start:-10000px;width:calc(var(--sheet-w) - 2 * var(--sheet-side))}.sheet{width:var(--sheet-w);height:var(--sheet-h);margin:0 auto 22px;background:#fff url(/brand/letterhead-hama.png) no-repeat 0 0;background-size:var(--sheet-w) var(--sheet-h);padding:var(--sheet-top) var(--sheet-side) var(--sheet-bottom);box-shadow:0 8px 30px #00000059;color:#17202b;font-family:Dubai,Tajawal,Cairo,Geeza Pro,Arial,sans-serif;font-size:10.5pt;line-height:1.65;position:relative;box-sizing:border-box;overflow:hidden}.page-num{position:absolute;bottom:var(--sheet-bottom);inset-inline-start:0;inset-inline-end:0;text-align:center;font-size:8pt;color:#8a9499}.doc-head{text-align:center;margin-bottom:7mm}.doc-head h1{margin:0;font-size:17pt;font-weight:700;color:var(--brand-teal);letter-spacing:.01em}.doc-head .rule{width:62mm;height:2px;margin:2.5mm auto 0;background:linear-gradient(90deg,transparent,var(--brand-gold),transparent)}.doc-head .sub{margin-top:1.5mm;font-size:9.5pt;color:#5a6a72}.doc-meta{display:flex;justify-content:space-between;font-size:9pt;color:var(--brand-teal);border-block:1px solid var(--brand-gold-soft);padding:1.6mm 0;margin-bottom:6mm}.doc-meta b{font-weight:700}.sec{margin-bottom:6mm;break-inside:avoid}.sec>h2{margin:0 0 2.5mm;font-size:11pt;font-weight:700;color:var(--brand-teal);padding-inline-start:3mm;border-inline-start:3px solid var(--brand-gold);line-height:1.3}.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--brand-gold-soft)}.kv>div{padding:1.6mm 2.5mm;border-inline-start:1px solid var(--brand-gold-soft);border-bottom:1px solid var(--brand-gold-soft);min-height:9mm}.kv>div:nth-child(3n+1){border-inline-start:0}.kv .k{font-size:8pt;color:#6b7a80;display:block}.kv .v{font-weight:700;font-size:10pt}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin-bottom:6mm}.total-card{border:1px solid var(--brand-gold);border-top:3px solid var(--brand-gold);padding:2.5mm 3mm;text-align:center;background:#fcfbf7}.total-card .k{font-size:8.5pt;color:#5a6a72}.total-card .v{font-size:14pt;font-weight:700;color:var(--brand-teal);font-variant-numeric:tabular-nums;margin-top:.8mm}.total-card.due{border-color:#a9781f;border-top-color:#a9781f;background:#fdf8ee}.total-card.due .v{color:#8a5d0d}table.doc{width:100%;border-collapse:collapse;table-layout:fixed;font-size:9pt}table.doc.tbl-head{margin-bottom:0}table.doc.tbl-body{margin:0}table.doc td,table.doc th{overflow-wrap:anywhere}.sec-open{margin-bottom:0}.sec-close{height:4mm}tr.alt{background:#faf9f5}table.doc thead th{background:var(--brand-teal);color:#fff;font-weight:700;padding:1.8mm 2mm;text-align:start;border:1px solid var(--brand-teal);white-space:nowrap}table.doc tbody td{padding:1.5mm 2mm;border:1px solid var(--brand-gold-soft);vertical-align:top}table.doc tfoot td{padding:1.8mm 2mm;border:1px solid var(--brand-gold);background:var(--brand-teal-soft);font-weight:700;color:var(--brand-teal)}table.doc .num{font-variant-numeric:tabular-nums;direction:ltr;text-align:start}table.doc .due{color:#8a5d0d;font-weight:700}table.doc .credit{color:#0f6b4f;font-weight:700}.empty-note{color:#7a8a90;font-size:9pt;padding:2mm}.sign{display:flex;justify-content:space-between;margin-top:12mm;break-inside:avoid}.sign div{width:55mm;text-align:center;font-size:9.5pt;color:var(--brand-teal)}.sign .line{margin-top:14mm;border-top:1px solid var(--brand-gold);padding-top:1.5mm}@media print{@page{size:A4;margin:0}html,body{background:#fff!important}.print-root{background:none;padding:0}.print-toolbar,.measure-box{display:none!important}.sheet{margin:0;box-shadow:none;break-after:page;page-break-after:always}.sheet:last-child{break-after:auto;page-break-after:auto}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}