style(frontend): grundlegendes Redesign (Design-System, Farben, Typografie)

Neues Design-System: warme Honig-/Wachs-Farbpalette (Amber-Primaer,
Salbeigruen-Sekundaer) statt Standard-Graustufen, Space Grotesk fuer
Ueberschriften, Inter fuer Fliesstext, IBM Plex Mono fuer Codes/IDs.
Card-Komponente mit weicher Schattierung statt Ring, neuer
Badge-Warning-Variante und statusTone()-Helper fuer semantische
Status-Farben (Voelker/Honigchargen). Navigation umgebaut: aktiver
Link-Zustand, Hexagon-Markenzeichen, "Mehr"-Dropdown fuer Admin-Links.
Dashboard-Kacheln mit Icons/Farbakzenten, Login-Seite mit dezentem
Waben-Hintergrundmuster als wiederkehrendes Signature-Element.

ApiCore-Frontend/src/app/(app)/settings/audit-log/page.tsx

@@ -30,7 +30,7 @@ export default function AuditLogPage() {
 
   return (
     <main className="flex flex-col gap-4 p-4 sm:p-6">
-      <h1 className="text-xl font-semibold">Audit-Log</h1>
+      <h1 className="text-2xl font-semibold tracking-tight">Audit-Log</h1>
 
       <form
         className="flex flex-wrap items-end gap-3"
@@ -70,7 +70,7 @@ export default function AuditLogPage() {
 
       {isLoading ? <p className="text-sm text-muted-foreground">Lädt…</p> : null}
       {isError ? (
-        <p role="alert" className="text-sm text-red-600">
+        <p role="alert" className="text-sm text-destructive">
           Audit-Log konnte nicht geladen werden.
         </p>
       ) : null}

ApiCore-Frontend/src/app/(app)/settings/users/create-user-dialog.tsx

@@ -110,7 +110,7 @@ export function CreateUserDialog() {
             </Select>
           </div>
           {error ? (
-            <p role="alert" className="text-sm text-red-600">
+            <p role="alert" className="text-sm text-destructive">
               {error}
             </p>
           ) : null}

ApiCore-Frontend/src/app/(app)/settings/users/page.tsx

@@ -31,13 +31,13 @@ export default function UsersPage() {
   return (
     <main className="flex flex-col gap-4 p-4 sm:p-6">
       <div className="flex items-center justify-between">
-        <h1 className="text-xl font-semibold">Benutzerverwaltung</h1>
+        <h1 className="text-2xl font-semibold tracking-tight">Benutzerverwaltung</h1>
         <CreateUserDialog />
       </div>
 
       {isLoading ? <p className="text-sm text-muted-foreground">Lädt…</p> : null}
       {isError ? (
-        <p role="alert" className="text-sm text-red-600">
+        <p role="alert" className="text-sm text-destructive">
           Benutzer konnten nicht geladen werden.
         </p>
       ) : null}