:root{
  --bg:#0b0f14; --gold:#d4af37; --gold-2:#b8890f; --text:#f4f3ef; --muted:#b8b4a3; --card:#121722;
  --stroke: rgba(212,175,55,.18);
}

/* أساسي */
*{box-sizing:border-box}
html,body{
  margin:0;padding:0;font-family:system-ui,'Segoe UI',Tahoma;
  direction:rtl;background:var(--bg);color:var(--text)
}
a{color:var(--gold);text-decoration:none}

/* حاوية عامة */
.container{max-width:1100px;margin:0 auto;padding:24px}
@media (max-width:1024px){ .container{padding:20px} }
@media (max-width:768px){ .container{padding:16px} }
@media (max-width:480px){ .container{padding:12px} }

/* العنوان/الهيدر */
.header{display:flex;gap:16px;align-items:center;justify-content:center;padding:20px 0}
.header img{height:82px;filter:drop-shadow(0 0 6px rgba(212,175,55,.35));animation: glow 2.2s ease-in-out infinite alternate}
@keyframes glow{from{filter:drop-shadow(0 0 2px rgba(212,175,55,.3))}to{filter:drop-shadow(0 0 10px rgba(212,175,55,.7))}}
.brand{font-size:28px;font-weight:800;letter-spacing:.5px}
@media (max-width:480px){ .brand{font-size:22px} }

/* البطاقات */
.card{
  background:linear-gradient(145deg,#0e1320,#0a0e17);
  border:1px solid var(--stroke);
  border-radius:22px;box-shadow:0 10px 30px rgba(0,0,0,.35);padding:22px
}
@media (max-width:480px){ .card{padding:16px;border-radius:18px} }

.label{display:block;margin-bottom:8px;color:var(--muted);font-size:14px}
@media (max-width:480px){ .label{font-size:13px} }

.input, select, textarea{
  width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(212,175,55,.25);
  background:#0f1422;color:var(--text);outline:none;transition:.2s;font-size:16px; /* 16px لمنع زوم iOS */
}
.input:focus, select:focus, textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.12)}
@media (max-width:480px){ .input, select, textarea{padding:12px 14px;border-radius:12px;font-size:16px} }

/* شبكات الإدخال */
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
@media(max-width:900px){ .row{grid-template-columns:1fr} .row-3{grid-template-columns:1fr} }

/* أزرار */
.btn{
  display:inline-block;width:auto;padding:14px 22px;border-radius:14px;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#130e02;font-weight:800;border:none;cursor:pointer;
  transition:transform .12s ease, box-shadow .2s;box-shadow:0 12px 24px rgba(212,175,55,.25)
}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(212,175,55,.3)}
@media (max-width:640px){ .btn{width:100%} }

.badge{padding:8px 12px;border-radius:10px;border:1px solid rgba(212,175,55,.3);background:#0e1421;display:inline-block}
@media (max-width:640px){ .badge{display:inline-flex;width:auto} }

/* جداول لوحة التحكم */
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:12px;border-bottom:1px solid rgba(212,175,55,.15);text-align:right}
.table th{color:var(--gold);white-space:nowrap}

/* غلاف للجدول قابل للتمرير أفقياً على الموبايل */
.table-wrap{width:100%;overflow:auto;border-radius:14px;border:1px solid rgba(212,175,55,.1)}
.table-wrap::-webkit-scrollbar{height:10px}
.table-wrap::-webkit-scrollbar-thumb{background:rgba(212,175,55,.35);border-radius:10px}

/* إحصائيات */
.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:14px 0}
.stat{background:#0e1421;border:1px solid var(--stroke);border-radius:16px;padding:14px;text-align:center}
.stat .num{font-size:26px;color:var(--gold);font-weight:800}
@media (max-width:1024px){ .stats{grid-template-columns:repeat(3,1fr)} }
@media (max-width:640px){ .stats{grid-template-columns:repeat(2,1fr)} .stat .num{font-size:22px} }

/* فوتر */
.footer{opacity:.6;text-align:center;padding:20px 0;font-size:14px}
@media (max-width:480px){ .footer{font-size:13px} }

/* تحسين مناطق اللمس */
.tap-44{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}