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/authentication/ChangePassword.vue

@@ -76,7 +76,7 @@ async function handleSubmit() {
       <header class="change-password-head">
         <p class="hoard-kicker">Sicherheitsvorgabe</p>
         <h1>Passwort ändern</h1>
-        <p>Hier kannst du ganz bequem dein Password aktualisieren.</p>
+        <p>Hier kannst du ganz bequem dein Passwort aktualisieren.</p>
       </header>
 
       <v-alert
@@ -182,7 +182,7 @@ async function handleSubmit() {
 .change-password-divider {
   margin-top: var(--space-1);
   margin-bottom: 0;
-  border-color: color-mix(in srgb, var(--color-border) 82%, white 18%);
+  border-color: color-mix(in srgb, var(--color-border) 82%, var(--color-surface) 18%);
 }
 
 .change-password-section-label {
@@ -200,6 +200,12 @@ async function handleSubmit() {
   font-size: var(--font-size-sm);
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .change-password-shell {
+    animation: hoard-soft-enter 260ms both;
+  }
+}
+
 @media (width <= 600px) {
   .change-password-form {
     gap: var(--space-2);