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/404.astro

@@ -7,11 +7,11 @@ Astro.response.status = 404;
 <Layout title="Página no encontrada — LabPréstamos">
   <main id="main" class="min-h-screen grid place-items-center p-4">
     <div class="w-full max-w-md text-center">
-      <div class="inline-grid place-items-center w-16 h-16 rounded-2xl bg-[color:var(--color-primary)] mb-4 p-4">
-        <BrandMark class="w-full h-full text-white" />
+      <div class="inline-grid place-items-center w-16 h-16 rounded-[2px] bg-[color:var(--color-primary)] mb-4 p-4" style="border: 2px solid var(--color-ink); box-shadow: var(--shadow-hard);">
+        <BrandMark class="w-full h-full" />
       </div>
-      <h1 class="text-2xl font-semibold">Página no encontrada</h1>
-      <p class="text-sm opacity-70 mt-2">La dirección no existe o cambió de lugar.</p>
+      <h1 class="text-2xl font-semibold uppercase tracking-wide">Página no encontrada</h1>
+      <p class="text-sm mt-2" style="color: var(--color-pencil);">La dirección no existe o cambió de lugar.</p>
       <a href="/" class="btn btn-primary mt-6 inline-flex">Volver al inicio</a>
     </div>
   </main>