frontend/src/components/MetricCard.tsx

interface Props {
  value: string | number;
  label: string;
  valueColor?: string;
}

export default function MetricCard({ value, label, valueColor }: Props) {
  return (
    <div className="metric-card">
      <div className="metric-value" style={valueColor ? { color: valueColor } : undefined}>
        {value}
      </div>
      <div className="metric-label">{label}</div>
    </div>
  );
}