بطاقة الإحصائيات والمقاييس Dashboard Stat

<!-- Qahera UI Kit - Dashboard Stat Pattern (Native HTML) -->
<div class="qhr-card qhr-dashboard-stat" data-variant="default">
  <div class="qhr-card-header" style="display: flex; justify-content: space-between; align-items: flex-start;">
    <div>
      <span class="qhr-dashboard-stat-title" style="font-size: var(--qhr-text-sm); color: var(--qhr-color-neutral-600);">إجمالي الإيرادات</span>
      <div class="qhr-dashboard-stat-value" style="font-size: var(--qhr-font-size-3xl); font-weight: var(--qhr-font-weight-bold); color: var(--qhr-color-text); margin-top: var(--qhr-space-1);">
        284,920 ر.س
      </div>
    </div>
    <span class="qhr-badge qhr-badge--success qhr-badge--sm" style="display: inline-flex; align-items: center; gap: var(--qhr-space-1);">
      <svg class="qhr-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
        <path d="M5 15l7-7 7 7" />
      </svg>
      <span>+14.2%</span>
    </span>
  </div>
  <div class="qhr-card-body" style="padding-top: 0;">
    <p style="font-size: var(--qhr-text-xs); color: var(--qhr-color-neutral-500); margin: 0;">
      مقارنة بـ 249,500 ر.س الشهر الماضي
    </p>
  </div>
</div>