diff --git a/src/lib/components/KpiCard.svelte b/src/lib/components/KpiCard.svelte
index f85af5c..63d4ae9 100644
--- a/src/lib/components/KpiCard.svelte
+++ b/src/lib/components/KpiCard.svelte
@@ -22,6 +22,9 @@
   const iconClass = $derived(
     `size-5 ${tone === 'good' ? 'text-emerald-600' : tone === 'warning' ? 'text-amber-600' : 'text-primary'}`,
   );
+  const rialSuffix = '\u00a0ریال';
+  const hasRialSuffix = $derived(value.endsWith(rialSuffix));
+  const displayValue = $derived(hasRialSuffix ? value.slice(0, -rialSuffix.length) : value);
 </script>
 
 <Card class="group rounded-lg shadow-xs transition-transform duration-200 hover:-translate-y-0.5">
@@ -34,7 +37,14 @@
       <Icon class={iconClass} strokeWidth={1.8} />
     </div>
     <p class="text-[clamp(1.25rem,2vw,1.5rem)] font-extrabold tracking-tight whitespace-nowrap tabular-nums">
-      {value}
+      {#if hasRialSuffix}
+        <span class="inline-flex items-baseline gap-1" aria-label={value}>
+          <span aria-hidden="true">{displayValue}</span>
+          <span class="text-[0.68em] font-bold tracking-normal" aria-hidden="true">ریال</span>
+        </span>
+      {:else}
+        {value}
+      {/if}
     </p>
     <p class="text-muted-foreground mt-1.5 text-xs leading-5 sm:mt-2 sm:leading-6">{note}</p>
   </CardContent>