fix: 1:1 prototype port – exact hms-* CSS, real logo, all components from app.js

frontend/error.vue

@@ -1,20 +1,15 @@
 <template>
-  <div class="min-h-screen bg-bg text-text flex items-center justify-center px-4">
-    <div class="max-w-md text-center">
-      <p class="text-6xl font-extrabold text-accent mb-4">{{ error.statusCode }}</p>
-      <h1 class="text-2xl font-bold mb-3">
-        {{ error.statusCode === 404 ? 'Seite nicht gefunden' : 'Ein Fehler ist aufgetreten' }}
-      </h1>
-      <p class="text-text-muted mb-8">
-        {{ error.statusCode === 404
-          ? 'Die angeforderte Seite existiert nicht. Vielleicht wurde sie verschoben oder gelöscht.'
-          : 'Es ist ein unerwarteter Fehler aufgetreten. Bitte versuchen Sie es später erneut.'
-        }}
-      </p>
-      <NuxtLink to="/" class="btn-primary">
-        Zurück zur Startseite
-      </NuxtLink>
-    </div>
+  <div class="min-h-screen flex flex-col">
+    <AppHeader />
+    <main id="main-content" class="flex-1" role="main">
+      <div class="max-w-md mx-auto px-4 py-24 text-center">
+        <div class="text-8xl font-bold mb-4" style="color: var(--secondary)">404</div>
+        <h1 class="text-2xl font-semibold mb-2" style="color: var(--text)">Seite nicht gefunden</h1>
+        <p class="mb-8" style="color: var(--secondary)">Die angeforderte Seite existiert nicht.</p>
+        <NuxtLink to="/" class="hms-btn hms-btn-primary">Zur Startseite</NuxtLink>
+      </div>
+    </main>
+    <AppFooter />
   </div>
 </template>