style: reskin NovaSpark en las 7 apps

Del look editorial (verde #1B4332, esquinas a 0, botones en mayusculas)
al sistema NovaSpark: primario azul #2563EB, detalle naranja #F97316,
fondo #F8FAFC con tarjetas blancas rounded-xl + shadow-sm, chips
rounded-full semanticos, focus ring azul, transiciones 100-200ms.
Incluye headers de tabla en los PDFs (cotizador y estado de cuenta).

apps/cobranza/src/components/BadgeStatus.tsx

@@ -1,16 +1,16 @@
 import type { StatusPago } from '../types'
 
 const CLASES: Record<StatusPago, string> = {
-  PENDIENTE: 'border-neutral-300 text-neutral-500',
-  PAGADO: 'border-green-300 text-green-700',
-  VENCIDO: 'border-red-300 text-red-700',
-  PARCIAL: 'border-amber-300 text-amber-700',
+  PENDIENTE: 'bg-gray-100 text-gray-600',
+  PAGADO: 'bg-green-50 text-green-700',
+  VENCIDO: 'bg-red-50 text-red-700',
+  PARCIAL: 'bg-amber-50 text-amber-700',
 }
 
 export default function BadgeStatus({ status }: { status: StatusPago }) {
   return (
     <span
-      className={`inline-block border bg-white px-2 py-0.5 text-xs font-bold uppercase tracking-wider ${CLASES[status]}`}
+      className={`inline-block rounded-full px-2.5 py-0.5 text-xs font-medium ${CLASES[status]}`}
     >
       {status}
     </span>