export default function StatCard({ label, value, color = "text-primary" }) {
  return (
    <div className="bg-card rounded-xl border border-border p-4 sm:p-5 hover:shadow-md transition-shadow">
      <p className="text-xs sm:text-sm text-muted-foreground font-medium mb-1">{label}</p>
      <p className={`text-lg sm:text-2xl font-bold ${color}`}>{value}</p>
    </div>
  );
}