Rediseño impeccable v2: refresh visual de todo el sistema

Segunda iteración del rediseño (sesión separada con skill impeccable).
Toca prácticamente toda la UI: layout base, tokens (global.css),
todas las páginas de alumno y admin, componentes de solicitudes,
inventario, catálogo, filtros, toaster y modales.

Docs y sistema:
- DESIGN.md y PRODUCT.md actualizados con la nueva iteración.
- .impeccable/design.json refleja tokens vigentes.
- .impeccable/review/ contiene screenshots de la revisión visual.

Dependencias:
- Añade @fontsource-variable/jetbrains-mono (fuente monoespaciada).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

src/pages/admin/index.astro

@@ -38,32 +38,29 @@ const estadoLabel: Record<string, string> = {
   <div class="max-w-6xl">
     <header class="mb-6">
       <h1 class="text-2xl md:text-3xl font-semibold">Panel</h1>
-      <p class="text-sm opacity-70 mt-1">Resumen del laboratorio.</p>
+      <p class="text-sm mt-1" style="color: var(--color-pencil);">Resumen del laboratorio.</p>
     </header>
 
     <section aria-label="Indicadores" class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-4 mb-8">
       {kpis.map((k) => (
-        <a
-          href={k.href}
-          class="card block group focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--color-primary)] motion-safe:hover:-translate-y-0.5 transition-transform duration-150"
-        >
+        <a href={k.href} class="card-link">
           <div
             class="text-4xl font-semibold leading-none"
             style={`font-variant-numeric: tabular-nums; color: var(--color-${k.tone === 'ink' ? 'ink' : k.tone});`}
           >
             {k.value}
           </div>
-          <div class="mt-2 text-sm opacity-70 group-hover:opacity-100 transition-opacity">{k.label}</div>
+          <div class="mt-2 text-sm uppercase tracking-wide" style="color: var(--color-pencil);">{k.label}</div>
         </a>
       ))}
     </section>
 
     <section aria-labelledby="ultimas-h">
       <div class="flex items-baseline justify-between mb-3">
-        <h2 id="ultimas-h" class="text-lg font-semibold">Últimas 5 solicitudes</h2>
-        <a href="/admin/solicitudes" class="text-sm underline decoration-[color:var(--color-primary)] underline-offset-4">Ver todas</a>
+        <h2 id="ultimas-h" class="text-lg font-semibold uppercase tracking-wide">Últimas 5 solicitudes</h2>
+        <a href="/admin/solicitudes" class="text-sm underline decoration-[color:var(--color-ink)] underline-offset-4">Ver todas</a>
       </div>
-      <div class="card p-0 overflow-hidden">
+      <div class="card-flat p-0 overflow-hidden">
         {ultimas.data && ultimas.data.length > 0 ? (
           <table class="w-full text-sm">
             <thead class="text-left" style="background: color-mix(in oklab, var(--color-ink) 4%, transparent);">