Rediseño visual UABC + Mulish + auditoría de BD (P0/P1)

Rediseño visual:
- Nueva identidad UABC/editorial (DESIGN.md), tipografía Mulish, tokens
  verde/dorado/negro sobre bone-white, patrón de puntos verde en canvas,
  radios 8/12/30/9999, sin sombras, hairline 1px, tarjetas con leve
  transparencia + blur suave + borde verde muy sutil.
- 45 archivos .astro/.tsx alineados al nuevo sistema (Track A/B/C/D/E).
- Limpieza post-critique: eliminado triple CTA en home alumno, .card
  anidados en admin, aria-live decorativo, 26 aliases legacy en global.css,
  border-l verde en nav (patrón AI-slop), classList.remove obsoletos.

Auditoría de llamadas a BD (para 20-50 usuarios concurrentes):
- P0-1: middleware con cache in-memory de profile (30s) + is_banned (30s)
  por uid; exclusión de assets estáticos (/_astro/*, /audio/*, favicon).
  Invalidación en signout, PATCH /profile, baneos.
- P0-2: eliminado count pendientes duplicado en AppLayout; badge se
  hidrata client-side (BadgeSolicitudes con fetch inicial).
- P0-3: migración 0008 REPLICA IDENTITY FULL en solicitudes + delta
  preciso en BadgeSolicitudes (con fallback a refetch).
- P1: admin/index dedupe (4 queries → 2 con recientes.filter), catalogo
  reusa profile del middleware (3 queries → 1), inventario paralelo,
  estadisticas con cache 60s en RAM (stats-cache.ts), migración 0009
  con 3 índices (fecha, vencidos parcial, audit compuesto).

Fixes P0 de UI post-critique:
- estadisticas.astro: ReferenceError DIAS restaurado.
- solicitudes (3 vistas): error rendering sanitizado (no expone mensaje
  Postgres crudo al admin).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014xaxs8cGcQe9NwbMqA1gvn

src/components/admin/inventario/UnidadesManager.tsx

@@ -88,7 +88,7 @@ export default function UnidadesManager({ materialId }: { materialId: number })
 
   return (
     <div>
-      <h3 className="text-sm font-semibold uppercase tracking-wider mb-3">Unidades individuales</h3>
+      <h3 className="eyebrow mb-3">Unidades individuales</h3>
 
       <form onSubmit={crear} className="flex gap-2 mb-4">
         <input
@@ -110,9 +110,9 @@ export default function UnidadesManager({ materialId }: { materialId: number })
       </form>
 
       {loading ? (
-        <p className="text-sm opacity-70">Cargando…</p>
+        <p className="text-sm text-graphite/70">Cargando…</p>
       ) : unidades.length === 0 ? (
-        <p className="text-sm opacity-70">Sin unidades registradas.</p>
+        <p className="text-sm text-graphite/70">Sin unidades registradas.</p>
       ) : (
         <div className="flex flex-col gap-2">
           {unidades.map((u) => {
@@ -120,7 +120,7 @@ export default function UnidadesManager({ materialId }: { materialId: number })
             return (
               <div
                 key={u.id}
-                className="card p-3 grid grid-cols-1 sm:grid-cols-[1fr_auto_auto] gap-2 items-center"
+                className="card-flat p-3.5 grid grid-cols-1 sm:grid-cols-[1fr_auto_auto] gap-2 items-center bg-bone-white border border-hairline-gray rounded-[12px]"
               >
                 <input
                   type="text"
@@ -151,7 +151,7 @@ export default function UnidadesManager({ materialId }: { materialId: number })
                 </select>
                 <button
                   type="button"
-                  className="btn btn-ghost"
+                  className="btn btn-danger text-xs px-3"
                   style={{ minHeight: '36px', paddingBlock: '0.25rem' }}
                   disabled={bloqueada}
                   onClick={() => eliminar(u)}