diff --git a/frontend/src/components/dashboard/EnhancedMetricCard.tsx b/frontend/src/components/dashboard/EnhancedMetricCard.tsx
index 837bc169..f2a84fa1 100644
--- a/frontend/src/components/dashboard/EnhancedMetricCard.tsx
+++ b/frontend/src/components/dashboard/EnhancedMetricCard.tsx
@@ -9,7 +9,7 @@ export interface MetricCardProps {
   subtitle?: string;
   trend?: number; // Positive or negative trend value
   icon: ReactNode;
-  accentColor: "blue" | "green" | "orange" | "purple" | "red";
+  accentColor: "blue" | "green" | "orange" | "purple" | "red" | "success";
   href?: string;
   onClick?: () => void;
   tooltip?: string | ReactNode; // Enhanced tooltip content
@@ -48,6 +48,12 @@ const accentColors = {
     border: "bg-error-500",
     icon: "text-error-500",
   },
+  success: {
+    bg: "bg-green-50 dark:bg-green-500/10",
+    hover: "hover:bg-green-100 dark:hover:bg-green-500/20",
+    border: "bg-success-500",
+    icon: "text-success-500",
+  },
 };
 
 export default function EnhancedMetricCard({