:root{--ink:#182338;--ink2:#4a566f;--ink3:#7f8aa3;--bg:#eef1f8;--surf:#fff;--line:#e5e9f2;--line2:#eef1f7;--teal:#1f9fdc;--teal-d:#1877ad;--teal-l:#eaf4fb;--blue:#1f9fdc;--purple:#8a3e8f;--red:#c0392b;--red-l:#fbe9e7;--amber:#92400e;--amber-l:#fdf0dd;--green:#1b7f3b;--green-l:#e6f5ec;--r:16px;--grad:linear-gradient(120deg, #1f7fc4, #6d3f92);--grad-v:linear-gradient(180deg, #1f9fdc, #8a3e8f);--card-shadow:0 14px 34px -24px #18233859;--field-brd:#dfe4ee}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--ink);background-color:#0000;background-image:radial-gradient(70rem 34rem at 92% -8%,#1fa0dc1a,#0000 60%),radial-gradient(60rem 34rem at -6% 8%,#8a3e8f17,#0000 58%),linear-gradient(170deg,#f3f5fa 0%,#eef1f8 60%,#f4f2f7 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;padding-bottom:56px;font-family:Tajawal,system-ui,sans-serif;font-size:16px;line-height:1.6}::selection{background:#4a4ba033}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cfd6e6 padding-box padding-box;border:3px solid #0000;border-radius:8px}@keyframes uin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}header.app{z-index:50;color:#fff;background:linear-gradient(110deg,#14508f 0%,#3f3f95 48%,#7a3684 100%);border-bottom:1px solid #ffffff24;flex-wrap:wrap;align-items:center;gap:16px;padding:11px 24px;display:flex;position:sticky;top:0;box-shadow:0 10px 30px -14px #18233899}header.app .brand{align-items:center;gap:13px;display:flex}header.app .logo{object-fit:contain;filter:brightness(0)invert();width:auto;height:46px}header.app .sep{background:#ffffff38;width:1px;height:36px}header.app h1{color:#fff;letter-spacing:-.2px;align-items:center;gap:9px;font-size:19px;font-weight:700;display:flex}header.app .sub{color:#c9d6ee;font-size:12.5px;font-weight:500}header.app .badge{color:#eef4ff;background:#ffffff29;border:1px solid #ffffff47;border-radius:20px;padding:2px 10px;font-size:11.5px;font-weight:700}nav.app{background:#ffffff1a;border-radius:15px;flex-wrap:wrap;gap:4px;margin-inline-start:auto;padding:5px;display:flex}nav.app a{font:inherit;color:#dbe6f7;cursor:pointer;border-radius:11px;align-items:center;gap:7px;padding:8px 15px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:flex}nav.app a svg{width:17px;height:17px}nav.app a:hover{color:#fff;background:#ffffff1f}nav.app a.on{color:#1f3a63;background:#fffffff0}main.app{max-width:1280px;margin:22px auto 0;padding:0 20px;animation:.3s both uin}.card{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--card-shadow);margin-bottom:18px;padding:22px 24px}.card h2{border-bottom:1px solid var(--line2);align-items:center;gap:9px;margin-bottom:16px;padding-bottom:12px;font-size:16px;font-weight:700;display:flex}.card h2:before{content:"";background:var(--grad-v);border-radius:5px;flex:none;width:9px;height:20px}.card h2>:last-child:not(:first-child){margin-inline-start:auto}.grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px;display:grid}.grid>*{min-width:0}label{color:var(--ink2);margin-bottom:6px;font-size:13px;font-weight:600;display:block}label .req{color:var(--red)}input,select,textarea{border:1.5px solid var(--field-brd);width:100%;color:var(--ink);background:#fff;border-radius:11px;padding:10px 12px;font-family:Tajawal,system-ui,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}textarea{line-height:1.6}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #1fa0dc26}input.err,select.err,textarea.err{border-color:var(--red);background:var(--red-l)}input[readonly]{color:var(--ink2);background:#f5f7fb}.auto{background:var(--teal-l)!important;border-color:#b9dcf1!important}.note{color:var(--ink3);margin-top:6px;font-size:13px}.mono{font-variant-numeric:tabular-nums}.pager{border-top:1px solid var(--line2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.btn{background:var(--grad);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:11px;padding:11px 22px;font-size:14px;font-weight:700;transition:filter .15s,transform 50ms;box-shadow:0 8px 20px -9px #3d3f958c}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(1px)}.btn:disabled{box-shadow:none;cursor:not-allowed;filter:none;background:#c2cadb}.btn.sec{color:var(--ink);border:1.5px solid var(--field-brd);box-shadow:none;background:#fff}.btn.sec:hover{filter:none;background:#f4f7fc}.btn.sm{border-radius:9px;padding:6px 13px;font-size:12.5px}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:right;color:var(--ink2);border-bottom:1.5px solid var(--line2);white-space:nowrap;background:0 0;padding:9px 10px;font-size:12.5px;font-weight:700}td{border-bottom:1px solid var(--line2);padding:8px 10px}tr:hover td{background:#f4f7fc}.pill{border-radius:20px;padding:2px 10px;font-size:11.5px;font-weight:700;display:inline-block}.p-red{background:var(--red-l);color:var(--red)}.p-amber{background:var(--amber-l);color:var(--amber)}.p-green{background:var(--green-l);color:var(--green)}.p-gray{background:var(--line2);color:var(--ink2)}.kpi{flex-wrap:wrap;gap:14px;margin-bottom:18px;display:flex}.k{background:var(--surf);border:1px solid var(--line);border-radius:14px;flex:200px;padding:15px 17px;transition:transform .15s,box-shadow .15s;box-shadow:0 12px 30px -24px #18233866}.k:hover{transform:translateY(-3px);box-shadow:0 20px 40px -22px #18233880}.k .lab{color:var(--ink3);font-size:12.5px;font-weight:600}.k .val{letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-top:2px;font-size:23px;font-weight:700}.k.danger .val{color:var(--red)}.k.good .val{color:var(--green)}.k.warn .val{color:var(--amber)}.gauge{border:1px solid var(--line);background:#fbfcfe;border-radius:13px;margin-top:14px;overflow:hidden}.gauge .bar{color:#fff;height:36px;font-size:12px;font-weight:700;display:flex}.seg{white-space:nowrap;justify-content:center;align-items:center;transition:width .25s;display:flex;overflow:hidden}.seg.cost{background:#5b7480}.seg.comm{background:var(--amber)}.seg.disc{background:#8d6e63}.seg.prof{background:var(--green)}.seg.loss{background:var(--red)}.gauge .foot{border-top:1px solid var(--line2);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.gauge.bad{border-color:var(--red)}.gauge.bad .foot{background:var(--red-l);color:var(--red)}.gauge.warn .foot{background:var(--amber-l);color:var(--amber)}.gauge.ok .foot{background:var(--green-l);color:var(--green)}.tests{border:1px solid var(--line);background:#fbfcfe;border-radius:13px;max-height:400px;overflow-y:auto}.trow{border-bottom:1px solid var(--line2);cursor:pointer;align-items:center;gap:10px;padding:9px 13px;display:flex}.trow:hover{background:#f4f7fc}.trow.sel{background:var(--teal-l)}.trow input[type=checkbox]{width:17px;height:17px;accent-color:var(--blue);flex:none}.trow .tn{flex:1;font-size:14px;font-weight:600}.trow .tc{color:var(--ink3);font-size:11.5px;font-weight:600}.trow input[type=number]{border-radius:9px;flex:none;width:118px;padding:6px 9px;font-size:13px}.chips{flex-wrap:wrap;gap:7px;min-height:8px;margin-bottom:10px;display:flex}.chip{background:var(--grad);color:#fff;border-radius:20px;align-items:center;gap:7px;padding:4px 12px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 3px 10px -5px #3d3f95b3}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;background:#18233880;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;max-width:520px;max-height:88vh;padding:24px;overflow:auto;box-shadow:0 30px 70px -20px #18233880}.toast{bottom:22px;color:#fff;z-index:99;opacity:0;pointer-events:none;background:linear-gradient(120deg,#14508f,#7a3684);border-radius:12px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .25s;position:fixed;inset-inline-start:22px;transform:translateY(12px);box-shadow:0 14px 34px -12px #18233899}.toast.show{opacity:1;transform:none}.toast.bad{background:linear-gradient(120deg,#a03028,#c0392b)}.brow{align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.brow .nm{width:120px;color:var(--ink2);text-overflow:ellipsis;white-space:nowrap;flex:none;font-weight:600;overflow:hidden}.brow .tr2{background:var(--line2);border-radius:7px;flex:1;height:22px;position:relative;overflow:hidden}.brow .fl{border-radius:7px;height:100%}.brow .vl{text-align:left;font-variant-numeric:tabular-nums;flex:none;width:110px;font-weight:700}.entry-top{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.entry-top .card{margin-bottom:0}.cmp{grid-template-columns:1fr 1fr;gap:14px;display:grid}.split{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));align-items:start;gap:18px;display:grid}.hide{display:none!important}@media (width<=820px){.cmp,.split{grid-template-columns:1fr}nav.app{width:100%;margin:8px 0 0}nav.app a{flex:1;justify-content:center}}@media (width<=640px){input,select,textarea{padding:12px;font-size:16px}textarea{min-height:84px}.grid{grid-template-columns:1fr}.grid>*{grid-column:auto!important}.btn.sm{padding:9px 14px;font-size:13.5px}.btn{padding:12px 20px}header.app{gap:10px;padding:8px 14px}header.app .logo{height:34px}header.app .sep{display:none}header.app h1{font-size:16px}header.app .sub{display:none}nav.app a{padding:11px 8px;font-size:13px}.card,.k{padding:14px}main.app{padding:12px}}@media print{header.app,nav.app,.btn{display:none!important}body{background:#fff}.card,.k{box-shadow:none;break-inside:avoid;border:1px solid #999}}