export function CardHeader({ title, subtitle }: { title: string; subtitle?: string }) {
  return (
    <div className="flex justify-between items-baseline mb-2 border-b border-[#162942]/50 pb-3">
      <h3 className="text-white text-base font-semibold tracking-wide">{title}</h3>
      {subtitle && (
        <span className="text-[#4e6178] text-xs font-medium uppercase tracking-wider">
          {subtitle}
        </span>
      )}
    </div>
  );
}