:root{--navy:#0b1b5a;--ink:#1f2430;--muted:#5b6172;--line:#d9dde7;--paper:#fff;--wash:#f5f7fb;--ok:#1b7f4b;--warn:#9a6a05;--bad:#a3282a;--font-ar:"Tajawal", sans-serif;--font-en:Inter, Arial, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body{background:var(--wash);color:var(--ink);font-family:var(--font-ar);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;line-height:1.7}body[dir=rtl]{text-align:right}a{color:var(--navy)}.shell{max-width:1180px;margin:0 auto;padding:24px 20px 64px}.bar{background:var(--navy);color:#fff;flex-wrap:wrap;align-items:center;gap:18px;padding:12px 20px;display:flex}.bar img{filter:brightness(0)invert();height:30px}.bar a{color:#fff;opacity:.88;font-size:14px;text-decoration:none}.bar a:hover{opacity:1;text-decoration:underline}.bar .spacer{margin-inline-start:auto}.card{background:var(--paper);border:1px solid var(--line);border-radius:10px;margin-bottom:18px;padding:20px}.card h2{color:var(--navy);margin:0 0 14px;font-size:18px}.card h3{color:var(--navy);margin:18px 0 8px;font-size:15px}h1{color:var(--navy);margin:0 0 6px;font-size:22px}.sub{color:var(--muted);margin:0 0 18px;font-size:13px}.grid{gap:16px;display:grid}.grid.c2{grid-template-columns:1fr 1fr}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c4{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.grid.c2,.grid.c3,.grid.c4{grid-template-columns:1fr}}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{border:1px solid var(--line);vertical-align:top;padding:8px 10px}th{background:var(--wash);color:var(--navy);text-align:inherit;font-weight:700}td.num,th.num{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}tbody tr:nth-child(2n) td{background:#fcfdff}label{color:var(--muted);margin:10px 0 4px;font-size:13px;display:block}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:7px;padding:9px 11px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid var(--navy);outline-offset:-1px}textarea{resize:vertical;min-height:80px}.btn{border:1px solid var(--navy);background:var(--navy);color:#fff;cursor:pointer;border-radius:7px;padding:9px 18px;font-family:inherit;font-size:14px;line-height:1.5;text-decoration:none;display:inline-block}.btn:hover{background:#09164a}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.ghost{color:var(--navy);background:#fff}.btn.ghost:hover{background:var(--wash)}.btn.danger{background:var(--bad);border-color:var(--bad)}.btn.sm{padding:5px 12px;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pill{border:1px solid var(--line);background:var(--wash);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.pill.st-DRAFT{color:#55596a;background:#f2f3f6}.pill.st-APPROVED,.pill.st-SENT{color:var(--navy);background:#eaf0ff;border-color:#c3d2fa}.pill.st-ACCEPTED,.pill.st-SIGNED,.pill.st-PAID,.pill.st-IN_PROGRESS{color:var(--ok);background:#e7f5ec;border-color:#b9e2c9}.pill.st-SIGNING,.pill.st-DUE{color:var(--warn);background:#fdf3df;border-color:#edd9a5}.pill.st-REJECTED,.pill.st-EXPIRED,.pill.st-CANCELLED{color:var(--bad);background:#fbecec;border-color:#efc4c4}.notice{border:1px solid var(--line);border-inline-start:4px solid var(--navy);background:var(--wash);border-radius:8px;margin:12px 0;padding:12px 14px;font-size:13.5px}.notice.ok{border-inline-start-color:var(--ok);background:#f1faf4}.notice.bad{border-inline-start-color:var(--bad);background:#fdf3f3}.notice.warn{border-inline-start-color:var(--warn);background:#fdf9ef}.muted{color:var(--muted);font-size:13px}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.doc{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;max-width:900px;margin:0 auto;padding:0;overflow:hidden}.doc-head{border-bottom:3px solid var(--navy);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 26px 16px;display:flex}.doc-head img{height:44px}.doc-head .meta{text-align:end;color:var(--muted);font-size:12px;line-height:1.9}.doc-head .meta b{color:var(--navy)}.doc-title{text-align:center;padding:16px 26px 6px}.doc-title .en{font-family:var(--font-en);color:var(--navy);letter-spacing:.2px;font-size:17px;font-weight:700}.doc-title .ar{color:var(--navy);font-size:19px;font-weight:700}.doc-title .num{color:var(--muted);margin-top:4px;font-size:12.5px}.doc-title .num[dir=ltr]{font-family:var(--font-en)}.doc-body{padding:8px 26px 26px}.bi{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;gap:0;margin:14px 0;display:grid;overflow:hidden}.bi>.en{text-align:left;font-family:var(--font-en);border-inline-end:1px solid var(--line);direction:ltr;padding:14px 16px;font-size:13px;line-height:1.75}.bi>.ar{text-align:right;font-family:var(--font-ar);direction:rtl;padding:14px 16px;font-size:13.5px;line-height:1.9}.bi h4{color:var(--navy);margin:0 0 6px;font-size:13.5px;font-weight:700}.bi .en h4{font-family:var(--font-en)}.bi p{white-space:pre-line;margin:0 0 8px}.bi p:last-child{margin-bottom:0}.bi ol,.bi ul{margin:0;padding-inline-start:18px}.bi li{margin-bottom:6px}@media (max-width:760px){.bi{grid-template-columns:1fr}.bi>.en{border-inline-end:0;border-bottom:1px solid var(--line)}}.sec-title{background:var(--navy);color:#fff;border-radius:8px 8px 0 0;grid-template-columns:1fr 1fr;margin:20px 0 0;display:grid;overflow:hidden}.sec-title .en{text-align:left;font-family:var(--font-en);direction:ltr;padding:8px 16px;font-size:13px;font-weight:700}.sec-title .ar{text-align:right;direction:rtl;padding:8px 16px;font-size:14px;font-weight:700}.sec-title+.bi{border-radius:0 0 8px 8px;margin-top:0}@media (max-width:760px){.sec-title{grid-template-columns:1fr}}.items{margin:14px 0}.items table{font-size:12.5px}.items th{font-size:12px}.items th .en{font-family:var(--font-en);opacity:.85;direction:ltr;font-size:11px;font-weight:600;display:block}.items th.num .en,.items td.num .en{text-align:center}.items td .en{text-align:left;font-family:var(--font-en);color:var(--muted);direction:ltr;margin-top:3px;font-size:11.5px;display:block}.items td .ar{text-align:right;direction:rtl}.totals{max-width:480px;margin:12px auto 0}.totals table{font-size:13.5px}.totals td{padding:7px 12px}.totals tr.grand td{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:700}.totals .lbl .en{text-align:left;font-family:var(--font-en);color:var(--muted);direction:ltr;font-size:11.5px;display:block}.totals tr.grand .lbl .en{color:#d6def7}.sign-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;display:grid}.sign-box{border:1px solid var(--line);border-radius:8px;min-height:150px;padding:14px 16px}.sign-box .role{color:var(--muted);font-size:12px}.sign-box .who{color:var(--navy);margin:4px 0 2px;font-weight:700}.sign-box .who-en{font-family:var(--font-en);color:var(--muted);direction:ltr;font-size:12px}.sign-line{border-top:1px solid var(--ink);color:var(--muted);margin-top:34px;padding-top:6px;font-size:12px}.anchor{color:#fff;-webkit-user-select:none;user-select:none;text-align:left;font-size:7px;line-height:1.6;font-family:var(--font-en);white-space:nowrap;direction:ltr;unicode-bidi:isolate}.doc-foot{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;padding-top:12px;font-size:11.5px;display:grid}.doc-foot .en{text-align:left;font-family:var(--font-en);direction:ltr}.doc-foot .ar{text-align:right;direction:rtl}.stamp{border:1px solid var(--ok);color:var(--ok);background:#f1faf4;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;padding:10px 14px;font-size:13px;display:grid}.stamp .en{text-align:left;font-family:var(--font-en);direction:ltr;font-size:12px}.stamp .ar{text-align:right;direction:rtl}@page{size:A4;margin:14mm 12mm 16mm}@media print{html,body{background:#fff}.no-print,.bar{display:none!important}.shell{max-width:none;padding:0}.doc{border:0;border-radius:0;max-width:none}.doc-head,.doc-body{padding-inline:0}.bi,.sec-title,.sign-box,.totals{break-inside:avoid;page-break-inside:avoid}.sec-title{break-after:avoid;page-break-after:avoid}tr,td,th{break-inside:avoid;page-break-inside:avoid}thead{display:table-header-group}tfoot{display:table-footer-group}.sign-grid{break-inside:avoid;page-break-inside:avoid}.appendix{break-before:page;page-break-before:always}a{color:var(--ink);text-decoration:none}}.timeline{margin:0;padding:0;list-style:none}.timeline li{padding-inline-start:22px;border-inline-start:2px solid var(--line);margin-inline-start:6px;padding-bottom:14px;position:relative}.timeline li:last-child{border-inline-start-color:#0000;padding-bottom:0}.timeline li:before{content:"";inset-inline-start:-7px;background:var(--navy);width:12px;height:12px;box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:50%;position:absolute;top:5px}.timeline .t-title{font-size:14px}.timeline .t-meta,.timeline .t-en{color:var(--muted);font-size:11.5px;font-family:var(--font-en);direction:ltr}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.kpi .label{color:var(--muted);font-size:12.5px}.kpi .value{color:var(--navy);font-variant-numeric:tabular-nums;font-size:21px;font-weight:700}.kpi .value.neg{color:var(--bad)}.portal-shell{grid-template-columns:208px 1fr;align-items:start;gap:26px;display:grid}.portal-main{min-width:0}.portal-nav{background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;padding:8px;display:flex;position:sticky;top:18px}.portal-nav a{color:var(--muted);border-radius:8px;padding:9px 12px;font-size:14px;text-decoration:none;display:block}.portal-nav a:hover{background:var(--wash);color:var(--ink)}.portal-nav a[aria-current=page]{background:var(--wash);color:var(--navy);font-weight:600}@media (max-width:860px){.portal-shell{grid-template-columns:1fr;gap:16px}.portal-nav{flex-direction:row;position:static;overflow-x:auto}.portal-nav a{white-space:nowrap}}