:root{--bg-page:#f4f6f9;--bg-card:#fff;--bg-input:#fff;--border:#eef1f5;--border-soft:#f1f3f6;--border-input:#e2e8f0;--border-po:#dde3ec;--text-primary:#1c2531;--text-navy:#0d2b4e;--text-muted:#8a94a3;--text-label:#6b7686;--red:#d92b2b;--success-bg:#e7f7ec;--success-text:#1c8a4c;--danger-bg:#fdeaea;--danger-text:#d92b2b;--warning-bg:#fff7e6;--warning-text:#b8860b;--info-bg:#eaf1f9;--info-text:#0d2b4e;--sidebar-text-sub:#9fb2c8;--scrollbar-thumb:#d7dee6;--shadow-card:0 10px 25px -10px #0f234124;--shadow-modal:0 30px 60px -20px #0d2b4e66;--overlay:#0d141e99}[data-theme=dark]{--bg-page:#0d1420;--bg-card:#17202f;--bg-input:#131b28;--border:#29354a;--border-soft:#212b3c;--border-input:#2c3a52;--border-po:#2c3a52;--text-primary:#e6ebf3;--text-navy:#7fb0ff;--text-muted:#93a2b8;--text-label:#a3b1c6;--red:#ff6b6b;--success-bg:#1c8a4c38;--success-text:#4fd88a;--danger-bg:#d92b2b38;--danger-text:#ff8a8a;--warning-bg:#b8860b38;--warning-text:#f0bb4d;--info-bg:#7fb0ff29;--info-text:#8fc0ff;--sidebar-text-sub:#8fa4c2;--scrollbar-thumb:#33415a;--shadow-card:0 10px 25px -10px #0000008c;--shadow-modal:0 30px 60px -20px #000000b3;--overlay:#04080eb3}*{box-sizing:border-box;font-family:Tajawal,sans-serif}html,body{background:var(--bg-page);margin:0;overflow-x:hidden}body{transition:background-color .2s,color .2s}#root{min-height:100vh}a{color:var(--text-navy);text-decoration:none}a:hover{color:var(--red)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px}@keyframes waPulse{0%{box-shadow:0 0 #25d3668c}70%{box-shadow:0 0 0 16px #25d36600}to{box-shadow:0 0 #25d36600}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes logoShine{0%{transform:translate(-130%)skew(-20deg)}to{transform:translate(230%)skew(-20deg)}}@keyframes spin{to{transform:rotate(360deg)}}.logoWrap{animation:3.4s ease-in-out infinite logoFloat;display:inline-block;position:relative;overflow:hidden}.logoWrap:after{content:"";background:linear-gradient(100deg,#0000,#ffffffd9,#0000);width:35%;height:100%;animation:2.6s ease-in-out .5s infinite logoShine;position:absolute;top:0;left:0}.navItem{cursor:pointer;color:#c9d6e6;white-space:nowrap;border-radius:12px;align-items:center;gap:12px;padding:11px 16px;font-size:14px;transition:background .15s,color .15s;display:flex}.navItem:hover{color:#fff;background:#ffffff14}.navItemActive{color:#fff;background:#d92b2b}.navItem svg{flex-shrink:0}.mbtn{cursor:pointer;border:none;border-radius:10px;font-family:Tajawal,sans-serif;font-size:13.5px;font-weight:700;transition:transform .1s,box-shadow .15s,background-color .15s}.mbtn:active{transform:scale(.98)}.mbtn:disabled{opacity:.6;cursor:not-allowed}.mbtnPrimary{color:#fff;background:#0d2b4e}.mbtnPrimary:hover{background:#123a68}.mbtnRed{color:#fff;background:#d92b2b}.mbtnRed:hover{background:#c22323}.mbtnGhost{background:var(--bg-card);color:var(--text-navy);border:1.5px solid var(--border-input)}.mbtnGhost:hover{border-color:var(--text-navy)}.minput{box-sizing:border-box;border:1.5px solid var(--border-input);background:var(--bg-input);width:100%;min-width:0;max-width:100%;min-height:40px;color:var(--text-primary);appearance:none;border-radius:10px;outline:none;padding:9px 12px;font-family:Tajawal,sans-serif;font-size:13.5px;transition:border-color .15s,background-color .2s,color .2s}select.minput{padding-inline-end:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238a94a3' stroke-width='1.8'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;padding-left:32px}.minput[type=date],.minput[type=time],.minput[type=datetime-local]{text-align:right;appearance:auto;direction:ltr;line-height:1.4;display:block}.minput[type=date]::-webkit-date-and-time-value{text-align:right;width:100%;min-width:0;margin:0}.minput[type=time]::-webkit-date-and-time-value{text-align:right;width:100%;min-width:0;margin:0}.minput[type=datetime-local]::-webkit-date-and-time-value{text-align:right;width:100%;min-width:0;margin:0}.minput[type=date]::-webkit-datetime-edit{padding:0}.minput[type=datetime-local]::-webkit-datetime-edit{padding:0}textarea.minput{min-height:80px;line-height:1.6}.minput::placeholder{color:var(--text-muted)}.minput:focus{border-color:var(--text-navy)}.minput:disabled{background:var(--bg-page);color:var(--text-muted)}.mcard{background:var(--bg-card);box-shadow:var(--shadow-card);border:1px solid var(--border);border-radius:18px;padding:20px;transition:background-color .2s,border-color .2s}.mtable{border-collapse:collapse;width:100%;font-size:13.5px}.mtable th{text-align:right;color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:700}.mtable td{border-bottom:1px solid var(--border-soft);color:var(--text-primary);padding:12px}.mtag{border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.table-scroll{width:100%;min-width:0;overflow-x:auto}.mcard,.page>*,.grid-kv>*,.grid-2>*,.form-grid>*,.kpi-grid>*,.card-grid>*,.form-grid>div{min-width:0}.scroll-hint-wrap{min-width:0;position:relative}.scroll-hint-wrap .table-scroll{-webkit-overflow-scrolling:touch}.scroll-hint-wrap:before,.scroll-hint-wrap:after{content:"";pointer-events:none;z-index:2;opacity:0;width:22px;transition:opacity .2s;position:absolute;top:0;bottom:0}.scroll-hint-wrap:before{background:linear-gradient(to right, var(--bg-card), transparent);left:0}.scroll-hint-wrap:after{background:linear-gradient(to left, var(--bg-card), transparent);right:0}.scroll-hint-wrap.can-left:before,.scroll-hint-wrap.can-right:after{opacity:1}.scroll-hint-label{color:var(--text-muted);text-align:center;padding:4px 0 0;font-size:11.5px;display:none}.scroll-hint-label.show{display:block}.mtable.sticky-first th:first-child,.mtable.sticky-first td:first-child{background:var(--bg-card);z-index:1;position:sticky;inset-inline-start:0;box-shadow:-6px 0 6px -6px #0000002e}.notif-panel{inset-inline-end:0;background:var(--bg-card);border:1px solid var(--border);width:340px;max-width:calc(100vw - 24px);max-height:380px;box-shadow:var(--shadow-modal);z-index:61;border-radius:14px;padding:8px;position:absolute;top:calc(100% + 8px);overflow-y:auto}.notif-item{overflow-wrap:anywhere;word-break:break-word;white-space:normal;line-height:1.7}.notif-close,.mobile-cards-list{display:none}.pdf-render .desktop-only-table{display:block!important}.pdf-render .mobile-cards-list{display:none!important}@media print{.desktop-only-table{display:block!important}.mobile-cards-list{display:none!important}}.page{flex-direction:column;gap:20px;width:100%;max-width:1500px;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-kv{grid-template-columns:340px 1fr;align-items:start;gap:20px;display:grid}.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.theme-toggle{background:var(--bg-page);border:1.5px solid var(--border-input);cursor:pointer;width:38px;height:38px;color:var(--text-navy);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{border-color:var(--text-navy)}.hamburger-btn{justify-content:center;align-items:center;display:none}.pdf-render *{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#1c2531!important}.pdf-render .mcard{box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.pdf-render table,.pdf-render th,.pdf-render td{border-color:#999!important}.pdf-render .mtag{border:1px solid #0000004d!important}.pdf-render svg{filter:none!important}.pdf-render .po-print-header,.pdf-render .po-print-header *{color:#fff!important;background:#0d2b4e!important}.pdf-render input,.pdf-render select,.pdf-render textarea{color:#1c2531!important;background:#fff!important;border-color:#b9c2cf!important}.pdf-render input:disabled,.pdf-render select:disabled,.pdf-render textarea:disabled{-webkit-text-fill-color:#1c2531!important;opacity:1!important}.pdf-render .logoWrap{animation:none!important;overflow:visible!important;transform:none!important}.pdf-render .logoWrap:after,.pdf-render .no-print{display:none!important}.print-only{display:none}.pdf-render .print-only{display:revert!important}@media print{@page{size:A4;margin:14mm}html,body{background:#fff!important}body *{visibility:hidden!important}.print-area,.print-area *{visibility:visible!important}.print-area{width:100%;position:absolute;inset:0;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important}.no-print{display:none!important}.print-area *{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#1c2531!important}.print-area .mcard{box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.print-area table,.print-area th,.print-area td{border-color:#999!important}.print-area .mtag{border:1px solid #0000004d!important}.print-area svg{filter:none!important}.print-area .po-print-header,.print-area .po-print-header *{color:#fff!important;background:#0d2b4e!important}.print-area input,.print-area select,.print-area textarea{color:#1c2531!important;background:#fff!important;border-color:#b9c2cf!important}.print-area input:disabled,.print-area select:disabled,.print-area textarea:disabled{-webkit-text-fill-color:#1c2531!important;opacity:1!important}.print-area .logoWrap{animation:none!important;overflow:visible!important;transform:none!important}.print-area .logoWrap:after{display:none!important}.print-only{display:revert!important}.app-shell{height:0!important;min-height:0!important;overflow:hidden!important}}@media (width<=1024px){.app-shell{grid-template-columns:1fr 76px!important}.sidebar-label,.sidebar-brand-text{display:none}.navItem{justify-content:center;padding:11px}.grid-kv{grid-template-columns:1fr}.app-header-search{display:none!important}}@media (width<=768px){.app-shell{grid-template-columns:1fr!important}.sidebar{z-index:80;width:240px;max-width:82vw;transition:right .22s;position:fixed;top:0;bottom:0;right:-260px;box-shadow:-8px 0 24px #00000040}.sidebar.open{right:0}.sidebar-label{display:inline}.sidebar-brand-text{display:block}.navItem{justify-content:flex-start;padding:11px 16px}.sidebar-backdrop{z-index:70;background:#00000073;display:block;position:fixed;inset:0}.hamburger-btn{display:flex}.app-header-title{font-size:16px!important}.app-header-subtitle{display:none}.page-body{padding:16px!important}.app-header{padding:12px 16px!important}.kpi-grid,.form-grid,.grid-2{gap:12px;grid-template-columns:1fr!important}.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.mcard{border-radius:14px;padding:14px}.minput,select.minput,textarea.minput{min-height:44px;font-size:16px}.notif-panel{inset-inline:8px;width:auto;max-width:none;max-height:70vh;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-radius:18px;position:fixed;top:auto;bottom:8px}.notif-close{display:inline-flex}.mtable.responsive-cards,.mtable.responsive-cards tbody,.mtable.responsive-cards tfoot,.mtable.responsive-cards tr{width:100%;display:block}.mtable.responsive-cards thead{display:none}.mtable.responsive-cards tr{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:14px;margin-bottom:12px;padding:10px 14px}.mtable.responsive-cards td{border-bottom:1px solid var(--border-soft);text-align:right;overflow-wrap:anywhere;padding:7px 0;display:block;width:auto!important;max-width:none!important}.mtable.responsive-cards td:last-child{border-bottom:none}.mtable.responsive-cards td[data-label]:before{content:attr(data-label) ": ";color:var(--text-label);margin-inline-end:6px;font-size:11.5px;font-weight:700}.mtable.responsive-cards td input.minput,.mtable.responsive-cards td select.minput{margin-top:4px;width:100%!important;min-width:0!important}.mtable.responsive-cards td .mbtn{min-height:40px}.mtable.responsive-cards td[data-label]>.mtag{vertical-align:middle}.desktop-only-table{display:none}.mobile-cards-list{flex-direction:column;gap:12px;display:flex}.part-card{border:1.5px solid var(--border);background:var(--bg-card);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.part-card .part-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.part-card label{color:var(--text-label);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.part-card .mbtn{min-height:44px}.sticky-total{background:var(--bg-card);border-top:1px solid var(--border);z-index:3;padding:10px 0;position:sticky;bottom:0}}@media (width>=769px){.sidebar-backdrop{display:none}}.pdf-render .scroll-hint-label,.pdf-render .scroll-hint-wrap:before,.pdf-render .scroll-hint-wrap:after{display:none!important}.pdf-render .mtable.sticky-first td:first-child,.pdf-render .mtable.sticky-first th:first-child{box-shadow:none!important;background:#fff!important;position:static!important}@media print{.scroll-hint-label,.scroll-hint-wrap:before,.scroll-hint-wrap:after{display:none!important}.mtable.sticky-first td:first-child,.mtable.sticky-first th:first-child{box-shadow:none!important;background:#fff!important;position:static!important}}button,.mbtn,a,input,select,textarea,label,.navItem,.mtag,.theme-toggle,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mbtn:active{filter:brightness(.92);transition-duration:0s;transform:scale(.96)}.mbtnGhost:active{background:var(--border-soft)}.navItem:active,.theme-toggle:active{opacity:.7}