:root{
  --header:#4E342E;--bg:#F8F7F5;--card:#FFFFFF;--soft:#EADBC8;--gold:#BC9664;
  --text:#3E3632;--muted:#8A756D;--line:#E6DED6;--shadow:0 8px 24px rgba(55,39,31,.07)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Fanan,Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);direction:rtl}
body{padding:16px}.page{width:min(96vw,1660px);margin:auto}.top{background:var(--header);color:#fff;border-radius:20px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 12px 30px rgba(55,39,31,.13);position:sticky;top:10px;z-index:10}
.top h1{margin:0;font-size:22px}.top small{display:block;opacity:.72;margin-top:3px;direction:ltr}.back,.home{border:1px solid rgba(255,255,255,.28);color:#fff;text-decoration:none;border-radius:12px;padding:8px 11px;background:rgba(255,255,255,.08)}
.hero{margin:14px 0;background:rgba(255,255,255,.58);border:1px solid rgba(188,150,100,.28);border-radius:20px;padding:14px;box-shadow:var(--shadow)}
.hero h2{margin:0;color:var(--header);font-size:18px}.hero p{margin:5px 0 0;color:var(--muted);font-size:10px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.stat{background:rgba(255,255,255,.60);border:1px solid rgba(188,150,100,.27);border-radius:17px;padding:13px;text-align:center;box-shadow:var(--shadow)}
.stat b{display:block;font-size:22px;color:var(--header)}.stat small{font-size:9px;color:var(--muted)}
.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:11px}.filters input,.filters select{width:100%;padding:10px;border:1px solid rgba(188,150,100,.30);border-radius:12px;background:rgba(255,255,255,.82);font-family:inherit;color:var(--header);outline:none}
.panel{background:rgba(255,255,255,.52);border:1px solid rgba(188,150,100,.27);border-radius:20px;padding:13px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.tablewrap{overflow:auto;border:1px solid rgba(188,150,100,.26);border-radius:15px;background:rgba(255,255,255,.58)}
table{width:100%;min-width:840px;border-collapse:separate;border-spacing:0;text-align:center}th{background:var(--soft);color:var(--header);padding:11px 7px;font-size:10px;white-space:nowrap;border-bottom:1px solid rgba(188,150,100,.38)}td{padding:11px 7px;font-size:10px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.62)}tbody tr{cursor:pointer}tbody tr:hover td{background:rgba(234,219,200,.56)}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:9px}.green{background:#E8F5EC;color:#2E7D32}.blue{background:#E8F1F8;color:#1565C0}.orange{background:#FFF1DC;color:#E65100}.red{background:#FCEDEA;color:#C62828}.gray{background:#F2EEE8;color:#666}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.card{display:flex;flex-direction:column;justify-content:center;min-height:105px;padding:12px;text-align:center;text-decoration:none;color:var(--header);background:rgba(255,255,255,.60);border:1px solid rgba(188,150,100,.28);border-radius:18px;box-shadow:var(--shadow);transition:.18s}.card:hover{transform:translateY(-3px);background:rgba(234,219,200,.58)}.card small{color:var(--muted);font-size:8px;margin-top:4px;direction:ltr}
.form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:9px;color:var(--muted)}.field input,.field select,.field textarea{padding:10px;border:1px solid rgba(188,150,100,.3);border-radius:12px;background:#fff;font-family:inherit;color:var(--header)}.actions{margin-top:13px;display:flex;gap:8px}.btn{border:0;border-radius:12px;padding:10px 16px;font-family:inherit;cursor:pointer}.primary{background:var(--header);color:#fff}.secondary{background:#fff;color:var(--header);border:1px solid rgba(188,150,100,.35)}
.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(78,52,46,.22);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.22s;z-index:30}.modal.open{opacity:1;visibility:visible}.modalbox{width:min(820px,94vw);background:rgba(255,252,248,.95);border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:18px;box-shadow:0 24px 65px rgba(55,39,31,.18)}.modalgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.mi small{display:block;color:var(--muted);font-size:8px}.mi b{color:var(--header);font-size:10px}
@media(max-width:900px){.grid,.stats,.filters,.form{grid-template-columns:repeat(2,1fr)}.modalgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid,.stats,.filters,.form{grid-template-columns:1fr}}