--- a/publishable/resources/views/components/dashboard-card.blade.php	Mon Jun 23 20:20:31 2025 -0400
+++ b/publishable/resources/views/components/dashboard-card.blade.php	Tue Aug 19 20:33:35 2025 -0400
@@ -9,25 +9,25 @@
 @php
     $bgColor =
         [
-            'green' => 'bg-green-100 text-green-600',
-            'blue' => 'bg-blue-100 text-blue-600',
-            'purple' => 'bg-purple-100 text-purple-600',
-            'yellow' => 'bg-yellow-100 text-yellow-600',
-            'gray' => 'bg-gray-100 text-gray-600',
-        ][$color] ?? 'bg-blue-100 text-blue-600';
+            'green' => 'green',
+            'blue' => 'blue',
+            'purple' => 'purple',
+            'yellow' => 'yellow',
+            'gray' => 'gray',
+        ][$color] ?? 'blue';
 @endphp
 
-<div class="flex items-center bg-white rounded-lg shadow p-4 min-w-[170px]">
-    <div class="flex-shrink-0">
-        <span class="inline-flex items-center justify-center h-12 w-12 rounded-full {{ $bgColor }}">
+<div class="dashboard-card">
+    <div class="d-flex-shrink-0">
+        <span class="inline-flex icon items-center justify-center h-12 w-12 rounded-full {{ $bgColor }}">
             {!! $icon !!}
         </span>
     </div>
     <div class="ml-4">
-        <div class="text-lg font-semibold text-gray-900">{{ $value }}</div>
-        <div class="text-gray-500">{{ $title }}</div>
+        <div class="fs-4 fw-medium">{{ $value }}</div>
+        <div class="fs-5 fw-medium text-secondary">{{ $title }}</div>
         @if ($subtitle)
-            <div class="text-xs text-gray-400 mt-1">{{ $subtitle }}</div>
+            <div class="fs-6 text-secondary">{{ $subtitle }}</div>
         @endif
     </div>
 </div>