:root{--gdark:#1e5c20;--g1:#2d7a31;--g2:#3d9442;--tint:#e8f5e9;--bg:#f7f8f7;--ink:#111;--muted:#4a6a4b;--soft:#5a7a5b;--line:#d4e8d4;--amber:#d4820a;--red:#b23b2e;--dark:#0d2e0e;--heroGreen:#7cc97f;--heroText:#a8d4aa;--heroKick:#8ecf91}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:#fff;color:var(--ink);font-family:Outfit,Tahoma,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}html[data-lang=ar] body{font-family:Tajawal,Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.serif{font-family:Fraunces,serif;font-weight:300}html[data-lang=ar] .serif{font-family:Tajawal,sans-serif;font-weight:800}.cont{max-width:1100px;margin:0 auto;padding:0 32px}.av{border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none}.kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--g1);font-weight:700;margin-bottom:10px}html[data-lang=ar] .kicker{letter-spacing:0}.nav2{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:50}.nav2 .in{max-width:1100px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;gap:16px}.nav2 .brand{display:flex;align-items:center;gap:12px}.nav2 .brand img{height:40px;width:40px;object-fit:contain}.nav2 .brand .nm{font-family:Fraunces,serif;font-size:17px;font-weight:500;color:var(--gdark);line-height:1.1}html[data-lang=ar] .nav2 .brand .nm{font-family:Tajawal,sans-serif;font-weight:800}.nav2 .brand .sub{font-size:10px;color:#6a8c6b;letter-spacing:.12em;text-transform:uppercase}html[data-lang=ar] .nav2 .brand .sub{letter-spacing:0}.nav2 .links{display:flex;gap:28px;font-size:14px;margin-inline-start:24px}.nav2 .links a{color:var(--muted);font-weight:500}.nav2 .links a:hover{color:var(--g1)}.nav2 .sp{margin-inline-start:auto}.nav2 .cta{background:var(--g1);color:#fff;padding:9px 22px;border-radius:2px;font-size:14px;font-weight:600}.nav2 .cta:hover{background:var(--gdark)}.nav2 .me{display:flex;align-items:center;gap:8px}.nav2 .me .nm2{font-size:12px;line-height:1.1;text-align:end;color:var(--muted)}.nav2 .out{background:none;border:none;color:var(--muted);font-size:13px;font-weight:500}.langtg{display:inline-flex;border:1px solid var(--line);border-radius:2px;overflow:hidden}.langtg button{border:none;background:#fff;padding:6px 12px;font-weight:700;font-size:12.5px;color:var(--g1)}.langtg button[aria-pressed=true]{background:var(--g1);color:#fff}.hero2{background:var(--gdark);color:#fff;padding-top:64px;position:relative;overflow:hidden}.hero2:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 70% 40%,rgba(61,148,66,.25) 0%,transparent 60%);pointer-events:none}.hero2 .in{max-width:1100px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 380px;gap:64px;align-items:end;position:relative}.hero2 .copy{padding-bottom:64px}.hero2 .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:26px}.hero2 .eyebrow img{height:52px;width:52px;object-fit:contain}.hero2 .eyebrow span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--heroKick);font-weight:600}html[data-lang=ar] .hero2 .eyebrow span{letter-spacing:0}.hero2 h1{font-family:Fraunces,serif;font-size:clamp(40px,5vw,64px);font-weight:300;line-height:1.05;margin:0 0 22px;color:#fff}html[data-lang=ar] .hero2 h1{font-family:Tajawal,sans-serif;font-weight:800}.hero2 h1 em{color:var(--heroGreen);font-style:normal}.hero2 .lead{font-size:18px;color:var(--heroText);line-height:1.7;max-width:520px;margin-bottom:36px}.hero2 .btns{display:flex;gap:12px;flex-wrap:wrap}.hero2 .b1{background:var(--heroGreen);color:var(--gdark);padding:14px 30px;border-radius:2px;font-weight:700;font-size:15px}.hero2 .b1:hover{background:#a5dca7}.hero2 .b2{border:1px solid rgba(255,255,255,.25);color:#fff;padding:14px 30px;border-radius:2px;font-weight:500;font-size:15px}.syscard{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px 4px 0 0;padding:28px 28px 0}.syscard .t{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--heroKick);margin-bottom:16px}html[data-lang=ar] .syscard .t{letter-spacing:0}.syscard .chips{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:28px}.chip2{background:#7cc97f26;border:1px solid rgba(124,201,127,.25);color:#b4e0b6;border-radius:2px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-block}a.chip2:hover{background:#7cc97f4d;color:#fff}.amberbar{background:var(--amber)}.amberbar p{max-width:1100px;margin:0 auto;padding:18px 32px;color:#fff;font-size:15px;font-weight:600;text-align:center;letter-spacing:.03em}html[data-lang=ar] .amberbar p{letter-spacing:0}section.s{padding:72px 0}section.s.gray{background:var(--bg)}section.s.tinted{background:var(--tint);border-top:1px solid var(--line)}.sh{display:flex;align-items:center;margin:0 0 16px}.sh h2{font-family:Fraunces,serif;font-size:clamp(28px,3.5vw,44px);font-weight:300;color:var(--ink);line-height:1.1;margin:0}html[data-lang=ar] .sh h2{font-family:Tajawal,sans-serif;font-weight:800}.sh h2 em{font-style:normal;color:var(--g1)}.sh .see{margin-inline-start:auto;color:var(--g1);font-weight:700;font-size:14px}.secsub{font-size:16px;color:var(--muted);max-width:540px;line-height:1.6;margin:14px 0 40px}.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.modcard{border:1px solid var(--line);border-radius:4px;padding:26px 24px;background:#fff;display:block;position:relative;transition:all .2s}.modcard:hover{border-color:var(--g2);background:var(--tint)}.modcard .ic{font-size:32px;margin-bottom:12px}.modcard h4{font-family:Fraunces,serif;font-size:18px;font-weight:500;color:var(--gdark);margin:0 0 12px}html[data-lang=ar] .modcard h4{font-family:Tajawal,sans-serif;font-weight:700}.modcard ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.modcard li{display:flex;align-items:center;gap:8px;font-size:13px;color:#3a5a3b}.modcard li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--g2);flex-shrink:0}.modcard .soon{position:absolute;top:14px;inset-inline-end:14px;background:var(--amber);color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:2px}html[data-lang=ar] .modcard .soon{letter-spacing:0}.modcard .badge{position:absolute;top:14px;inset-inline-end:14px;background:#c0392b;color:#fff;border-radius:999px;min-width:22px;height:22px;font-size:.72rem;display:flex;align-items:center;justify-content:center;font-weight:800;padding:0 6px}.newsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.ncard{border:1px solid var(--line);border-radius:4px;background:#fff;overflow:hidden;transition:all .2s}.ncard:hover{border-color:var(--g2)}.ncard .thumb{height:96px;padding:12px;position:relative;font-size:2rem;color:#fff}.ncard .tag{position:absolute;bottom:10px;inset-inline-start:12px;background:#ffffffed;color:#333;font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 9px;border-radius:2px;text-transform:uppercase}html[data-lang=ar] .ncard .tag{letter-spacing:0}.ncard .bd{padding:16px 18px}.ncard h4{font-family:Fraunces,serif;font-size:17px;font-weight:500;margin:0 0 6px;color:var(--ink)}html[data-lang=ar] .ncard h4{font-family:Tajawal,sans-serif;font-weight:700}.ncard .x{color:var(--muted);font-size:13.5px;line-height:1.55}.ncard .mt{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--soft)}.recgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.rcard{border:1px solid var(--line);border-radius:4px;background:#fff;padding:22px 20px;text-align:center;position:relative;overflow:hidden;transition:all .2s}.rcard:hover{border-color:var(--g2)}.rcard .top{position:absolute;top:0;left:0;right:0;height:4px;background:var(--g2)}.rcard .av{margin:6px auto 10px}.rcard h4{font-family:Fraunces,serif;font-size:16px;font-weight:500;margin:0;color:var(--gdark)}html[data-lang=ar] .rcard h4{font-family:Tajawal,sans-serif;font-weight:700}.rcard .note{margin-top:9px;font-size:13px;background:var(--tint);border-radius:2px;padding:8px 10px;color:#3a5a3b}.rcard .byline{margin-top:8px;font-size:11.5px;color:var(--soft)}.accessgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:2px}.acc{background:#fff;padding:24px 18px;text-align:center;border-radius:2px}.acc .ic{font-size:26px;margin-bottom:10px}.acc .t{font-weight:700;font-size:14px;color:var(--gdark);margin-bottom:4px}.acc .s2{font-size:12px;color:var(--soft)}.footer2{background:var(--dark);padding:30px 0;border-top:1px solid rgba(255,255,255,.06)}.footer2 .in{max-width:1100px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer2 .l{display:flex;align-items:center;gap:10px}.footer2 .l img{height:32px;width:32px;object-fit:contain}.footer2 .l span{font-family:Fraunces,serif;font-size:16px;color:var(--heroKick)}html[data-lang=ar] .footer2 .l span{font-family:Tajawal,sans-serif}.footer2 .r{font-size:12px;color:var(--muted)}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.brandside{background:var(--gdark);color:#fff;padding:56px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.brandside:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 70% 40%,rgba(61,148,66,.25) 0%,transparent 60%)}.brandside>*{position:relative}.brandside .lg{background:#fff;border-radius:4px;padding:10px;width:76px;height:76px;display:flex;align-items:center;justify-content:center}.brandside .lg img{width:100%}.brandside h1{font-family:Fraunces,serif;font-size:clamp(38px,4vw,56px);margin:26px 0 6px;font-weight:300;line-height:1.05}html[data-lang=ar] .brandside h1{font-family:Tajawal,sans-serif;font-weight:800}.brandside h1 em{color:var(--heroGreen);font-style:normal}.brandside p{font-size:17px;color:var(--heroText);max-width:400px;line-height:1.7}.brandside .feat{margin-top:30px;display:flex;flex-direction:column;gap:12px}.brandside .feat div{display:flex;gap:10px;align-items:center;color:var(--heroText)}.brandside .feat .d{width:26px;height:26px;border-radius:2px;background:#ffffff24;display:flex;align-items:center;justify-content:center;font-size:.9rem}.signside{display:flex;align-items:center;justify-content:center;padding:40px;background:#fff}.signcard{width:100%;max-width:380px}.signcard h2{font-family:Fraunces,serif;font-size:1.9rem;font-weight:400;margin:0 0 4px;color:var(--ink)}html[data-lang=ar] .signcard h2{font-family:Tajawal,sans-serif;font-weight:800}.signcard .m{color:var(--muted);margin:0 0 28px}.msbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--g1);color:#fff;border:none;border-radius:2px;padding:15px;font-size:1.02rem;font-weight:700}.msbtn:hover{background:var(--gdark)}.msbtn .msq{display:grid;grid-template-columns:9px 9px;grid-template-rows:9px 9px;gap:2px}.msbtn .msq i{display:block}.msbtn .r{background:#f25022}.msbtn .g{background:#7fba00}.msbtn .b{background:#00a4ef}.msbtn .y{background:#ffb900}.signcard .hint{color:var(--muted);font-size:.88rem;margin-top:14px;text-align:center}.pagebar{background:#fff;border-bottom:1px solid var(--line);padding:12px 0;position:sticky;top:0;z-index:9}.card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:22px}.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.f{display:flex;flex-direction:column;gap:4px}.f.full,.vgrid .full{grid-column:1/-1}.f label{font-weight:600;font-size:.86rem;color:var(--ink)}.f input,.f select,.f textarea,.vform input,.vform select,.vform textarea{font:inherit;padding:.55rem .65rem;border:1px solid #b9ccb9;border-radius:2px;background:#fff}.f input:focus,.f select:focus,.f textarea:focus,.vform input:focus,.vform textarea:focus,.vform select:focus{outline:2px solid var(--g2);border-color:var(--g2)}.f input[readonly]{background:var(--bg);color:#555}.f textarea,.vform textarea{min-height:56px;resize:vertical}.vform{display:flex;flex-direction:column;gap:12px}.vform label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.86rem}.cond{background:#fff8e8;border:1px dashed var(--amber);border-radius:2px;padding:10px 12px}.cond .lbl{font-weight:700;color:#8a5800;font-size:.82rem;margin-bottom:6px}.help{color:var(--soft);font-size:.8rem;margin-top:4px}.route{font-size:.84rem;color:#8a5800;background:#fff8e8;border-radius:2px;padding:.5rem .7rem}.yn{display:flex;gap:16px;align-items:center;min-height:38px}.bencount{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;align-items:end}.bencount .tot{font-weight:800;color:var(--g1);padding:.3rem .6rem;background:var(--tint);border-radius:2px;text-align:center}.formfoot{display:flex;gap:8px;margin-top:10px}.btn{border:none;border-radius:2px;padding:.62rem 1.35rem;font-weight:700;font-size:.9rem;background:var(--g1);color:#fff}.btn:hover{background:var(--gdark)}.btn.ghost{background:#fff;color:var(--g1);border:1px solid #b9ccb9}.btn.ghost:hover{border-color:var(--g2);background:var(--tint)}.btn.sm{padding:.4rem .8rem;font-size:.83rem}.btn.ok{background:var(--g2)}.btn.ret{background:#fff;color:var(--amber);border:1px solid var(--amber)}.btn.closeb{background:#6d6d64}.btn:disabled{opacity:.6;cursor:default}.rrow{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:4px;margin-bottom:10px;background:#fff}.rrow .no{font-weight:800;font-size:.78rem;color:var(--g1);letter-spacing:.04em}.rrow .ti{font-weight:600}.rrow .meta{color:var(--soft);font-size:.8rem}.rrow .st{margin-inline-start:auto;text-align:end;flex:none}.closedrow{opacity:.62}.pill{display:inline-block;padding:2px 10px;border-radius:2px;font-size:.72rem;font-weight:700;color:#fff;letter-spacing:.03em}.b-sub{background:var(--amber)}.b-app{background:var(--g2)}.b-clo{background:#8a8a80}.b-ret{background:var(--red)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.tile{background:#fff;border:1px solid var(--line);border-radius:4px;padding:14px;text-align:center}.tile .n{font-family:Fraunces,serif;font-size:1.9rem;font-weight:400;color:var(--g1)}html[data-lang=ar] .tile .n{font-family:Tajawal,sans-serif}.tile .l{font-size:.78rem;color:var(--soft)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters select{font:inherit;padding:.45rem .55rem;border:1px solid #b9ccb9;border-radius:2px;background:#fff}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d2e0e80;display:none;align-items:flex-start;justify-content:center;padding:24px;overflow:auto;z-index:50}.modal.on{display:flex}.sheet{background:#fff;border-radius:4px;max-width:640px;width:100%;padding:22px}.kv{display:grid;grid-template-columns:160px 1fr;gap:4px 12px;font-size:.88rem;margin:12px 0}.kv div:nth-child(odd){color:var(--soft)}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--gdark);color:#fff;padding:.7rem 1.3rem;border-radius:2px;box-shadow:0 8px 22px #0000004d;z-index:99}.empty{background:#fff;border:1px dashed var(--line);border-radius:4px;padding:28px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}.empty .eic{font-size:2rem}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #b9ccb9;border-radius:2px;padding:11px 16px;color:var(--muted)}.search input{border:none;outline:none;font:inherit;flex:1;color:var(--ink);background:transparent}.team{display:grid;gap:12px}.pcard{background:#fff;border:1px solid var(--line);border-radius:4px;padding:14px 16px;display:flex;align-items:center;gap:12px}.pcard h4{margin:0;font-size:1rem}.pcard .r{color:var(--g1);font-weight:600;font-size:.82rem}.pcard .info{color:var(--soft);font-size:.78rem}.stepper{display:flex;align-items:flex-start;margin:14px 0 8px}.step{flex:1;text-align:center;position:relative;font-size:.72rem;color:var(--soft)}.step .dot{width:30px;height:30px;border-radius:50%;background:#e2e8e2;color:#7a8c7a;display:flex;align-items:center;justify-content:center;margin:0 auto 6px;font-weight:800;font-size:.8rem;border:3px solid #fff;box-shadow:0 0 0 1px var(--line);position:relative;z-index:1}.step.done .dot{background:var(--g2);color:#fff}.step.cur .dot{background:var(--g1);color:#fff;box-shadow:0 0 0 4px #2d7a312e}.step.cur{color:var(--g1);font-weight:700}.step:before{content:"";position:absolute;top:15px;inset-inline-start:-50%;width:100%;height:3px;background:#e2e8e2}.step:first-child:before{display:none}.step.done:before,.step.cur:before{background:var(--g2)}@media (max-width:900px){.hero2 .in{grid-template-columns:1fr;gap:0}.syscard{border-radius:4px}.login{grid-template-columns:1fr}.nav2 .links{display:none}}@media (max-width:640px){.vgrid,.kv{grid-template-columns:1fr}.bencount{grid-template-columns:repeat(2,1fr)}.tiles{grid-template-columns:1fr 1fr}.cont,.nav2 .in,.hero2 .in,.amberbar p,.footer2 .in{padding-left:18px;padding-right:18px}}.sh .btn.see,.btn.see{color:#fff}.banner-due{background:#fff8e8;border:1px solid var(--amber);border-radius:4px;padding:10px 14px;margin:0 0 14px;color:#8a5800;font-weight:600;font-size:.9rem}.bencount{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.bencount input{width:100%;min-width:0}.vgrid .f{min-width:0}.vgrid .f input,.vgrid .f select,.vgrid .f textarea{width:100%;min-width:0}