:root{--bg:#f6f7fb;--card:#fff;--text:#0f172a;--muted:#667085;--brand:#0d6efd}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);direction:rtl;margin:0;font-family:Tajawal,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:24px}.header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.title{font-size:20px;font-weight:800}.muted{color:var(--muted);font-size:12px}.card{background:var(--card);border-radius:14px;margin:16px 0;padding:16px;box-shadow:0 8px 20px #0000000f}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr}.controls{flex-wrap:wrap;gap:8px;display:flex}select,.btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px}.btn{background:var(--brand);color:#fff;cursor:pointer;border:none}.kpis{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.kpi .kpi-title{color:var(--muted);font-size:12px}.kpi .kpi-value{font-size:22px;font-weight:800}.small{color:var(--muted);font-size:11px}