: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)}}.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{border:1.5px solid var(--border-input);background:var(--bg-input);width:100%;color:var(--text-primary);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}.minput[type=date],.minput[type=time],.minput[type=datetime-local]{text-align:right;direction:ltr}.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>*{min-width:0}.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}.print-area *,.pdf-render *{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#1c2531!important}.print-area .mcard,.pdf-render .mcard{box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.print-area table,.print-area th,.print-area td,.pdf-render table,.pdf-render th,.pdf-render td{border-color:#999!important}.print-area .mtag,.pdf-render .mtag{border:1px solid #0000004d!important}.print-area svg,.pdf-render svg{filter:none!important}.print-area .po-print-header,.print-area .po-print-header *,.pdf-render .po-print-header,.pdf-render .po-print-header *{color:#fff!important;background:#0d2b4e!important}.print-area input,.print-area select,.print-area textarea,.pdf-render input,.pdf-render select,.pdf-render textarea{color:#1c2531!important;background:#fff!important;border-color:#b9c2cf!important}.print-area input:disabled,.print-area select:disabled,.print-area textarea:disabled,.pdf-render input:disabled,.pdf-render select:disabled,.pdf-render textarea:disabled{-webkit-text-fill-color:#1c2531!important;opacity:1!important}.print-area .logoWrap,.pdf-render .logoWrap{animation:none!important;overflow:visible!important;transform:none!important}.print-area .logoWrap:after,.pdf-render .logoWrap:after,.pdf-render .no-print{display:none!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}.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}}@media (width>=769px){.sidebar-backdrop{display:none}}