:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;font-synthesis:none;--ink:#172033;--muted:#687386;--line:#dbe3ee;--surface:#fff;--surface-soft:#f8fafc;--brand:#2457a6;--brand-dark:#173e7b;--danger:#b42318;--shadow:0 12px 30px #21375a14;--radius:14px;background:#f4f7fb;font-family:Noto Sans Arabic,Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}body{background:#f4f7fb;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}main{direction:rtl;grid-template-columns:minmax(220px,270px) minmax(0,1fr);min-height:100vh;display:grid}aside{color:#e8f0ff;background:linear-gradient(#172b50 0%,#10213e 100%);border-inline-start:1px solid #ffffff14;padding:28px 18px}aside h1{color:#fff;letter-spacing:-.02em;margin:0 0 24px;font-size:1.55rem}aside>p{color:#a9c2e7;margin:0 0 10px;font-size:.88rem;font-weight:700}aside nav{gap:8px;display:grid}aside nav button{color:#dce8ff;text-align:start;background:0 0;border:1px solid #0000;border-radius:9px;width:100%;min-height:42px;padding:9px 12px;transition:background .16s,border-color .16s,color .16s}aside>button{color:#dce8ff;text-align:start;background:0 0;border:1px solid #0000;border-radius:9px;width:100%;min-height:42px;margin-top:7px;padding:9px 12px}aside nav button:hover,aside>button:hover{color:#fff;background:#ffffff17}aside nav button.active,aside>button.active{color:#fff;background:#2c67bb;border-color:#5d91d7;box-shadow:0 6px 16px #00000024}main>section{min-width:0;padding:30px clamp(18px,4vw,48px) 48px}main>section>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:22px;display:flex}main>section>header h2{color:var(--ink);margin:3px 0 0;font-size:clamp(1.35rem,2vw,1.8rem)}.eyebrow{color:var(--brand);margin:0 0 6px;font-size:.85rem;font-weight:700}.user-badge{color:var(--muted);align-items:center;gap:6px;font-size:.82rem;display:inline-flex}main>section>header>div:last-child,main>section>header>div:last-child>*{align-items:center;gap:8px;display:inline-flex}main>section>header>div:last-child{flex-wrap:wrap;justify-content:flex-end}button{border:1px solid #0000;border-radius:8px;min-height:38px;padding:8px 14px;font-weight:700;line-height:1.2;transition:transform .12s,box-shadow .12s,background .12s}button:active{transform:translateY(1px)}button.primary{color:#fff;background:var(--brand);border-color:var(--brand);box-shadow:0 4px 10px #2457a62e}button.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}button.secondary,button.language{color:#24405f;background:var(--surface);border-color:#b9c7d9}button.secondary:hover,button.language:hover{background:#eef4fb;border-color:#7898be}button.language{color:var(--brand)}input,select,textarea{width:100%;min-height:40px;color:var(--ink);background:#fff;border:1px solid #bcc9da;border-radius:8px;outline:none;padding:8px 11px}textarea{resize:vertical;min-height:82px}input:focus,select:focus,textarea:focus{border-color:#4c83c5;box-shadow:0 0 0 3px #4c83c529}input[type=checkbox]{width:auto;min-height:0;accent-color:var(--brand)}label{color:#39485d;font-weight:650}h3,h4{color:var(--ink)}h3{margin:0 0 16px;font-size:1.12rem}h4{margin:18px 0 10px}p{line-height:1.65}.meta,.notice,.error{color:#40526a;background:#eef4fb;border:1px solid #d6e2f1;border-radius:10px;margin:0 0 18px;padding:12px 15px}.error{color:#8f2119;background:#fff1f0;border-color:#f1c5c1}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.panel,.summary-card,.invoice-card,.statement-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{min-width:0;padding:20px}.panel form,.panel>form{gap:12px;display:grid}.invoice-workflow,.statement-workflow{gap:20px;display:grid}.invoice-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:14px;padding:20px;display:grid}.invoice-form h3{grid-column:1/-1;margin:0}.invoice-form label{gap:6px;display:grid}.invoice-form button{width:max-content}.invoice-list{gap:12px;display:grid}.invoice-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:64px;margin:0;padding:15px 17px;display:flex}.invoice-card:hover{border-color:#b8cbe2}.invoice-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:9px;display:flex}.document-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:9px;display:flex}.print-template-shell{gap:16px;display:grid}.print-template-editor{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:12px;padding:16px;display:grid}.print-template-editor>div:first-child{grid-column:1/-1}.print-template-editor p{color:var(--muted);margin:0;font-size:.9rem}.check-field{align-items:center;gap:7px;display:flex}.print-document{width:100%;max-width:900px;padding:var(--print-margin,12mm);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;margin:0 auto}.print-document-header{text-align:center;border-bottom:2px solid var(--ink);margin-bottom:20px;padding-bottom:12px}.print-document-header p{color:var(--muted);margin:0}.print-document-header h1{margin:4px 0 0;font-size:1.55rem}.print-logo-placeholder{width:80px;height:34px;color:var(--muted);border:1px dashed var(--muted);place-items:center;margin:0 auto 7px;font-size:.72rem;display:grid}.print-document-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.print-total{text-align:end;border-top:2px solid var(--ink);margin-top:18px;padding-top:12px}.print-document footer{color:var(--muted);text-align:center;border-top:1px solid var(--line);margin-top:30px;padding-top:10px;font-size:.8rem}.journal-line{grid-template-columns:minmax(180px,1.5fr) repeat(2,minmax(100px,1fr)) auto;align-items:center;gap:10px;display:grid}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.summary-card{padding:17px}.summary-card .label{color:var(--muted);font-size:.88rem}.summary-card .val{color:var(--ink);margin-top:8px;font-size:1.3rem;font-weight:800}.reconciled{color:#116149;font-weight:800}.discrepancy{color:var(--danger);font-weight:800}.table-wrap,.statement-card{overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:620px}th,td{text-align:start;vertical-align:middle;border-bottom:1px solid #e5ebf2;padding:12px 14px}th{color:#304866;background:#edf3f9;font-size:.88rem;font-weight:800}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fbfdff}.statement-card{padding:20px}.statement-card header,.statement-summary{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.statement-card header{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:14px}.statement-card header h3{margin:0 0 4px}.statement-card header p{color:var(--muted);margin:0}.statement-summary{color:#40526a;background:var(--surface-soft);border:1px solid #e5ebf2;border-radius:9px;margin-bottom:18px;padding:12px}.statement-card ul{margin:0;padding-inline-start:22px}@media (width<=980px){main{grid-template-columns:205px minmax(0,1fr)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-line{grid-template-columns:1fr 1fr 1fr}.journal-line button{grid-column:1/-1;justify-self:start}}@media (width<=720px){main{display:block}aside{flex-wrap:wrap;align-items:center;gap:7px;padding:16px;display:flex}aside h1,aside>p{width:100%}aside h1{margin-bottom:5px;font-size:1.3rem}aside>p{margin-bottom:2px}aside>button{white-space:nowrap;flex:145px;width:auto;margin-top:0}aside nav{gap:7px;padding-bottom:3px;display:flex;overflow-x:auto}aside nav button{white-space:nowrap;flex:none;width:auto}main>section{padding:22px 14px 34px}main>section>header{margin-bottom:18px;display:block}main>section>header>div:last-child{justify-content:flex-start;margin-top:13px}main>section>header>label,main>section>header>button{width:100%;margin-top:10px;display:flex}.workflow-grid,.summary-grid{grid-template-columns:1fr}.invoice-form{grid-template-columns:1fr;padding:16px}.invoice-form h3{grid-column:auto}.journal-line{grid-template-columns:1fr}.journal-line button{grid-column:auto}.invoice-card{align-items:flex-start}}@media print{body{background:#fff}aside,main>section>header,.invoice-form,.statement-workflow>p,.statement-summary span:last-child{display:none!important}main{min-height:0;display:block}main>section{padding:0}.statement-card{box-shadow:none;border:0}.statement-card table{font-size:11px}}.app-shell{grid-template-columns:minmax(248px,292px) minmax(0,1fr)}.app-sidebar{height:100vh;padding:24px 16px;display:block;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid #ffffff21;padding:4px 10px 22px}.sidebar-brand h1{margin:0 0 6px}.sidebar-brand p{color:#a9c2e7;margin:0;font-size:.86rem}.app-sidebar nav{gap:8px;margin-top:18px;display:grid}.nav-group{border:1px solid #0000;border-radius:10px}.nav-group.is-active{background:#ffffff0b;border-color:#ffffff14}.nav-group-toggle{color:#edf4ff;text-align:start;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:9px 11px;display:flex}.nav-group-toggle:hover,.nav-group-toggle:focus-visible{background:#ffffff1a}.nav-group-toggle>span:last-child{color:#9ebce6;font-size:1.2rem;line-height:1}.nav-links{gap:3px;padding:0 7px 8px;display:grid}.nav-links a{color:#bdd0eb;border-radius:7px;padding:8px 11px;font-size:.91rem;line-height:1.45;text-decoration:none;display:block}.nav-links a:hover,.nav-links a:focus-visible{color:#fff;background:#ffffff1a;outline:none}.nav-links a.active{color:#fff;background:#2c67bb;box-shadow:0 5px 12px #00000026}.nav-direct{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:9px;margin-bottom:4px;padding:10px 12px;font-weight:800;text-decoration:none;display:block}.nav-direct:hover,.nav-direct:focus-visible,.nav-direct.active{background:#2c67bb;outline:none}.app-content{position:relative}.page-header{align-items:center}.page-heading{align-items:flex-start;gap:12px;min-width:0;display:flex}.page-heading>div{min-width:0}.breadcrumb-separator{color:#9aa7b8;padding-inline:5px}.account-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.page-toolbar{background:#eef4fb;border:1px solid #d6e2f1;border-radius:12px;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;padding:15px 17px;display:flex}.page-toolbar>label{grid-template-columns:auto minmax(180px,260px);align-items:center;gap:10px;display:grid}.toolbar-actions{flex-wrap:wrap;gap:9px;display:flex}.mobile-nav-toggle{min-width:42px;padding-inline:9px;display:none}.sidebar-scrim{display:none}.login-gate{background:radial-gradient(circle at 15% 15%,#396fbe29,#0000 38%),linear-gradient(135deg,#f4f7fb,#e7eef8);grid-template-columns:1fr;place-items:center;min-height:100vh;padding:32px 22px;display:grid}.login-portal{direction:rtl;background:#ffffffb8;border:1px solid #b9c7d9bf;border-radius:22px;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:stretch;width:min(100%,940px);display:grid;overflow:hidden;box-shadow:0 24px 60px #21375a24}.portal-introduction{color:#fff;background:linear-gradient(150deg,#173e7b 0%,#2457a6 58%,#3477bd 100%);padding:54px clamp(28px,5vw,64px)}.portal-introduction .eyebrow{color:#cfe1ff}.portal-introduction h1{margin:0 0 16px;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.25}.portal-lead{color:#e5efff;max-width:520px;margin:0;font-size:1.05rem;line-height:1.9}.portal-divider{background:#a9cfff;border-radius:10px;width:54px;height:3px;margin:28px 0 24px}.portal-introduction h2{color:#fff;margin:0 0 14px;font-size:1.15rem}.portal-introduction .portal-benefits{color:#e5efff;margin:0;padding-inline-start:22px}.portal-introduction .portal-benefits li{margin:11px 0;line-height:1.6}.login-card{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;align-self:center;width:auto;margin:28px;padding:32px 28px;box-shadow:0 10px 26px #21375a14}.login-card h2{margin:0 0 10px}.login-card>p:not(.eyebrow):not(.error){color:var(--muted);margin:0}.login-card button{width:100%;margin-top:12px}.login-card .error{text-align:start;margin-top:18px}@media (width<=720px){.login-gate{padding:16px}.login-portal{grid-template-columns:1fr}.portal-introduction{padding:32px 24px}.login-card{margin:16px}}.dashboard{gap:22px;display:grid}.dashboard-context{color:var(--muted);flex-wrap:wrap;gap:18px;font-weight:700;display:flex}.dashboard-panel{margin:0}.status-grid,.action-group,.dashboard-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-grid span{color:#40526a;background:var(--surface-soft);border:1px solid #e5ebf2;border-radius:9px;padding:10px 13px}.dashboard-shortcuts,.dashboard-links{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.numbering-settings{gap:14px;display:grid}.numbering-card{grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(100px,1fr)) auto;align-items:end;gap:12px;display:grid}.numbering-card h3{margin-bottom:4px}.numbering-card h3 small{color:var(--muted);font-size:.72em;font-weight:500}.numbering-card p{color:var(--muted);margin:0;font-size:.88rem}.numbering-example{color:#40526a;background:var(--surface-soft);border:1px solid #e5ebf2;border-radius:8px;padding:10px}.settings-center{gap:20px;display:grid}.settings-intro{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:18px;display:grid}.settings-intro .notice{margin:0}.settings-search{gap:7px;display:grid}.settings-layout{grid-template-columns:minmax(190px,245px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.settings-sections{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);gap:7px;padding:10px;display:grid}.settings-sections button{color:#304866;text-align:start;background:0 0;border-color:#0000;gap:3px;min-height:56px;padding:10px 12px;display:grid}.settings-sections button:hover,.settings-sections button.active{color:var(--brand-dark);background:#eaf2fc;border-color:#b9cfe8}.settings-sections small{color:var(--muted);font-size:.78rem;font-weight:500}.settings-detail{gap:14px;min-width:0;display:grid}.settings-detail>h3,.settings-detail>p{margin:0}.settings-detail>p:not(.eyebrow){color:var(--muted)}.settings-meta{color:#40526a;flex-wrap:wrap;gap:9px;font-size:.88rem;display:flex}.settings-meta span{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:7px 10px}.settings-link-card,.settings-unavailable{gap:10px;display:grid}.settings-link-card p,.settings-unavailable p{color:var(--muted);margin:0}.settings-template{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:13px;display:grid}.settings-template label{gap:6px;display:grid}.settings-template .notice,.settings-template button{grid-column:1/-1}.settings-profile{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.settings-profile label{gap:6px;display:grid}.settings-profile .settings-effect,.settings-profile button,.settings-profile .notice{grid-column:1/-1}.settings-effect{color:#40526a;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;margin:0;padding:10px}.settings-about{gap:8px;display:grid}.settings-about p{margin:0}.auth-loading{min-height:100vh;color:var(--brand-dark);background:#f4f7fb;place-items:center;font-weight:800;display:grid}.invoice-document-heading{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.invoice-document-heading h3{margin:0}.document-status{color:#40526a;background:#f3f7fb;border:1px solid #cbd8e7;align-items:center;min-height:30px;padding:4px 10px;font-size:.82rem;font-weight:800;display:inline-flex}.invoice-action-bar{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding-bottom:4px;display:flex}.invoice-header-section,.invoice-lines-section{border:1px solid var(--line);background:#fcfdff;grid-column:1/-1;gap:14px;padding:16px;display:grid}.section-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.section-heading h4{margin:0}.section-heading>span{color:var(--muted);font-size:.82rem}.section-heading button{margin-inline-start:auto}.invoice-header-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.invoice-header-grid label{gap:6px;display:grid}.party-field{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.party-field label{gap:6px;min-width:0;display:grid}.party-field .link-button{white-space:nowrap;min-height:40px;padding-inline:4px}.inline-master-form{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (width<=760px){.inline-master-form{grid-template-columns:1fr}}.invoice-statement-field{grid-column:span 2}.invoice-statement-field textarea{min-height:40px}.invoice-grid-wrap{background:#fff;border:1px solid #cbd7e5;overflow-x:auto}.invoice-grid{table-layout:fixed;min-width:1060px}.invoice-grid th,.invoice-grid td{border-inline-end:1px solid #e5ebf2;padding:7px 8px}.invoice-grid th{z-index:1;white-space:nowrap;position:sticky;top:0}.invoice-grid td{height:48px}.invoice-grid input,.invoice-grid select{min-height:34px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:5px 7px}.invoice-grid input:focus,.invoice-grid select:focus{border:1px solid #4c83c5;box-shadow:inset 0 0 0 2px #4c83c51f}.invoice-grid th:first-child,.invoice-grid td:first-child{width:110px}.invoice-grid th:nth-child(2),.invoice-grid td:nth-child(2){width:170px}.invoice-grid th:nth-child(3),.invoice-grid td:nth-child(3){width:220px}.invoice-grid th:nth-child(4),.invoice-grid td:nth-child(4){width:130px}.invoice-grid th:nth-child(5),.invoice-grid td:nth-child(5){width:70px}.invoice-grid th:nth-child(6),.invoice-grid td:nth-child(6){width:80px}.invoice-grid th:nth-child(7),.invoice-grid td:nth-child(7){width:125px}.invoice-grid th:nth-child(8),.invoice-grid td:nth-child(8){width:115px}.invoice-grid th:nth-child(9),.invoice-grid td:nth-child(9){width:70px}.invoice-grid th:nth-child(10),.invoice-grid td:nth-child(10){width:100px}.grid-readonly{color:#53647a;padding:7px;font-size:.9rem;display:block}.grid-readonly.money{color:var(--ink);text-align:end;font-weight:800}.icon-button{min-width:30px;min-height:30px;color:var(--danger);background:#fff;border:1px solid #e7b8b3;border-radius:0;padding:3px 8px}.invoice-total-bar{border-top:2px solid var(--ink);color:var(--muted);justify-content:flex-end;align-items:center;gap:18px;padding:12px 14px;display:flex}.invoice-total-bar strong{color:var(--ink);font-size:1.15rem}@media (width<=820px){.invoice-header-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-statement-field{grid-column:auto}}@media (width<=520px){.invoice-header-grid{grid-template-columns:1fr}.invoice-statement-field{grid-column:auto}.invoice-document-heading{flex-direction:column;align-items:flex-start}.invoice-action-bar{grid-template-columns:1fr 1fr;display:grid}.invoice-action-bar button{width:100%}}@media (width<=820px){.settings-intro,.settings-layout{grid-template-columns:1fr}.numbering-card{grid-template-columns:repeat(2,minmax(0,1fr))}.numbering-card>div:first-child,.numbering-card button{grid-column:1/-1}}@media (width<=520px){.numbering-card,.settings-profile{grid-template-columns:1fr}.settings-profile .settings-effect,.settings-profile button,.settings-profile .notice{grid-column:auto}}.dashboard-shortcuts h3{width:100%}.link-button{min-height:34px;color:var(--brand);background:0 0;border:0;padding:6px 10px;text-decoration:underline}@media (width<=720px){.app-shell{display:block}.app-sidebar{z-index:20;width:min(86vw,310px);height:100vh;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:12px 0 32px #0003}[dir=rtl] .app-sidebar{inset:0 0 0 auto;transform:translate(105%);box-shadow:-12px 0 32px #0003}.app-sidebar.is-open,[dir=rtl] .app-sidebar.is-open{transform:translate(0)}.sidebar-scrim{z-index:19;background:#0b1c3673;border:0;border-radius:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.mobile-nav-toggle{justify-content:center;align-items:center;display:inline-flex}.page-header{display:flex}.page-heading{align-items:flex-start}.account-actions{margin-top:0}.page-toolbar{align-items:stretch;display:grid}.numbering-card{grid-template-columns:1fr}.page-toolbar>label{grid-template-columns:1fr;gap:6px}.toolbar-actions{grid-template-columns:1fr 1fr;display:grid}.toolbar-actions button{width:100%}.document-actions{grid-column:auto;grid-template-columns:1fr;display:grid}}@media print{body{background:#fff}.print-template-editor,.app-sidebar,.page-header,.page-toolbar,.invoice-form,.invoice-list,.notice,.error{display:none!important}.app-shell{min-height:0;display:block}.app-content{padding:0!important}.print-template-shell{display:block}.print-document{max-width:none;box-shadow:none;page-break-inside:avoid;border:0}.paper-A4{page:invoice-a4}.paper-A5{page:invoice-a5}.paper-58mm{width:58mm}.paper-80mm{width:80mm}@page invoice-a4{size:A4 portrait;margin:0}@page invoice-a5{size:A5 portrait;margin:0}.orientation-landscape{page-orientation:landscape}}