body{margin:0;background:#f4f6fa}a{color:#1d3fd6}a:hover{color:#1631b0}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.app{--bg:#F4F6FA;--card:#FFFFFF;--soft:#F1F4F9;--soft2:#FAFBFD;--line:#E3E8F1;--line2:#EDF0F5;--ink:#132033;--ink2:#36435A;--mut:#5A6578;--pri:#1D3FD6;--priH:#1631B0;--onPri:#FFFFFF;--priSoft:#ECF0FF;--priLine:#C9D3FB;--navy:#0B1530;--navy2:#15224A;--navyTxt:#B9C6E6;--sky:#30C2FD;--okBg:#E4F4EC;--okTx:#106B43;--warnBg:#FFF3DE;--warnTx:#875200;--badBg:#FCEBEA;--badTx:#A3231A;--muteBg:#EEF1F6;--muteTx:#475265;--red:#C42B1C;--green:#16A34A;--amber:#C77700;--shadow:0 16px 40px rgba(11,21,48,.12);--sh1:0 1px 2px rgba(11,21,48,.05);background:var(--bg);color:var(--ink)}.app.dark{--bg:#0F1622;--card:#161F2D;--soft:#1C2637;--soft2:#192331;--line:#29354A;--line2:#222D3F;--ink:#E6EBF3;--ink2:#C2CBD9;--mut:#9AA5B7;--pri:#7C95FF;--priH:#9DB0FF;--onPri:#0F1622;--priSoft:#1D2B46;--priLine:#30456F;--navy:#0B1530;--navy2:#1C3766;--navyTxt:#B6C4E2;--okBg:#153829;--okTx:#7FDAAB;--warnBg:#3A2C12;--warnTx:#F1C46C;--badBg:#3C1D1B;--badTx:#F49E96;--muteBg:#232E40;--muteTx:#B3BDCC;--red:#E5534B;--green:#3CCB7F;--amber:#E5A43A;--shadow:0 16px 40px rgba(0,0,0,.5);--sh1:none;--sky:#30C2FD}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--sh1);display:flex;flex-direction:column;gap:12px;min-width:0;box-sizing:border-box}.row{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}.col{display:flex;flex-direction:column;gap:14px;min-width:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--sh1);display:flex;flex-direction:column;gap:4px}.kl{font-size:12px;color:var(--mut)}.kv{font-size:24px;font-weight:700;color:var(--ink)}.kn{font-size:12px;color:var(--pri)}.h2{margin:0;font-size:16px;font-weight:700;color:var(--ink)}.muted{color:var(--mut);font-size:12px}.txt{font-size:14px;line-height:1.85;color:var(--ink2)}.lbl{font-size:13px;font-weight:600;color:var(--ink)}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:9px 14px;font-size:13px;min-height:40px;white-space:nowrap}.btn:hover{background:var(--soft)}.btnp{border:none;background:var(--pri);color:var(--onPri);border-radius:9px;padding:10px 16px;font-size:13px;font-weight:600;min-height:42px;white-space:nowrap}.btnp:hover{background:var(--priH)}.btnai{border:1px solid var(--priLine);background:var(--priSoft);color:var(--pri);border-radius:9px;padding:9px 14px;font-size:13px;font-weight:600;min-height:40px;white-space:nowrap}.btnx{border:none;background:transparent;color:var(--pri);font-size:13px;min-height:36px;padding:6px 8px}.btnsm{min-height:34px;padding:6px 10px;font-size:12px}.in{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;background:var(--card);min-height:42px;box-sizing:border-box;color:var(--ink);min-width:0}.in:focus,.ta:focus{outline:2px solid var(--priLine);border-color:var(--pri)}.ta{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;background:var(--card);color:var(--ink);box-sizing:border-box;width:100%;min-height:120px;line-height:1.8;resize:vertical}.ai{background:var(--priSoft);border:1px solid var(--priLine);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.aitag{font-size:12px;color:var(--pri);font-weight:700}.dark{background:var(--navy);color:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px}.scroll{overflow-x:auto;position:relative}.tbl{width:100%;border-collapse:collapse;font-size:14px;color:var(--ink)}.tbl th{text-align:start;color:var(--mut);font-size:12px;font-weight:600;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:11px 10px;border-bottom:1px solid var(--line2);vertical-align:middle}.p{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.ok{background:var(--okBg);color:var(--okTx)}.warn{background:var(--warnBg);color:var(--warnTx)}.bad{background:var(--badBg);color:var(--badTx)}.info{background:var(--priSoft);color:var(--pri)}.mute{background:var(--muteBg);color:var(--muteTx)}.chip{border:1px solid var(--line);border-radius:99px;padding:8px 14px;font-size:13px;min-height:38px;background:var(--card);color:var(--ink);white-space:nowrap}.chip.on{border-color:var(--ink);background:var(--ink);color:var(--card);font-weight:600}.nav{display:flex;gap:10px;align-items:center;text-align:start;border:none;border-radius:9px;padding:8px 10px;font-size:14px;min-height:40px;background:transparent;color:var(--ink2);width:100%}.nav:hover{background:var(--soft)}.nav.on{background:var(--priSoft);color:var(--pri);font-weight:700;box-shadow:inset -3px 0 0 var(--sky)}[dir=ltr] .nav.on{box-shadow:inset 3px 0 0 var(--sky)}.nav svg{flex-shrink:0;stroke:currentColor}.nav.sub{padding-inline-start:22px;min-height:36px;font-size:13.5px}.navh{display:flex;gap:8px;align-items:center;border:none;background:transparent;color:var(--mut);font-size:12px;font-weight:700;padding:8px 10px 6px;min-height:34px;width:100%;border-radius:8px}.navh:hover{background:var(--soft);color:var(--ink)}.navh.cur{color:var(--pri)}.navh svg{stroke:currentColor;flex-shrink:0}.badge{font-size:11px;font-weight:700;background:var(--red);color:#fff;border-radius:99px;padding:1px 7px;margin-inline-start:auto}.bar{height:8px;background:var(--soft);border-radius:99px;overflow:hidden}.barin{height:100%;background:var(--pri);border-radius:99px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.av{width:36px;height:36px;border-radius:99px;background:var(--priSoft);color:var(--pri);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.li{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line2)}.box{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--soft2);color:var(--ink)}.tile{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:22px;display:flex;flex-direction:column;gap:12px;text-align:start;color:var(--ink);min-height:200px;box-sizing:border-box}.tile:hover{border-color:var(--pri);box-shadow:var(--shadow)}.step{border-radius:99px;padding:7px 12px;font-size:12px;font-weight:600;min-height:34px;border:1px solid var(--line);background:var(--card);color:var(--muteTx)}.step.on{background:var(--okBg);color:var(--okTx);border-color:transparent}.pm{width:36px;height:36px;border-radius:8px;font-weight:700;font-size:14px;background:var(--card);color:var(--mut);border:1px solid var(--line)}.pm.on{background:var(--okBg);color:var(--okTx);border-color:transparent}.tg{border:1px solid var(--line);border-radius:99px;padding:8px 14px;font-size:13px;min-height:38px;min-width:76px;background:var(--card);color:var(--muteTx)}.tg.on{border-color:var(--pri);background:var(--pri);color:var(--onPri);font-weight:600}.msg{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:12px;max-width:560px;background:var(--soft);color:var(--ink)}.msg.me{background:var(--priSoft)}.msg.bot{background:var(--card);border:1px solid var(--priLine)}.pop{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column}.lock{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mut);background:var(--soft);border-radius:99px;padding:5px 10px}.wk{display:flex;align-items:flex-end;gap:4px;height:34px}.wkb{width:12px;border-radius:3px;background:var(--pri);opacity:.85}.cal{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:10px;min-width:1080px}.cday{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:260px}.cday.today{border-color:var(--sky);box-shadow:0 0 0 1px var(--sky)}.cpost{display:flex;flex-direction:column;gap:4px;text-align:start;border:1px solid var(--line);background:var(--soft2);border-radius:10px;padding:8px 10px;color:var(--ink);font-size:13px;width:100%}.cpost:hover{border-color:var(--pri)}.cpost.empty{border-style:dashed;background:transparent;color:var(--mut)}.cpost.sel{border-color:var(--pri);box-shadow:0 0 0 2px var(--priLine)}.thumb{width:96px;height:96px;border-radius:10px;overflow:hidden;background:var(--soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover;display:block}.lin{width:100%;box-sizing:border-box;min-height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.28);background:#ffffff1a;color:#fff;font-size:15px;padding:12px 16px}.lin::placeholder{color:#ffffffa6}.lin:focus{outline:2px solid #30C2FD;border-color:#30c2fd;background:#ffffff29}.tbl tr.tr-sel td{background:var(--priSoft)}.card.jsel,.box.csel{border-color:var(--pri);box-shadow:0 0 0 2px var(--priLine)}.mnav{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);align-items:center;justify-content:center}#osroot[lang=en]{overflow-wrap:anywhere}.app.zs{zoom:.92}.app.zl{zoom:1.1}@page{size:A4;margin:0}body{margin:0}#offdoc{box-shadow:none!important}html,body,#root{height:100%}body{font-family:IBM Plex Sans Arabic,Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased}[lang=en] body{font-family:Poppins,IBM Plex Sans Arabic,system-ui,sans-serif}.app{min-height:100%;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px;color:var(--ink);text-decoration:none;font-family:Poppins,sans-serif}.spacer{flex:1}.iconbtn{width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.body{display:flex;flex:1;min-height:0}.side{width:248px;flex:none;border-inline-end:1px solid var(--line);background:var(--card);padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;position:sticky;top:63px;height:calc(100vh - 63px);box-sizing:border-box}main{flex:1;min-width:0;padding:22px 24px 80px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.ptitle{margin:0;font-size:24px;font-weight:700;color:var(--ink)}.between{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.chips{display:flex;gap:6px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.empty{color:var(--mut);font-size:14px;padding:18px 0;text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b153073;z-index:70;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:100%;max-height:92vh;overflow:auto}.toasts{position:fixed;bottom:20px;inset-inline-start:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:90}[dir=rtl] .toasts{transform:translate(50%)}.toast{background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;box-shadow:var(--shadow);max-width:90vw}.toast.bad{background:var(--red)}.clock{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:13px}.dot{width:8px;height:8px;border-radius:99px;background:var(--mut)}.dot.on{background:var(--green)}.dot.brk{background:var(--amber)}.me{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:4px 10px 4px 4px;background:var(--card);color:var(--ink)}.stepper{display:flex;gap:6px;flex-wrap:wrap}.stepper .s{font-size:12px;border-radius:99px;padding:6px 10px;border:1px solid var(--line);background:var(--card);color:var(--muteTx)}.stepper .s.done{background:var(--okBg);color:var(--okTx);border-color:transparent}.stepper .s.cur{background:var(--pri);color:var(--onPri);border-color:transparent;font-weight:700}.rowlink{cursor:pointer}.rowlink:hover td{background:var(--soft2)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0806e7,#1d3fd6 45%,#30c2fd);padding:20px}.login .card{width:380px;max-width:100%;gap:14px}.mnav{display:none}@media (max-width:860px){.side{display:none;position:fixed;top:63px;inset-inline:0;width:auto;z-index:30;height:calc(100vh - 63px)}.side.open{display:flex}.mnav{display:inline-flex}main{padding:14px 14px 80px}.hide-m{display:none!important}.kv{font-size:20px}}a.nav,a.chip,a.btn,a.btnx,a.li{text-decoration:none}a.btn{display:inline-flex;align-items:center}details summary{cursor:pointer;list-style:none}