Update frontend/src/components/admin/OverviewCard.jsx

frontend/src/components/admin/OverviewCard.jsx

@@ -4,15 +4,22 @@ import React from "react";
 const colorMap = {
   blue: "bg-blue-50 text-blue-700",
   amber: "bg-amber-50 text-amber-700",
-  red: "bg-red-50 text-red-700",
+  red: "bg-rose-50 text-rose-700",
   green: "bg-emerald-50 text-emerald-700",
 };
 
-export default function OverviewCard({ title, value, icon: Icon, color, trend }) {
+export default function OverviewCard({ title, value, icon: Icon, color, trend, onClick }) {
   const badgeClasses = colorMap[color] || "bg-slate-50 text-slate-700";
+  const clickable = !!onClick;
 
   return (
-    <div className="bg-white border border-stone-200 rounded-2xl p-4 shadow-sm flex flex-col justify-between">
+    <div
+      onClick={onClick}
+      className={
+        "bg-white border border-stone-200 rounded-2xl p-4 shadow-sm flex flex-col justify-between transition-shadow " +
+        (clickable ? "cursor-pointer hover:shadow-md" : "")
+      }
+    >
       <div className="flex items-start justify-between gap-3">
         <div>
           <div className="text-xs font-medium text-stone-500 uppercase tracking-wide mb-1">