@font-face{font-family:Cairo;font-weight:400 800;font-display:swap;src:url(/assets/Cairo-CJWMIGCx.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Arabic;font-weight:500;font-display:swap;src:url(/assets/IBMPlexSansArabic-500-C4MQITzh.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Arabic;font-weight:600;font-display:swap;src:url(/assets/IBMPlexSansArabic-600-0pRdybE_.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Arabic;font-weight:700;font-display:swap;src:url(/assets/IBMPlexSansArabic-700-DrtBj6UE.woff2)format("woff2")}:root{--navy:#181824;--navy-2:#22222f;--navy-deep:#12121c;--amber:#f0840c;--amber-dark:#d1710a;--tint:#fdf1e3;--tint-ink:#8a4a03;--steel:#304878;--bg:#faf9f7;--card:#fff;--ink:#14141d;--ink-soft:#4a4a58;--ink-mute:#5c5c6a;--line:#e7e3dd;--line-soft:#f1eee9;--ok:#157a3c;--ok-bg:#e7f6ec;--bad:#b42318;--bad-bg:#fdecea;--warn:#8a4a03;--warn-bg:#fdf1e3;--info:#304878;--info-bg:#e9eef8;--r:14px;--r-sm:10px;--shadow:0 1px 2px #14141d0a, 0 1px 3px #14141d0d;--sidebar:272px;--font-head:"Cairo", "Segoe UI", system-ui, sans-serif;--font-body:"IBM Plex Sans Arabic", "Cairo", "Segoe UI", system-ui, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;direction:rtl;font-size:16px;font-weight:500;line-height:1.65}h1,h2,h3{font-family:var(--font-head);line-height:1.3}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}.num,td,.money{font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.app{min-height:100vh;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.content{flex-direction:column;gap:18px;padding:20px 24px 40px;display:flex}.content>*,.split>*,.stats>*,.toolbar>*{min-width:0}.sidebar{width:var(--sidebar);background:var(--navy);color:#fff;flex-direction:column;flex-shrink:0;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:4px 8px 20px;display:flex}.brand img{border-radius:12px;width:44px;height:44px}.brand b{font-family:var(--font-head);letter-spacing:-.2px;font-size:24px;font-weight:800;line-height:1.2;display:block}.brand span{color:#b4b4c4;font-size:13px}.branch{border-radius:var(--r-sm);background:var(--navy-2);align-items:center;gap:10px;margin-bottom:22px;padding:10px 12px;font-size:13px;display:flex}.branch svg{color:var(--amber);flex-shrink:0}.branch small{color:#a3a3b4;font-size:11px;display:block}.nav-label{color:#9a9aac;padding:0 12px 8px;font-size:13px}.nav{flex-direction:column;gap:4px;display:flex}.nav a{color:#d4d4de;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:16px;font-weight:600;transition:background-color .15s,color .15s;display:flex}@media (hover:hover) and (pointer:fine){.nav a:hover{background:var(--navy-2);color:#fff}}.nav a.active{background:var(--amber);color:#fff}.sidebar-foot{color:#8a8a9c;border-top:1px solid #ffffff14;margin-top:auto;padding:14px 12px 0;font-size:12px}.sidebar-foot b{color:#c9c9d6;font-weight:600}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffeb;align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky;top:0}.menu-btn{border-radius:var(--r-sm);border:1px solid var(--line);background:#fff;justify-content:center;align-items:center;width:44px;height:44px;display:none}.search{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex:1;align-items:center;gap:8px;max-width:520px;height:44px;padding:0 14px;display:flex}.global-search{flex:1;min-width:0;max-width:520px;position:relative}.search svg{color:var(--ink-mute);flex-shrink:0}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.top-date{background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.top-date svg{color:var(--amber)}.user{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.user .av{background:var(--navy);color:#fff;width:40px;height:40px;font-family:var(--font-head);border-radius:50%;place-items:center;font-weight:700;display:grid}.user b{font-size:14px;line-height:1.3;display:block}.user span{color:var(--ink-mute);font-size:12px}.page-head{background:var(--card);border:1px solid var(--line);border-radius:var(--r);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.page-head h1{flex-wrap:wrap;align-items:center;gap:10px;font-size:26px;font-weight:800;display:flex}.page-head p{color:var(--ink-mute);margin-top:2px;font-size:14px}.chip{font-family:var(--font-body);background:var(--line-soft);color:var(--ink-soft);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}.chip.amber{background:var(--tint);color:var(--tint-ink)}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn{border:1px solid var(--line);min-height:44px;color:var(--ink);white-space:nowrap;transition:background-color .15s ease, border-color .15s ease, transform .16s var(--ease-out);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}.btn:active:not(:disabled),.icon-btn:active,.tab:active,.seg button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--bg);border-color:#d9d2c7}.btn.primary:hover{background:var(--amber-dark)}.btn.danger:hover{background:#9a1d14}}.btn.primary{background:var(--amber);border-color:var(--amber);color:#fff}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.dark{background:var(--navy);border-color:var(--navy);color:#fff}.btn.ghost{background:0 0;border-color:#0000}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{width:40px;height:40px;color:var(--ink-mute);transition:background-color .15s ease, color .15s ease, transform .16s var(--ease-out);border-radius:10px;place-items:center;display:inline-grid}@media (hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--line-soft);color:var(--ink)}.icon-btn.danger:hover{background:var(--bad-bg);color:var(--bad)}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-head h2{font-size:18px;font-weight:800}.card-head p{color:var(--ink-mute);font-size:13px}.card-body{padding:0 20px 20px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stats.three{grid-template-columns:repeat(3,1fr)}.stat{align-items:flex-start;gap:14px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.stat.top-navy{border-top:3px solid var(--navy)}.stat.top-amber{border-top:3px solid var(--amber)}.stat.top-steel{border-top:3px solid var(--steel)}.stat .ico{background:var(--tint);width:46px;height:46px;color:var(--amber);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.stat .ico.red{background:var(--bad-bg);color:var(--bad)}.stat .ico.gray{background:var(--line-soft);color:var(--ink-soft)}.stat .ico.blue{background:var(--info-bg);color:var(--info)}.stat .body{flex:1;min-width:0}.stat .label{color:var(--ink-soft);font-size:14px;font-weight:600}.stat .value{font-family:var(--font-head);font-size:28px;font-weight:800;line-height:1.25}.stat .value small{color:var(--ink-mute);margin-inline-start:4px;font-size:13px;font-weight:600}.stat .value.amber{color:var(--amber)}.stat .value.red{color:var(--bad)}.stat .foot{color:var(--ink-mute);align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.stat .foot.ok{color:var(--ok)}.stat .foot.bad{color:var(--bad)}.stat .foot.warn{color:var(--warn)}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 11px;font-size:13px;font-weight:700;display:inline-flex}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.gray{background:var(--line-soft);color:var(--ink-soft)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.toolbar .search{flex:260px;max-width:none}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{min-height:42px;color:var(--ink-soft);background:var(--bg);border:1px solid var(--line);transition:background-color .15s ease, color .15s ease, border-color .15s ease, transform .16s var(--ease-out);border-radius:10px;padding:0 14px;font-size:14px;font-weight:600}.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.tab.amber.active{background:var(--amber);border-color:var(--amber)}.table-wrap{position:relative;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}th{text-align:start;color:var(--ink-mute);background:var(--bg);white-space:nowrap;border-bottom:1px solid var(--line);padding:12px 14px;font-size:14px;font-weight:700}td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:14px}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background-color .15s}@media (hover:hover) and (pointer:fine){tbody tr:hover{background:#fcfbf9}}.money{white-space:nowrap;font-weight:700}.money.red{color:var(--bad)}.money.amber{color:var(--amber)}.muted{color:var(--ink-mute);font-size:14px}.who{align-items:center;gap:10px;min-width:0;display:flex}.who .av{background:var(--line-soft);width:38px;height:38px;color:var(--ink-soft);font-weight:700;font-family:var(--font-head);border-radius:10px;flex-shrink:0;place-items:center;font-size:14px;display:grid}.who .av.amber{background:var(--tint);color:var(--tint-ink)}.who .av.blue{background:var(--info-bg);color:var(--info)}.who>div{min-width:150px}.who b{font-weight:700;display:block}.who small{color:var(--ink-mute);font-size:13px}.row-actions{justify-content:flex-end;gap:2px;display:flex}.table-foot{border-top:1px solid var(--line);color:var(--ink-mute);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;font-size:14px;display:flex}.empty{text-align:center;color:var(--ink-mute);padding:40px 20px}.level{min-width:140px}.level-top{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.bar{background:var(--line-soft);border-radius:999px;height:6px;overflow:hidden}.bar i{border-radius:inherit;background:var(--ok);height:100%;display:block}.bar i.warn{background:var(--amber)}.bar i.bad{background:var(--bad)}.bar i.navy{background:var(--navy)}.split{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:18px;display:grid}.split.wide-side{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:12px;height:220px;padding:10px 4px 0;display:flex}.chart .col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.chart .bars{align-items:flex-end;gap:4px;height:100%;display:flex}.chart .bars span{border-radius:4px 4px 0 0;width:14px;min-height:2px}.chart .rev{background:var(--navy)}.chart .exp{background:var(--amber)}.chart .lbl{color:var(--ink-mute);white-space:nowrap;font-size:13px}.chart .col.current .lbl{color:var(--ink);font-weight:700}.legend{color:var(--ink-soft);gap:14px;font-size:13px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-inline-end:5px;display:inline-block}.list-item{background:var(--bg);border:1px solid var(--line-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.list-item+.list-item{margin-top:10px}.list-item b{font-size:14px;font-weight:700}.list-item small{color:var(--ink-mute);font-size:13px;display:block}.timeline{flex-direction:column;gap:14px;list-style:none;display:flex}.timeline li{gap:10px;display:flex}.timeline .dot{background:var(--navy);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:7px}.timeline .dot.invoice{background:var(--amber)}.timeline .dot.order{background:var(--steel)}.timeline b{font-size:14px;font-weight:600;display:block}.timeline small{color:var(--ink-mute);font-size:13px}.payroll-total{background:var(--bg);border:1px solid var(--line);border-radius:12px;margin:0 20px 20px;padding:16px}.payroll-total .big{font-family:var(--font-head);color:var(--amber);font-size:30px;font-weight:800}.inv-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:0 20px 16px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-soft);font-size:14px;font-weight:600}.input,.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;width:100%;min-height:44px;padding:8px 12px;font-size:16px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:80px}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f0840c26}.field [aria-invalid=true]{border-color:var(--bad)}.field .hint{color:var(--ink-mute);font-size:13px}.field .req{color:var(--bad)}.field .err{color:var(--bad);font-size:13px}.lines td{padding:10px 12px}.lines .input{min-height:40px}.qty-input{width:90px}.price-input{width:130px}.add-line{border-top:1px dashed var(--line);width:100%;color:var(--ink-soft);justify-content:center;align-items:center;gap:6px;padding:14px;font-weight:600;display:flex}.add-line:hover{background:var(--bg);color:var(--ink)}.totals{border-top:1px solid var(--line);grid-template-columns:1fr 380px;gap:20px;padding:20px;display:grid}.totals dl{grid-template-columns:1fr auto;gap:8px 16px;font-size:14px;display:grid}.totals dt{color:var(--ink-soft)}.totals dd{text-align:end;font-weight:700}.grand{background:var(--tint);border-radius:12px;grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:8px;padding:14px 16px;display:flex}.grand span{font-family:var(--font-head);white-space:nowrap;font-size:18px;font-weight:800}.grand b{font-family:var(--font-head);color:var(--amber);white-space:nowrap;font-size:26px;font-weight:800}.form-actions{flex-wrap:wrap;gap:10px;padding:0 20px 20px;display:flex}.inv-list .list-item{cursor:pointer;text-align:start;width:100%}.inv-list .list-item.active{border-color:var(--amber);background:var(--tint)}.overlay{z-index:50;transition:opacity .22s var(--ease-out);background:#12121c73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.overlay[data-open=false]{opacity:0}.modal{width:100%;max-width:560px;max-height:calc(100vh - 32px);transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);background:#fff;border-radius:16px;flex-direction:column;display:flex;box-shadow:0 20px 60px #00000040}.overlay[data-open=false] .modal{opacity:0;transform:scale(.96)translateY(6px)}.modal.sm{max-width:420px}.modal.lg{max-width:760px}.modal-form{display:contents}.modal-body.one{grid-template-columns:1fr}.confirm-text{color:var(--ink);font-size:16px;line-height:1.8}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-head h2{font-size:19px;font-weight:800}.modal-body{grid-template-columns:1fr 1fr;gap:14px;padding:20px;display:grid;overflow-y:auto}.modal-body .full{grid-column:1/-1}.modal-foot{border-top:1px solid var(--line);gap:10px;padding:16px 20px;display:flex}.form-error{background:var(--bad-bg);color:var(--bad);border-radius:10px;grid-column:1/-1;padding:10px 12px;font-size:13px}.toast{bottom:20px;z-index:60;background:var(--navy);color:#fff;border-radius:12px;width:fit-content;max-width:calc(100vw - 32px);margin-inline:auto;padding:12px 20px;font-size:15px;font-weight:600;transition:opacity .3s,transform .3s;position:fixed;inset-inline:0;box-shadow:0 10px 30px #0003}.toast[data-open=false]{opacity:0;transform:translateY(16px)}.toast.bad{background:var(--bad)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media print{body{background:#fff}.sidebar,.topbar,.scrim,.no-print,.toast{display:none!important}.content{padding:0}.split{display:block}.card{box-shadow:none;border:0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.loading{text-align:center;color:var(--bad);justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.skeleton{flex-direction:column;gap:18px;display:flex}.skeleton span{border-radius:var(--r);background:var(--line-soft);height:90px;animation:1.4s ease-in-out infinite pulse;display:block}.skeleton span:nth-child(2){height:140px;animation-delay:.15s}.skeleton span:nth-child(3){height:320px;animation-delay:.3s}@keyframes pulse{50%{opacity:.55}}.scrim{display:none}@media (width<=1599px){.split.stack-lg{grid-template-columns:1fr}}@media (width<=1365px){.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media (width<=1023px){.sidebar{z-index:40;visibility:hidden;height:100dvh;transition:transform .35s var(--ease-drawer), visibility 0s .35s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(100%)}.sidebar.open{visibility:visible;transition:transform .35s var(--ease-drawer);transform:none}.scrim{z-index:39;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out);background:#12121c66;display:block;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.menu-btn{display:inline-flex}.split,.split.wide-side{grid-template-columns:1fr}.inv-grid{grid-template-columns:repeat(2,1fr)}.totals{grid-template-columns:1fr}}@media (width<=719px){body{font-size:14px}.topbar{padding:10px 16px}.top-date,.user>div{display:none}.content{gap:14px;padding:16px 16px 32px}.page-head{padding:14px 16px}.page-head h1{font-size:22px}.actions{width:100%}.actions .btn{flex:1}.stats,.stats.three{grid-template-columns:1fr}.stat .value{font-size:24px}.card-head{padding:14px 16px}.card-body{padding:0 16px 16px}.toolbar .tabs{flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}.tab{flex-shrink:0}table.responsive thead{display:none}table.responsive,table.responsive tbody,table.responsive tr,table.responsive td{width:100%;display:block}table.responsive tr{border-bottom:1px solid var(--line);padding:12px 16px}table.responsive tbody tr:last-child{border-bottom:0}table.responsive td{text-align:end;border:0;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}table.responsive td:before{content:attr(data-label);color:var(--ink-mute);text-align:start;flex-shrink:0;font-size:12px;font-weight:600}table.responsive td.lead{text-align:start;padding-bottom:10px}table.responsive td.lead:before,table.responsive td.no-label:before{display:none}table.responsive td.lead>*{flex:1}table.responsive .row-actions{border-top:1px dashed var(--line);justify-content:flex-start;width:100%;margin-top:4px;padding-top:6px}.level{width:150px;min-width:0}.inv-grid{grid-template-columns:1fr;padding:0 16px 16px}.qty-input,.price-input{width:120px}.form-actions{padding:0 16px 16px}.form-actions .btn{flex:100%}.totals{padding:16px}.grand b{font-size:22px}.modal-body{grid-template-columns:1fr}.overlay{align-items:flex-end;padding:0}.modal{max-width:none;max-height:92dvh;transition:transform .38s var(--ease-drawer), opacity .2s var(--ease-out);border-radius:16px 16px 0 0}.overlay[data-open=false] .modal{opacity:1;transform:translateY(100%)}.chart{gap:6px}.chart .bars span{width:9px}}.page-enter>*{animation:enter .26s var(--ease-out) both}.page-enter>:nth-child(2){animation-delay:40ms}.page-enter>:nth-child(3){animation-delay:80ms}.page-enter>:nth-child(n+4){animation-delay:.12s}@keyframes enter{0%{opacity:0;transform:translateY(6px)}}.chart .bars span{transform-origin:bottom;animation:grow .6s var(--ease-out) both}.chart .col:nth-child(2) .bars span{animation-delay:40ms}.chart .col:nth-child(3) .bars span{animation-delay:80ms}.chart .col:nth-child(4) .bars span{animation-delay:.12s}.chart .col:nth-child(5) .bars span{animation-delay:.16s}.chart .col:nth-child(6) .bars span{animation-delay:.2s}@keyframes grow{0%{transform:scaleY(.04)}}.bar i{transform-origin:100%;animation:fill .6s var(--ease-out) both}@keyframes fill{0%{transform:scaleX(.04)}}.search-pop{transform-origin:top;animation:pop .16s var(--ease-out) both}@keyframes pop{0%{opacity:0;transform:scale(.97)translateY(-4px)}}@media (prefers-reduced-motion:reduce){.page-enter>*,.search-pop{animation-name:fade}.chart .bars span,.bar i{animation:none}.overlay[data-open=false] .modal,.toast[data-open=false],.btn:active:not(:disabled),.icon-btn:active,.tab:active,.seg button:active{transform:none}.sidebar,.sidebar.open{transition-duration:0s}}@keyframes fade{0%{opacity:0}}.login{background:var(--bg);grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.login-side{background:var(--navy);color:#fff;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.login-side:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 80% 20%,#f0840c38,#0000 70%),radial-gradient(50% 45% at 10% 95%,#30487859,#0000 70%);position:absolute;inset:0}.login-side>*{position:relative}.login-side .brand img{width:56px;height:56px}.login-side h1{font-size:40px;font-weight:800;line-height:1.25}.login-side h1 em{color:#ffa733;font-style:normal}.login-side p{color:#c4c4d2;max-width:420px;margin-top:12px;font-size:17px}.login-side small{color:#8e8ea2;font-size:13px}.login-main{justify-content:center;align-items:center;padding:32px 20px;display:flex}.login-card{width:100%;max-width:400px}.login-card h2{font-size:28px;font-weight:800}.login-card>p{color:var(--ink-mute);margin:4px 0 28px}.login-card form{flex-direction:column;gap:16px;display:flex}.login-card .btn{width:100%;min-height:50px;margin-top:6px;font-size:16px}.pass-wrap{position:relative}.pass-wrap input{padding-inline-end:48px}.pass-wrap .icon-btn{inset-inline-end:4px;position:absolute;top:50%;transform:translateY(-50%)}.pass-wrap .icon-btn:active{transform:translateY(-50%)scale(.97)}.form-error.shake{animation:shake .32s var(--ease-out)}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=860px){.login{grid-template-columns:1fr}.login-side{gap:18px;padding:28px 20px}.login-side h1{font-size:26px}.login-side p{font-size:15px}.login-side small{display:none}}.user-menu{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.user-menu .who-am-i b{font-size:15px;line-height:1.3;display:block}.user-menu .who-am-i span{color:var(--ink-mute);font-size:13px}.user-menu .av{background:var(--navy);color:#fff;width:40px;height:40px;font-family:var(--font-head);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.pages-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.check{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:10px;min-height:46px;padding:8px 12px;font-size:15px;font-weight:600;transition:border-color .15s,background-color .15s;display:flex}.check input{width:18px;height:18px;accent-color:var(--amber);flex-shrink:0}.check:has(input:checked){border-color:var(--amber);background:var(--tint)}.check:has(input:disabled){opacity:.6;cursor:not-allowed}.switch-row{background:var(--bg);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.switch-row b{font-size:15px;display:block}.switch-row small{color:var(--ink-mute);font-size:13px}.switch{flex-shrink:0;width:48px;height:28px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.switch i{background:#d6d1c8;border-radius:999px;transition:background-color .2s;position:absolute;inset:0}.switch i:after{content:"";top:3px;width:22px;height:22px;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #0003}.switch input:checked+i{background:var(--amber)}.switch input:checked+i:after{transform:translate(-20px)}.switch input:focus-visible+i{outline:2px solid var(--amber);outline-offset:2px}.page-chips{flex-wrap:wrap;gap:4px;display:flex}.page-chips .chip{font-size:12px}.seg{background:var(--line-soft);border-radius:14px;gap:4px;padding:4px;display:inline-flex}.seg button{min-height:44px;color:var(--ink-soft);transition:background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .16s var(--ease-out);border-radius:10px;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex}.seg button[aria-pressed=true]{color:var(--ink);box-shadow:var(--shadow);background:#fff}.seg button[aria-pressed=true] svg{color:var(--amber)}.diff-pos{color:var(--ok);font-weight:700}.diff-neg{color:var(--bad);font-weight:700}.count-input{width:110px}.qty-in{color:var(--ok);font-weight:700}.qty-out{color:var(--bad);font-weight:700}.month-input{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:44px;padding:6px 12px;font-size:15px}.months{flex-direction:column;gap:8px;display:flex}.months button{border:1px solid var(--line-soft);background:var(--bg);text-align:start;width:100%;transition:border-color .15s ease, background-color .15s ease, transform .16s var(--ease-out);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.months button:active{transform:scale(.98)}.months button[aria-current=true]{border-color:var(--amber);background:var(--tint)}.months b{font-size:15px}.months small{color:var(--ink-mute);font-size:13px;display:block}.cell-input{width:110px;min-height:40px}.locked-note{background:var(--ok-bg);color:var(--ok);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.denied{text-align:center;max-width:460px;margin:60px auto;padding:32px}.denied h2{margin:12px 0 6px;font-size:22px}.denied svg{color:var(--amber)}@media (width<=719px){.pages-grid{grid-template-columns:1fr}.seg{width:100%}.seg button{flex:1;justify-content:center;padding:0 10px}.user-menu .who-am-i{display:none}.count-input,.cell-input{width:120px}}.modal.xl{max-width:920px}table.clickable tbody tr{cursor:pointer}table.clickable tbody tr:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.pay-type{width:100%}.pay-type button{flex-wrap:wrap;flex:1;justify-content:center;min-height:56px}.pay-type small{color:var(--ink-mute);text-align:center;width:100%;margin-top:-6px;font-size:12px;font-weight:500}.sum-box{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.sum-box>div{justify-content:space-between;gap:12px;font-size:15px;display:flex}.sum-box>div span{color:var(--ink-soft)}.sum-box>div b{font-variant-numeric:tabular-nums}.sum-box .big{border-bottom:1px dashed var(--line);padding-bottom:6px;font-size:18px}.sum-box .big b{font-family:var(--font-head);color:var(--amber);font-size:22px}details.more{border:1px dashed var(--line);border-radius:12px;padding:10px 14px}details.more summary{cursor:pointer;color:var(--ink-soft);font-size:14px;font-weight:600}.more-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.inv-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.inv-cust{font-family:var(--font-head);font-size:20px;display:block}.inv-head small{color:var(--ink-mute);font-size:13px;display:block}.pay-list{flex-direction:column;gap:8px;list-style:none;display:flex}.pay-list li{background:var(--bg);border:1px solid var(--line-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.pay-list li small{color:var(--ink-mute);font-size:13px;display:block}.pay-side{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.mini-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mini-stats div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.mini-stats span{color:var(--ink-mute);font-size:13px;display:block}.mini-stats b{font-family:var(--font-head);font-size:19px}.inv-row{text-align:start;cursor:pointer;width:100%;transition:border-color .15s ease, transform .16s var(--ease-out)}.inv-row:active{transform:scale(.99)}@media (hover:hover) and (pointer:fine){.inv-row:hover{border-color:var(--amber)}}.date-filter{gap:8px;display:flex}.count-dot{background:var(--bad);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;display:inline-grid}.doc-link{background:var(--info-bg);color:var(--info);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.drop{text-align:center;cursor:pointer;color:var(--ink-soft);background:var(--bg);border:2px dashed #d9d2c7;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:22px;transition:border-color .15s,background-color .15s;display:flex}.drop svg{color:var(--amber)}.drop b{color:var(--ink);font-size:16px}.drop small{color:var(--ink-mute);font-size:13px}.drop.has-file{border-style:solid;border-color:var(--amber);background:var(--tint)}@media (hover:hover) and (pointer:fine){.drop:hover{border-color:var(--amber)}}.read-ok{background:var(--ok-bg);color:var(--ok);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn.sm{min-height:34px;padding:0 10px;font-size:13px}.pager{gap:8px;display:flex}.show-more{border-top:1px solid var(--line-soft);justify-content:center;padding:14px;display:flex}.is-loading{opacity:.55;transition:opacity .15s}.bell{position:relative}.bell-btn{width:44px;height:44px;position:relative}.bell-count{top:4px;background:var(--bad);color:#fff;min-width:19px;height:19px;animation:pop-in .26s var(--ease-out);border:2px solid #fff;border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;inset-inline-end:2px}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}.bell-panel{top:52px;z-index:40;border:1px solid var(--line);transform-origin:0 0;width:380px;max-height:min(70vh,560px);animation:pop .18s var(--ease-out) both;background:#fff;border-radius:14px;flex-direction:column;display:flex;position:absolute;inset-inline-end:-8px;box-shadow:0 18px 50px #14141d2e}.bell-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.bell-head b{font-family:var(--font-head);font-size:17px}.bell-list{padding:6px;overflow-y:auto}.bell-item{text-align:start;border-radius:10px;gap:10px;width:100%;padding:10px;transition:background-color .15s;display:flex}@media (hover:hover) and (pointer:fine){.bell-item:hover{background:var(--bg)}}.bell-item b{font-size:14px;display:block}.bell-item small{color:var(--ink-mute);font-size:13px;display:block}.bell-item .when{font-size:12px}.bell-item.seen{opacity:.62}.lvl{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.lvl.danger{background:var(--bad);box-shadow:0 0 0 4px var(--bad-bg)}.lvl.warning{background:var(--amber);box-shadow:0 0 0 4px var(--tint)}.lvl.info{background:var(--info);box-shadow:0 0 0 4px var(--info-bg)}.log{padding:4px 20px 20px;list-style:none}.log li{border-bottom:1px solid var(--line-soft);grid-template-columns:64px 14px 1fr;gap:10px;padding:10px 0;display:grid}.log li:last-child{border-bottom:0}.log time{color:var(--ink-mute);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:2px;font-size:13px}.log .dot{background:var(--ink-mute);border-radius:50%;width:10px;height:10px;margin-top:7px}.log .dot.ok{background:var(--ok)}.log .dot.bad{background:var(--bad)}.log .dot.warn{background:var(--amber)}.log .dot.info{background:var(--info)}.log b{font-size:15px;display:block}.log small{color:var(--ink-soft);font-size:13px;display:block}.log .meta{color:var(--ink-mute)}.cal-head{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.cal-head b{font-family:var(--font-head);font-size:18px}.cal{grid-template-columns:repeat(7,1fr);gap:6px;padding:0 16px 12px;display:grid}.cal .wd{text-align:center;text-overflow:clip;white-space:nowrap;color:var(--ink-mute);padding-bottom:4px;font-size:11px;overflow:hidden}.cal-day{aspect-ratio:1;background:var(--bg);transition:background-color .15s ease, border-color .15s ease, transform .16s var(--ease-out);border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.cal-day[data-has=true]{background:rgba(240, 132, 12, var(--heat))}.cal-day small{color:var(--tint-ink);font-size:10px;line-height:1}.cal-day.today{border-color:var(--navy)}.cal-day.on{background:var(--navy);color:#fff}.cal-day.on small{color:#ffd7a6}.cal-day:active:not(:disabled){transform:scale(.94)}.cal-day:disabled{opacity:.35;cursor:default}@media (width<=719px){.bell-panel{top:64px;width:auto;position:fixed;inset-inline:8px}.mini-stats,.more-grid{grid-template-columns:1fr}.modal-foot{flex-wrap:wrap}.date-filter{width:100%}.date-filter>*{flex:1}.log{padding:4px 16px 16px}.log li{grid-template-columns:56px 12px 1fr}}@media (prefers-reduced-motion:reduce){.bell-panel,.bell-count{animation-name:fade}.spin{animation-duration:2s}}#print-root{--rule:#000;--hair:#b5b5b5;--fill:#efefef;--soft:#4a4a4a;display:none}@page{size:A4;margin:12mm 13mm 16mm;@bottom-left{content:"صفحة " counter(page) " من " counter(pages);font-family:IBM Plex Sans Arabic,sans-serif;font-size:8pt;color:#555}}@media print{body.printing{background:#fff!important}body.printing>:not(#print-root){display:none!important}body.printing #print-root{display:block}}.doc{color:#000;font-variant-numeric:tabular-nums lining-nums;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;flex-direction:column;gap:3.5mm;font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,sans-serif;font-size:9.5pt;font-weight:500;line-height:1.5;display:flex}.doc+.doc{break-before:page}:is(.doc,.slips) :is(table,th,td,tr){color:inherit;font-size:inherit;font-weight:inherit;white-space:normal;vertical-align:baseline;background:0 0;border:0;padding:0;transition:none}.doc h1,.doc h2,.doc h3{color:#000;margin:0;font-family:Cairo,IBM Plex Sans Arabic,sans-serif}.doc b{font-weight:700}.doc .ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.doc small{color:var(--soft);font-size:8pt;font-weight:500;display:block}.doc-head{border-bottom:2pt solid var(--rule);justify-content:space-between;align-items:flex-end;gap:8mm;padding-bottom:3mm;display:flex}.doc-brand{align-items:center;gap:4mm;min-width:0;display:flex}.doc-brand img{object-fit:contain;filter:grayscale();width:18mm;height:18mm}.doc-brand h1{font-size:20pt;font-weight:800;line-height:1.2}.doc-brand p{color:var(--soft);margin:0;font-size:9pt}.doc-title{text-align:left;flex-shrink:0}.doc-title h2{font-size:17pt;font-weight:800;line-height:1.2}.doc-en{letter-spacing:.22em;color:var(--soft);direction:ltr;margin-top:1mm;font-family:Segoe UI,Arial,sans-serif;font-size:7.5pt;font-weight:600;display:block}.doc-contact{color:var(--soft);border-bottom:.5pt solid var(--hair);flex-direction:column;gap:0;margin-top:-2mm;padding-bottom:1.5mm;font-size:8pt;display:flex}.doc-meta{border:.75pt solid var(--rule);flex-wrap:wrap;margin:0;display:flex}.doc-meta>div{border-inline-start:.75pt solid var(--rule);flex:1 1 0;min-width:28mm;padding:1.8mm 3mm}.doc-meta>div:first-child{border-inline-start:0}.doc-meta dt{color:var(--soft);font-size:7.5pt}.doc-meta dd{margin:0;font-size:10pt;font-weight:700}.doc-parties{grid-template-columns:1fr 1fr;gap:4mm;display:grid}.doc-box{border:.75pt solid var(--hair);padding:2.5mm 3.5mm}.doc-box h3{border-bottom:.5pt solid var(--hair);margin-bottom:1.2mm;padding-bottom:1.2mm;font-size:9.5pt;font-weight:700}.doc-box dl{gap:.6mm;margin:0;display:grid}.doc-box dl>div{grid-template-columns:26mm 1fr;gap:2mm;display:grid}.doc-box dt{color:var(--soft)}.doc-box dd{margin:0;font-weight:600}.doc-table{border-collapse:collapse;width:100%}.doc-table thead{display:table-header-group}.doc-table tfoot{display:table-row-group}.doc-table tr{break-inside:avoid}.doc-table th{background:var(--fill);text-align:start;white-space:nowrap;border-top:1pt solid var(--rule);border-bottom:1pt solid var(--rule);padding:1.8mm 2mm;font-size:8.5pt;font-weight:700}.doc-table td{border-bottom:.5pt solid var(--hair);vertical-align:top;white-space:nowrap;padding:1.5mm 2mm}.doc-table .n{text-align:center;width:7mm;color:var(--soft)}.doc-table .num{text-align:left;white-space:nowrap}.doc-table .w{white-space:normal;width:100%}.doc-table .code{text-align:right;color:var(--soft);white-space:nowrap;direction:ltr;unicode-bidi:plaintext;font-size:8.5pt}.doc-table tbody tr:last-child td{border-bottom:1pt solid var(--rule)}.doc-table tfoot th,.doc-table tfoot td{background:var(--fill);border-bottom:1pt solid var(--rule);padding:1.8mm 2mm;font-weight:700}.doc-table tr.sub td{color:var(--soft);font-style:normal}.doc-table.compact th,.doc-table.compact td{padding:1.2mm 2mm;font-size:8.5pt}.doc-table .sig{width:30mm}.doc-table .blank{border-inline-start:.5pt solid var(--hair);width:26mm}.doc-table.count td{padding-block:3mm}.empty-row{text-align:center;color:var(--soft);padding:6mm!important}.doc-sum{break-inside:avoid;grid-template-columns:1fr minmax(78mm,auto);align-items:start;gap:6mm;display:grid}.doc-sum-side{flex-direction:column;gap:3mm;display:flex}.doc-words{border:.75pt solid var(--hair);border-inline-start:2.5pt solid var(--rule);padding:2.5mm 3.5mm}.doc-words span{color:var(--soft);font-size:7.5pt;display:block}.doc-words p{margin:.5mm 0 0;font-size:10pt;font-weight:700;line-height:1.6}.doc-note{margin:0;font-size:9pt}.doc-totals{border-collapse:collapse;width:100%}.doc-totals th{text-align:start;color:var(--soft);padding:1.2mm 0;font-weight:500}.doc-totals td{text-align:left;white-space:nowrap;direction:ltr;unicode-bidi:isolate;padding:1.2mm 0;font-weight:700}.doc-totals tr{border-bottom:.5pt solid var(--hair)}.doc-totals tr.doc-grand{background:#000;border:0}:is(.doc,.slips) .doc-totals tr.doc-grand :is(th,td){color:#fff;white-space:nowrap;background:#000;border:0;padding:2.2mm 3mm;font-family:Cairo,sans-serif;font-size:11pt;font-weight:800}.doc-section{break-inside:avoid;flex-direction:column;gap:2mm;display:flex}.doc-section h3,.doc-h{font-size:10.5pt;font-weight:700}.doc-terms{color:var(--soft);border-top:.5pt solid var(--hair);margin:0;padding-top:2mm;font-size:8pt}.doc-terms b{color:#000}.doc-thanks{text-align:center;margin:0;font-family:Cairo,sans-serif;font-size:10pt;font-weight:700}.doc-small{color:var(--soft);margin:0;font-size:8pt}.doc-sign{break-inside:avoid;gap:10mm;margin-top:3mm;display:flex}.doc-sign>div{text-align:center;flex:1}.doc-sign>div:before{content:"";border-bottom:.75pt dotted #000;height:10mm;margin-bottom:1.5mm;display:block}.doc-sign span{color:var(--soft);font-size:8.5pt}.doc-foot{border-top:.5pt solid var(--hair);color:var(--soft);justify-content:space-between;margin-top:auto;padding-top:2mm;font-size:7.5pt;display:flex}.doc-amount-box{border:2pt solid #000;align-self:flex-start;align-items:baseline;gap:4mm;padding:2.5mm 6mm;display:flex}.doc-amount-box span{color:var(--soft);font-size:9pt}.doc-amount-box b{font-family:Cairo,sans-serif;font-size:18pt;font-weight:800}.doc-amount-box small{color:#000;font-size:10pt;display:inline}.doc-receipt-body{flex-direction:column;gap:3mm;display:flex}.doc-receipt-body p{border-bottom:.75pt dotted #000;align-items:baseline;gap:3mm;margin:0;padding-bottom:1.5mm;font-size:11pt;display:flex}.doc-receipt-body p>span{color:var(--soft);flex-shrink:0;font-size:10pt}.doc-receipt .doc-totals{width:100mm}.slips{color:#000;font-variant-numeric:tabular-nums;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-family:IBM Plex Sans Arabic,sans-serif;font-size:9.5pt;font-weight:500;line-height:1.55}.slip{box-sizing:border-box;break-inside:avoid;flex-direction:column;gap:4mm;height:128mm;padding:2mm 0 6mm;display:flex}.slip:nth-child(odd){border-bottom:.75pt dashed #000;margin-bottom:6mm}.slip:nth-child(odd):not(:first-child){break-before:page}.slip header{border-bottom:2pt solid #000;justify-content:space-between;align-items:flex-end;padding-bottom:2mm;display:flex}.slip header b{font-family:Cairo,sans-serif;font-size:15pt;font-weight:800;display:block}.slip header span{font-size:10pt}.slip .doc-meta{border:.75pt solid #000;margin:0;display:flex}.slip .doc-meta>div{border-inline-start:.75pt solid #000;flex:1;padding:1.5mm 3mm}.slip .doc-meta>div:first-child{border-inline-start:0}.slip .doc-meta dt{color:#4a4a4a;font-size:7.5pt}.slip .doc-meta dd{margin:0;font-weight:700}.slip-body{grid-template-columns:80mm 1fr;align-items:start;gap:6mm;display:grid}.slip .doc-totals th{color:#4a4a4a}.slip .doc-sign{margin-top:auto}.slip .doc-words{border:.75pt solid #b5b5b5;border-inline-start:2.5pt solid #000;padding:2mm 3mm}