:root{--bg:#f3f5f9;--side:#fff;--card:#fff;--ink:#0f172a;--mu:#64748b;--ln:#e2e8f0;--pr:#2563eb;--pr2:#1d4ed8;--pt:#e8efff;--on:#fff;--gd:#d97706;--gt:#fef3c7;--wn:#dc2626;--wt:#fee2e2;--ok:#16a34a;--ot:#dcfce7;--hv:#f1f5f9;--seg:#eaeef5;--in:#fff;--r:12px;color-scheme:light;font-family:"Inter","Cairo",system-ui,"Segoe UI",Tahoma,sans-serif;font-size:14.5px;line-height:1.5;font-feature-settings:"tnum" 1}
:root[data-theme=dark]{--bg:#0a0e17;--side:#080c14;--card:#0f1523;--ink:#f1f5f9;--mu:#8b9ab1;--ln:#1b2540;--pr:#2f6bff;--pr2:#78a6ff;--pt:#13213f;--on:#fff;--gd:#f5a524;--gt:#2b2210;--wn:#f0525b;--wt:#2d1317;--ok:#2fcf6e;--ot:#0e2a1b;--hv:#131b2f;--seg:#0c1322;--in:#0a101d;color-scheme:dark}
*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus:not(:focus-visible){outline:none}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}
aside{background:var(--side);border-inline-end:1px solid var(--ln);padding:18px 12px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}
.logo{display:flex;align-items:center;gap:10px;padding:2px 10px 16px;font-weight:600;font-size:16px;color:var(--ink)}.logo svg{width:24px;height:24px;stroke:var(--pr2)}
aside nav{display:flex;flex-direction:column;gap:2px}.ng{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mu);padding:16px 12px 6px}
.ni{display:flex;align-items:center;gap:11px;padding:9px 12px;border:0;background:none;border-radius:8px;color:var(--mu);text-align:start;font-size:14px}
.ni:hover{background:var(--hv);color:var(--ink)}.ni.on{background:var(--pr);color:#fff}
.me{margin-top:auto;padding:14px 12px 0;border-top:1px solid var(--ln);font-size:12px;color:var(--mu);overflow:hidden;text-overflow:ellipsis}
.mn{min-width:0}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 32px;border-bottom:1px solid var(--ln);background:var(--bg);position:sticky;top:0;z-index:4}
.top b{font-weight:500;color:var(--mu);font-size:13.5px}.seg{display:inline-flex;background:var(--seg);border:1px solid var(--ln);border-radius:8px;padding:2px}.seg button{border:0;background:none;padding:4px 10px;border-radius:6px;font-size:12.5px;color:var(--mu)}.seg button.on{background:var(--pr);color:#fff}
#main{padding:28px 32px 44px;max-width:1240px}.hd{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:22px}.hd .ht{min-width:0}
h1{font-size:26px;font-weight:700;letter-spacing:-.02em}.sub{color:var(--mu);font-size:14px;margin-top:2px}h3{font-size:13px;font-weight:600;color:var(--mu);margin-bottom:14px}
.mu{color:var(--mu);font-size:13px}.acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.btn{border:1px solid var(--ln);background:transparent;border-radius:8px;padding:8px 14px;font-weight:500;font-size:13.5px;transition:.15s;display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.btn:hover{background:var(--hv)}
.btn.p{background:var(--pr);border-color:var(--pr);color:#fff}.btn.p:hover{filter:brightness(1.1)}.btn.d{color:var(--wn)}.btn.s{padding:5px 10px;font-size:12.5px}.btn.ic{padding:7px 8px;position:relative}
.bdg{position:absolute;top:-6px;inset-inline-end:-6px;min-width:17px;height:17px;border-radius:9px;background:var(--wn);color:#fff;font-size:10.5px;display:grid;place-items:center;padding:0 4px;font-weight:600}
input,select,textarea{width:100%;border:1px solid var(--ln);border-radius:8px;padding:9px 12px;background:var(--in);outline:0;transition:.15s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--pr);box-shadow:0 0 0 3px color-mix(in srgb,var(--pr) 22%,transparent)}.acts input,.acts select{width:auto}
.card,.kc,.row,.ap{background:var(--card);border:1px solid var(--ln);border-radius:var(--r)}.card{padding:20px}
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-bottom:14px}.kpi.k5{grid-template-columns:repeat(5,1fr)}@media(max-width:1180px){.kpi.k5{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
.kc{padding:18px 20px;position:relative;overflow:hidden}.kh{display:flex;align-items:center;gap:12px;margin-bottom:14px}.kh small{color:var(--mu);font-size:13px;line-height:1.3;min-width:0}.kc b{display:block;font-size:25px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.kc b .u{font-size:13px;font-weight:500;color:var(--mu);margin-inline-start:4px}.kc .dl{margin-top:4px}
.ki{width:40px;height:40px;border-radius:10px;background:var(--pt);color:var(--pr2);display:grid;place-items:center}.kc.e .ki{background:var(--gt);color:var(--gd)}.kc.n .ki{background:var(--ot);color:var(--ok)}.kc.w .ki{background:var(--wt);color:var(--wn)}
.dl{font-style:normal;font-size:12px;display:block;color:var(--mu)}.dl.up{color:var(--ok)}.dl.dn{color:var(--wn)}
.sp{position:absolute;inset-inline-end:16px;top:22px;width:84px;height:28px;stroke:var(--pr2);stroke-width:1.6;opacity:.8}.kc.w .sp{stroke:var(--wn)}.sp polyline{vector-effect:non-scaling-stroke}
.g2{display:grid;grid-template-columns:minmax(260px,1fr) 1.7fr;gap:14px;margin:14px 0}
.pl{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--ln);font-size:14px}.pl:last-child{border:0}.pl.t{font-weight:600;font-size:15px}
.chart{width:100%;height:auto}.chart rect,.chart text{stroke:none}.chart line{stroke:var(--ln);stroke-width:1}.chart text{fill:var(--mu);font-size:11px;font-family:"Inter",sans-serif}.chart .b1{fill:var(--pr)}.chart .b2{fill:var(--wn)}
.leg{display:flex;gap:18px;font-size:12.5px;color:var(--mu);margin-top:8px;justify-content:center}.leg i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:6px}
.row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 18px;margin-bottom:10px;flex-wrap:wrap}.row.clk{cursor:pointer;transition:.15s}.row.clk:hover{border-color:var(--pr)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;align-items:start}
.ap{padding:12px 14px;margin-bottom:10px;border-inline-start:3px solid var(--ln)}.ap b{font-weight:600}.ap.s_wait{border-inline-start-color:var(--gd)}.ap.s_chair{border-inline-start-color:var(--pr)}.ap.s_done{border-inline-start-color:var(--ok);opacity:.65}.ap.s_abs{border-inline-start-color:var(--wn);opacity:.65}
.st{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.st button{border:1px solid var(--ln);background:transparent;border-radius:6px;font-size:11.5px;padding:3px 8px;color:var(--mu)}.st button.on{background:var(--pr);border-color:var(--pr);color:#fff}
.q{display:flex;gap:10px;align-items:center;background:var(--wt);border:1px solid color-mix(in srgb,var(--wn) 40%,transparent);color:var(--wn);border-radius:10px;padding:10px 14px;margin-bottom:16px;font-weight:500}
.tag{display:inline-block;font-size:11.5px;padding:2px 9px;border-radius:6px;background:var(--pt);color:var(--pr2);font-weight:500;white-space:nowrap}.tag.w{background:var(--gt);color:var(--gd)}.tag.r{background:var(--wt);color:var(--wn)}.tag.g{background:var(--ot);color:var(--ok)}
.odo{display:flex;flex-direction:column;gap:6px}.tr{display:flex;gap:4px;justify-content:center}.th{flex:1;min-width:0;max-width:44px;background:none;border:0;padding:2px 0;font-size:10.5px;color:var(--mu);display:flex;flex-direction:column;align-items:center;gap:2px}
.th svg{width:100%;height:auto;max-height:36px;fill:var(--card);stroke:var(--mu);stroke-width:1.3}.th.lo svg{transform:scaleY(-1)}.th:hover svg{stroke:var(--pr2)}
.th.c1 svg{fill:#ef7d70}.th.c2 svg{fill:#5b8def}.th.c3 svg{fill:#f2b84b}.th.c4 svg{fill:#6b7688;opacity:.5}.th.c5 svg{fill:#4fc3b7}
.lg{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mu);margin-top:14px}.lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:5px;border:1px solid var(--ln)}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.gal img{width:100%;height:90px;object-fit:cover;border-radius:8px;border:1px solid var(--ln);cursor:zoom-in}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.chip{border:1px solid var(--ln);background:transparent;color:var(--mu);border-radius:8px;padding:5px 13px;font-size:13px}.chip:hover{color:var(--ink);background:var(--hv)}.chip.on{background:var(--pt);border-color:var(--pr);color:var(--pr2);font-weight:500}
dialog{border:1px solid var(--ln);border-radius:14px;padding:24px;width:min(440px,94vw);margin:auto;background:var(--card);color:var(--ink);box-shadow:0 30px 80px #0007}dialog::backdrop{background:#04070dbb;backdrop-filter:blur(2px)}
dialog.big{width:min(920px,96vw);padding:10px;position:relative}dialog.big img{width:100%;max-height:84vh;object-fit:contain;border-radius:8px}dialog.wide{width:min(720px,96vw);max-height:92vh;overflow-y:auto}
dialog h2{font-size:18px;font-weight:600;margin-bottom:16px}dialog label{display:block;font-size:13px;color:var(--mu);margin-bottom:14px}dialog label>*:not(:first-child){margin-top:6px;color:var(--ink)}.bar{display:flex;gap:8px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}
.derr{background:var(--wt);color:var(--wn);border:1px solid color-mix(in srgb,var(--wn) 40%,transparent);border-radius:8px;padding:9px 12px;font-size:13px;margin-top:14px}
.ln{display:flex;gap:6px;margin-bottom:8px;align-items:center}.ln input{min-width:0}.tot{display:flex;justify-content:space-between;padding:12px 0;font-weight:600;border-top:1px solid var(--ln);margin-top:8px}
.nv{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#000a;color:#fff;border:0;display:grid;place-items:center}.nv.l{inset-inline-start:14px}.nv.r{inset-inline-end:14px}.xc{position:absolute;top:14px;inset-inline-end:14px;background:#000a;color:#fff;border:0;border-radius:8px;padding:6px 10px;font-size:13px}
#toast{position:fixed;inset-inline:0;bottom:84px;margin:auto;width:max-content;max-width:90vw;background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:10px;display:none;z-index:9;font-size:13.5px}
.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.brandp{background:radial-gradient(900px 500px at 10% 100%,#1d3f9e55,transparent),#080d1a;color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-inline-end:1px solid #172036}
.brandp .logo{color:#fff;font-size:20px;padding:0}.brandp .logo svg{stroke:#78a6ff;width:30px;height:30px}.brandp h2{font-size:32px;font-weight:600;line-height:1.3;max-width:420px;letter-spacing:-.02em}
.fp{display:flex;align-items:center;justify-content:center;padding:32px}.fp form{width:min(380px,100%)}.fp h1{margin-bottom:6px}.fp label{display:block;margin-top:16px;font-size:13px;color:var(--mu)}.fp label input{margin-top:6px;color:var(--ink)}.fp .btn.p{width:100%;margin-top:24px;padding:11px;justify-content:center}
.err{color:var(--wn);font-size:13px;margin-top:12px;min-height:18px}
.lock{min-height:100vh;display:grid;place-items:center;padding:24px}.lock .card{max-width:480px;text-align:center;padding:40px 32px}.lock h1{margin:14px 0 10px}.lock p{color:var(--mu);margin-bottom:24px}.lock .big{font-size:28px;font-weight:700;color:var(--pr2);display:block;margin-bottom:22px}
.banner{background:var(--gt);color:var(--gd);padding:8px 32px;font-size:13px;text-align:center;border-bottom:1px solid var(--ln)}
.gd{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);margin-bottom:10px}.gd summary{padding:15px 20px;cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.gd summary::-webkit-details-marker{display:none}.gd summary:after{content:"+";font-size:20px;color:var(--mu);line-height:1}.gd[open] summary:after{content:"\2212"}.gd[open] summary{border-bottom:1px solid var(--ln)}
.gb{padding:8px 22px 20px}.gb ol{padding-inline-start:24px}.gb li{margin:10px 0;line-height:1.8}.tw{overflow-x:auto;margin:14px 0}.tw table{border-collapse:collapse;width:100%;font-size:14px}.tw th,.tw td{padding:10px 12px;border-bottom:1px solid var(--ln);text-align:start}.tw th{color:var(--mu);font-weight:500;font-size:12.5px}.tw td.yy{color:var(--ok);font-weight:500}.tw td.nn{color:var(--mu)}
.g2h{display:grid;grid-template-columns:1fr 1fr;gap:24px}.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:14px;flex:none;color:#fff}.mem{display:flex;align-items:center;gap:14px;min-width:0}.mem>div{min-width:0}
.al{padding:10px 0;border-bottom:1px solid var(--ln)}.al:last-child{border:0}.al h4{font-size:13px;margin-bottom:6px}
[dir=rtl] .flip{transform:scaleX(-1)}
#rc{display:none}@media print{:root,:root[data-theme=dark]{--ink:#000;--mu:#555;--bg:#fff;--card:#fff;--ln:#ccc}body{background:#fff}body>*:not(#rc){display:none}#rc{display:block;color:#000;font-family:inherit}}
@media(max-width:960px){.g2{grid-template-columns:1fr}}
@media(max-width:860px){.shell{grid-template-columns:1fr;padding-bottom:72px}aside{position:fixed;inset:auto 0 0 0;height:auto;flex-direction:row;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--ln);border-inline-end:0;z-index:6;overflow:visible}aside .logo,.me,.ng{display:none}aside nav{flex-direction:row;flex:1;gap:0;overflow-x:auto;scrollbar-width:none}
.ni{flex:1 0 64px;flex-direction:column;gap:3px;padding:7px 2px;font-size:10.5px;align-items:center;min-width:0}.ni span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top{padding:10px 16px;justify-content:center}.top b{display:none}#main{padding:20px 16px 32px}.banner{padding:8px 16px}.auth{grid-template-columns:1fr}.brandp{padding:28px;min-height:180px}.brandp h2{font-size:22px}.kpi{grid-template-columns:1fr 1fr}.kc{padding:14px}.kh{margin-bottom:10px}.kc b{font-size:19px}.kpi.k5{grid-template-columns:1fr 1fr}.sp{display:none}.g2h{grid-template-columns:1fr}h1{font-size:22px}}
:focus-visible{outline:2px solid var(--pr);outline-offset:2px}
html[lang=ar] body{font-size:15.5px;line-height:1.7}[dir=rtl] *{letter-spacing:0!important;text-transform:none!important}[dir=rtl] .kc b,[dir=rtl] .pl b,[dir=rtl] h1{font-family:"Inter","Cairo",sans-serif}
.rxprev{background:#fff;color:#000;border-radius:8px;padding:18px}.rxp{font-size:12pt;color:#000;display:flex;flex-direction:column;min-height:170mm;font-family:"Inter","Cairo",system-ui,sans-serif}.rxp .mu{color:#444}
.rxh{display:flex;gap:16px;align-items:center;border-bottom:2px solid #000;padding-bottom:10px}.rxh img{height:60px;max-width:120px;object-fit:contain}.rxc{flex:1;text-align:center;line-height:1.45}.rxc h2{font-size:15pt;margin:0}
.rxm{display:flex;justify-content:space-between;margin:14px 0}.rxr{font-size:26pt;font-weight:700;margin:4px 0 6px}.rxl{padding-inline-start:22px;flex:1}.rxl li{margin:10px 0}.rxn{white-space:pre-wrap;margin-top:10px}
.rxs{text-align:end;margin-top:30px}.rxf{border-top:1px solid #000;padding-top:8px;margin-top:20px;text-align:center;font-size:10pt}.qt{width:100%;border-collapse:collapse;margin:10px 0}.qt td{padding:7px 8px;border-bottom:1px solid #bbb}.qt td:not(:first-child){text-align:end;white-space:nowrap}.qt tfoot td{border-bottom:0;border-top:2px solid #000}

.gal .mu{grid-column:1/-1}.lh{display:flex;gap:6px;margin:4px 0 6px;padding-inline-end:40px}.lh span{font-size:12px;color:var(--mu);min-width:0}

.st a.wa{border:1px solid var(--ln);border-radius:6px;font-size:11.5px;padding:3px 8px;color:var(--ok);text-decoration:none}.st a.wa:hover{background:var(--ot)}.fgl{display:block;margin-top:16px;font-size:13px;color:var(--pr2);text-align:center;text-decoration:none}.banner.bk{background:var(--wt);color:var(--wn)}

.g2c{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}@media(max-width:960px){.g2c{grid-template-columns:1fr}}.gr2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pcf label{display:block;font-size:13px;color:var(--mu);margin-bottom:14px}.pcf label input{margin-top:6px;color:var(--ink)}

.sg{display:flex;justify-content:space-between;margin-top:60px;gap:30px}.sg div{flex:1;border-top:1px solid #000;padding-top:6px;text-align:center;font-size:10pt}.bdg{position:absolute;top:-6px;inset-inline-end:-6px;min-width:17px;height:17px;border-radius:9px;background:var(--wn);color:#fff;font-size:10.5px;display:grid;place-items:center;padding:0 4px;font-weight:600}