UI refresh: animation, cards, responsive tweaks

Large frontend modernization: add route fade transition and hoard-soft-enter keyframes with prefers-reduced-motion support; introduce smoother motion tokens and stronger shadow tokens. Update global CSS to use subtle surface gradients, unified transitions, hover lift effects, focus rings and improved button/card/table/overlay styles. Wrap <router-view> in a transition and adjust brand/logo sizing and interactions. Revamp several pages/components (Home, Login, Impressum, 404, Forbidden) with adjusted typography, animated entry for sections and improved card hover states. Admin/Dashboard pages enhanced: AdminUsers gains stats, mobile card list & computed counts; AdminUserDetail and Dashboard show compact summary cards and updated styles. Documentation updated (style.md, codexInfo.md) to reflect the new modernisation rules. No API or backend changes.

GUI/src/routes/Impressum.vue

@@ -135,7 +135,7 @@ const legalNotes = [
 
 h1 {
   margin-bottom: var(--space-3);
-  font-size: clamp(1.9rem, 2.2vw + 1rem, 2.5rem);
+  font-size: 2.45rem;
 }
 
 .hero-lead {
@@ -187,7 +187,7 @@ h1 {
 
 h2 {
   margin: 0;
-  font-size: clamp(1.2rem, 1.2vw + 0.85rem, 1.6rem);
+  font-size: 1.45rem;
 }
 
 .detail-list {
@@ -250,6 +250,38 @@ h3 {
   color: var(--color-text-secondary);
 }
 
+.detail-card,
+.note-card {
+  transition:
+    border-color var(--transition-fast),
+    box-shadow var(--transition-fast),
+    transform var(--transition-fast);
+}
+
+.detail-card:hover,
+.note-card:hover {
+  border-color: color-mix(in srgb, var(--color-primary-300) 46%, var(--color-border) 54%);
+  box-shadow: var(--shadow-md);
+  transform: translateY(-2px);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .impressum-hero,
+  .detail-card,
+  .notes-section {
+    animation: hoard-soft-enter 260ms both;
+  }
+
+  .detail-card:nth-child(2) {
+    animation-delay: 80ms;
+  }
+
+  .detail-card:nth-child(3),
+  .notes-section {
+    animation-delay: 120ms;
+  }
+}
+
 @media (width <= 1080px) {
   .details-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -289,7 +321,7 @@ h3 {
   }
 
   h1 {
-    font-size: clamp(1.55rem, 7vw, 1.95rem);
+    font-size: 1.9rem;
   }
 
   .hero-meta {