feat(ui): UI-006 Abweichungen in der Kontrolle dauerhaft hervorheben

PositionCard bekommt eine farbige linke Randlinie je Zustand (grün
passt, gelb Abweichung/Fehlbestand, rot Übertragungsfehler) - eine
Abweichung war bisher nur während des kurz offenen Nachfüll-Dialogs
sichtbar, danach nicht mehr von einer normalen Bestätigung zu
unterscheiden. Fortschrittsanzeige existierte bereits. Nebenbei
hartkodierte Hex-Fallbackfarben durch Token-Referenzen ersetzt.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV

frontend/src/pages/KontrollPage.tsx

@@ -79,12 +79,12 @@ export function KontrollPage() {
           <div className="card-subtitle">
             {positionen.filter((p) => p.status === "gespeichert").length} von {positionen.length} Positionen bestätigt
           </div>
-          <div style={{ height: "6px", background: "var(--color-border, #e2e8f0)", borderRadius: "3px", marginTop: "0.35rem" }}>
+          <div style={{ height: "6px", background: "var(--color-border)", borderRadius: "3px", marginTop: "0.35rem" }}>
             <div
               style={{
                 height: "100%",
                 borderRadius: "3px",
-                background: "var(--color-primary, #2563eb)",
+                background: "var(--color-primary)",
                 width: `${Math.round(
                   (positionen.filter((p) => p.status === "gespeichert").length / positionen.length) * 100
                 )}%`,