@font-face{font-family:Plex;src:url(/IBMPlexSansArabic-Regular.ttf)format("truetype");font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#17324d;--teal:#117c83;--blue:#3575a2;--sand:#e7dfd0;--bg:#f4f6f8;--ink:#253241;--line:#dfe6eb}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Plex,Arial,sans-serif;font-size:15px}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:22px;height:88px;padding:12px max(4vw,24px);display:flex}.brand{align-items:center;gap:18px;display:flex}.brand img{object-fit:contain;width:150px;height:56px}.brandcopy strong{color:var(--navy);font-size:19px;display:block}.brandcopy small{color:#678095;text-align:right;direction:ltr;display:block}.topactions{align-items:center;gap:10px;display:flex}.container{max-width:1320px;margin:auto;padding:34px 28px 70px}.hero{color:#fff;background:linear-gradient(115deg,#17324d,#25546b 68%,#117c83);border-radius:24px;min-height:260px;padding:44px 52px;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #ffffff3d;border-radius:50%;width:330px;height:330px;position:absolute;top:-90px;left:-50px;box-shadow:0 0 0 56px #ffffff0c,0 0 0 112px #ffffff08}.hero .eyebrow{color:#b0e1df;font-size:13px}.hero h1{margin:12px 0;font-size:clamp(30px,3vw,46px)}.hero p{color:#e5f2f3;max-width:690px;line-height:1.9}.sectiontitle{justify-content:space-between;align-items:end;margin:32px 0 16px;display:flex}.sectiontitle h2{color:var(--navy);margin:0;font-size:23px}.sectiontitle p{color:#6d7c88;margin:4px 0 0}.groupgrid,.gategrid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:17px;box-shadow:0 8px 30px #17324d08}.groupcard{text-align:right;min-height:168px;padding:24px;transition:all .2s}.groupcard:hover,.doccard:hover{transform:translateY(-2px);box-shadow:0 12px 35px #17324d18}.roundicon{width:44px;height:44px;color:var(--teal);background:#eaf5f4;border-radius:13px;place-items:center;font-size:23px;display:grid}.groupcard h3{margin:15px 0 6px;font-size:18px}.groupcard span,.muted{color:#78909c;font-size:13px}.btn{background:var(--teal);color:#fff;white-space:nowrap;border:0;border-radius:10px;padding:11px 18px}.btn:hover{background:#08656b}.btn.secondary{color:var(--navy);background:#e9f0f3}.btn.ghost{border:1px solid var(--line);color:var(--navy);background:#fff}.btn.danger{color:#ac3e3e;background:#fff0ef}.btn.small{padding:7px 12px;font-size:13px}.iconbtn{color:var(--navy);background:#eef4f6;border:0;border-radius:9px;padding:10px 14px}.loginbox{max-width:500px;margin:70px auto;padding:35px}.loginbox h1{margin:0 0 6px}.loginbox p{color:#71818a}.field{margin:16px 0;display:block}.field span{color:#34485a;margin-bottom:7px;font-weight:600;display:block}.field input,.field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d5e0e6;border-radius:10px;outline:none;padding:11px 13px;display:block}.field textarea{resize:vertical;min-height:92px;line-height:1.75}.field input:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #117c831b}.error{color:#b23b42;background:#fff1f2;border-radius:8px;padding:10px}.success{color:#10756d;background:#eaf7f2;border-radius:8px;padding:10px}.breadcrumb{color:#738896;margin-bottom:13px;font-size:13px}.breadcrumb button{color:var(--teal);background:0 0;border:0;padding:0 3px}.pagehead{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.pagehead h1{color:var(--navy);margin:0;font-size:27px}.pagehead p{color:#71818a;margin:6px 0}.progress{background:#e7ecee;border-radius:20px;height:7px;overflow:hidden}.progress b{background:var(--teal);border-radius:20px;height:100%;display:block}.statrow{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.stat{padding:19px 23px}.stat strong{color:var(--navy);margin-top:8px;font-size:29px;display:block}.stat span{color:#7a8a94;font-size:13px}.gategrid{grid-template-columns:repeat(5,1fr)}.gatecard{cursor:pointer;min-height:184px;padding:19px}.gatecard h3{color:var(--navy);margin:14px 0 5px;font-size:16px}.gatecard p{color:#778995;text-align:right;direction:ltr;margin:0 0 16px;font-size:12px}.badge{color:#0d777c;background:#e9f4f3;border-radius:20px;padding:4px 10px;font-size:12px;display:inline-block}.badge.pending{color:#80919d;background:#eff2f5}.badge.active{color:#ab7627;background:#fff5e7}.doclist{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.doccard{cursor:pointer;align-items:center;gap:17px;padding:20px;transition:all .2s;display:flex}.docnum{color:#b9ced0;font-size:26px;font-weight:700}.doccard h3{color:var(--navy);margin:0;font-size:16px}.doccard small{color:#84949d;text-align:right;direction:ltr;display:block}.doccard .badge{white-space:nowrap;margin-right:auto}.editor{grid-template-columns:minmax(0,1fr) 290px;gap:22px;display:grid}.formpanel{padding:28px}.formpanel h2{color:var(--navy);border-bottom:1px solid var(--line);margin:0 0 20px;padding-bottom:12px;font-size:18px}.sidepanel{height:max-content;padding:22px;position:sticky;top:20px}.sidepanel h3{margin:0 0 13px}.sidepanel p{color:#71818a;font-size:13px;line-height:1.7}.tablewrap{border:1px solid var(--line);border-radius:10px;margin:12px 0 16px;overflow:auto}.datatbl{border-collapse:collapse;width:100%;min-width:620px}.datatbl th,.datatbl td{border-bottom:1px solid var(--line);text-align:right;vertical-align:top;padding:10px}.datatbl th{background:#f3f7f8;font-size:13px}.datatbl input,.datatbl textarea{resize:vertical;border:1px solid #d9e2e7;border-radius:7px;width:100%;min-width:100px;padding:8px}.rowactions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.actionrow{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.story{border:1px solid var(--line);background:#fafdfe;border-radius:12px;margin:14px 0;padding:18px}.storyhead{justify-content:space-between;align-items:center;display:flex}.storyhead h3{color:var(--navy);margin:0}.fieldgrid{grid-template-columns:repeat(2,1fr);gap:0 16px;display:grid}.checkline{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:9px;margin:7px 0;padding:9px;display:flex}.checkline input{accent-color:var(--teal)}.chartbox{border:1px solid var(--line);background:#fff;border-radius:12px;margin:17px 0;padding:17px}.chartbox svg{width:100%;height:260px;overflow:visible}.chartbox p{color:#788997;font-size:13px}.trainergrid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.trainercard{padding:24px}.trainercard h3{margin:0 0 6px}.trainercard .gatebars{grid-template-columns:repeat(5,1fr);gap:6px;margin:18px 0;display:grid}.trainercard .gatebars div{background:#e9f1f3;border-radius:5px;height:42px;position:relative;overflow:hidden}.trainercard .gatebars i{background:#91c8c8;width:100%;position:absolute;bottom:0;right:0}.trainercard .gatebars span{z-index:1;text-align:center;padding:10px 0;font-size:11px;display:block;position:relative}.notice{color:#39767a;border-right:3px solid var(--teal);background:#eef6f6;border-radius:7px;padding:15px 18px;font-size:13px;line-height:1.8}.footer{text-align:center;color:#8898a0;padding:30px;font-size:12px}.roadmap{flex-wrap:wrap;gap:8px;display:flex}.milestone{background:#f6fafb;border:1px solid #c7d9de;border-radius:10px;min-width:145px;padding:13px}.milestone strong{color:var(--navy);display:block}.milestone span{color:#83949b;font-size:12px}.saving{color:#78909c;font-size:12px}@media (max-width:1000px){.gategrid{grid-template-columns:repeat(3,1fr)}.groupgrid{grid-template-columns:repeat(2,1fr)}.editor{grid-template-columns:1fr}.sidepanel{position:static}}@media (max-width:650px){.topbar{height:auto;padding:12px 16px}.brand img{width:96px;height:40px}.brandcopy strong{font-size:14px}.brandcopy small{font-size:10px}.container{padding:20px 14px 60px}.hero{padding:30px 24px}.groupgrid,.gategrid,.doclist,.statrow,.trainergrid{grid-template-columns:1fr}.pagehead{flex-direction:column;align-items:start}.formpanel{padding:18px}.fieldgrid{grid-template-columns:1fr}}