feat(mejoras): 14 mejoras al CRM Frasa

Fase 1 - UI: dark mode, skeletons, toasts
Fase 2 - Filtros: avanzados Mi día, búsqueda global Ctrl+K
Fase 3 - Datos: export Excel, notas apartados, auditoría
Fase 4 - Dashboard: gráficas vendedor + métricas uso
Fase 5 - Responsive: tablets optimizadas
Fase 6 - PWA: IndexedDB offline, push notifications

Backend: 3 tablas nuevas, 6 services, 6 endpoints nuevos
721 API tests + fronts verdes.

apps/dashboards/src/components/TableroGeneral.tsx

@@ -89,9 +89,9 @@ export default function TableroGeneral({
   return (
     <main className="mx-auto max-w-[1280px] px-4 py-8 sm:px-6">
       <div className="mb-8">
-        <h1 className="text-xl font-semibold text-[#111827]">Tablero comercial</h1>
+        <h1 className="text-xl font-semibold text-[#111827] dark:text-[#E2E8F0]">Tablero comercial</h1>
         {resumen && (
-          <p className="mt-1 text-sm text-[#64748B]">
+          <p className="mt-1 text-sm text-[#64748B] dark:text-[#94A3B8]">
             Actualizado: {new Date(resumen.generadoEn).toLocaleString('es-MX')}
           </p>
         )}
@@ -108,7 +108,7 @@ export default function TableroGeneral({
 
       {resumen && (
         <>
-          <section aria-label="Indicadores clave" className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
+          <section aria-label="Indicadores clave" className="grid gap-4 grid-cols-2 lg:grid-cols-4">
             <KpiCard
               titulo="Leads totales"
               valor={resumen.leads.total}
@@ -151,7 +151,7 @@ export default function TableroGeneral({
             />
           </section>
 
-          <div className="mt-10 grid gap-6 sm:grid-cols-1 lg:grid-cols-2">
+          <div className="mt-10 grid gap-6 md:grid-cols-2">
             <section aria-label="Inventario por desarrollo" className="lg:col-span-2">
               <TarjetaGrafica titulo="Unidades por desarrollo y status">
                 {unidades.length === 0 ? (