:root{--g9:#224018;--g7:#355f27;--g5:#4a8035;--g3:#8EC75D;--g1:#E8F3DA;--bg:#F4F9EC;--tx:#224018;--mut:#55704a;--bd:#D3E6BD}
*{box-sizing:border-box;margin:0}[hidden]{display:none!important}
body{background:var(--bg);color:var(--tx);font-family:'Noto Kufi Arabic',Tahoma,sans-serif;line-height:1.7}
button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}
.ann{background:var(--g5);color:#fff;text-align:center;padding:.3rem;font-size:.85rem}
header.hd{background:var(--g3);position:sticky;top:0;z-index:10;padding:.6rem 1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.logo{font-weight:900;font-size:1.7rem;color:var(--g9);display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo img{height:40px;width:auto;border-radius:8px}
.nav{display:flex;gap:.5rem;flex-wrap:wrap}
.nb{background:0;border:1px solid var(--g9);color:var(--g9);padding:.35rem 1rem;border-radius:99px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;gap:.4rem;align-items:center}.nb:hover{background:var(--g9);color:var(--g3)}
.wrap{max-width:1150px;margin:auto;padding:1.2rem}
.hero{background:linear-gradient(135deg,var(--g3),#b4db8a);border-radius:24px;padding:2.4rem 1.8rem;color:var(--g9)}
.hero h1{font-weight:900;font-size:clamp(1.6rem,5vw,2.6rem);line-height:1.4}.hero p{color:var(--g7);margin-top:.4rem}
.btn{background:var(--g9);color:#fff;border:0;padding:.55rem 1.3rem;border-radius:12px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.08)}
.btn.dk{background:var(--g3);color:var(--g9)}.btn.rd{background:#c0392b;color:#fff;padding:.25rem .8rem}.btn.sm{padding:.25rem .8rem}.btn[disabled]{opacity:.5}
h2{font-weight:900;margin:1.3rem 0 .7rem;color:var(--g7)}
.bar{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.bar input{flex:1;min-width:200px}
input,select,textarea{background:#fff;border:1px solid var(--bd);border-radius:10px;padding:.5rem .8rem;width:100%}
.chips{display:flex;gap:.5rem;flex-wrap:wrap}.chip{border:1px solid var(--bd);background:#fff;padding:.35rem 1rem;border-radius:99px;cursor:pointer;font-weight:600}.chip.on{background:var(--g3);color:var(--g9);border-color:var(--g9)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1rem}
.card{background:#fff;border:1px solid var(--bd);border-radius:20px;overflow:hidden;cursor:pointer;transition:.2s;position:relative}.card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(15,61,46,.15)}
.pic{height:180px;background:var(--g9);display:grid;place-items:center;color:var(--g3)}.pic img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;top:.6rem;right:.6rem;background:var(--g3);color:var(--g9);padding:.1rem .7rem;border-radius:99px;font-size:.8rem;font-weight:700}
.cb{padding:.9rem}.cb small{color:var(--mut)}.pr{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.pr b{color:var(--g5);font-size:1.05rem}.pr s{color:var(--mut);font-size:.85rem}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:30;display:grid;place-items:center;padding:1rem}
.md{background:#fff;border-radius:22px;max-width:680px;width:100%;max-height:92vh;overflow:auto;padding:1rem}
.md img.m,.md video{width:100%;border-radius:14px;max-height:340px;object-fit:contain;background:var(--g9);margin-top:.5rem}
.th{display:flex;gap:.4rem;margin:.5rem 0;flex-wrap:wrap}.th img{width:56px;height:56px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent}.th img.on{border-color:var(--g5)}
.panel,.stat{background:#fff;border:1px solid var(--bd);border-radius:18px;padding:1rem}.panel{margin-top:1rem}
.f{display:flex;flex-direction:column;gap:.6rem}.row{display:flex;gap:.6rem;flex-wrap:wrap}.row>*{flex:1;min-width:120px}
.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:.45rem;text-align:right;border-bottom:1px solid var(--bd);white-space:nowrap}th{color:var(--mut)}td img{width:42px;height:42px;object-fit:cover;border-radius:8px}
.toast{position:fixed;bottom:1rem;right:50%;transform:translateX(50%);background:var(--g3);color:var(--g9);padding:.6rem 1.2rem;border-radius:99px;z-index:50;opacity:0;pointer-events:none;transition:.3s}.toast.on{opacity:1}
footer.ft{text-align:center;color:var(--mut);padding:2rem 1rem}svg.ic{width:1.1em;height:1.1em;vertical-align:-.15em}
.bar select{width:auto;flex:none}.cnt{color:var(--mut);margin-top:.6rem}.disc{position:absolute;top:.6rem;left:.6rem;background:#dc2626;color:#fff;padding:.1rem .6rem;border-radius:99px;font-size:.8rem;font-weight:700;z-index:1}.card.out .pic{opacity:.45}