UI-Redesign: AegisSight Design, Filter-Popover, Header-Umbau

- Session-Timeout auf 60 Minuten erhöht (ACCESS_TOKEN_EXPIRY + SESSION_TIMEOUT)
- AegisSight Light Theme: Gold-Akzent (#C8A851) statt Indigo
- Navigation-Tabs in eigene Zeile unter Header verschoben (HTML-Struktur)
- Filter-Bar durch kompaktes Popover mit Checkboxen ersetzt (Mehrfachauswahl)
- Archiv-Funktion repariert (lädt jetzt per API statt leerem Store)
- Filter-Bugs behoben: Reset-Button ID, Default-Werte, Ohne-Datum-Filter
- Mehrspalten-Layout Feature entfernt
- Online-Status vom Header an User-Avatar verschoben (grüner Punkt)
- Lupen-Icon entfernt
- CLAUDE.md: Docker-Deploy und CSS-Tricks Regeln aktualisiert

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/css/variables.css

@@ -9,26 +9,26 @@
      FARBEN - Modernes Light Theme
      ======================================== */
 
-  /* Primärfarben */
-  --primary: #4F46E5;
-  --primary-hover: #4338CA;
-  --primary-light: #EEF2FF;
-  --accent: #06B6D4;
-  --accent-hover: #0891B2;
+  /* Primärfarben - AegisSight Light Theme */
+  --primary: #C8A851;
+  --primary-hover: #B5923E;
+  --primary-light: rgba(200, 168, 81, 0.12);
+  --accent: #C8A851;
+  --accent-hover: #B5923E;
 
   /* Hintergründe */
-  --bg-main: #F8FAFC;
+  --bg-main: #E8EDF6;
   --bg-secondary: #FFFFFF;
-  --bg-tertiary: #F1F5F9;
-  --bg-hover: #E2E8F0;
-  --bg-active: #CBD5E1;
+  --bg-tertiary: #F1F3F9;
+  --bg-hover: #F8F9FC;
+  --bg-active: #D0D6DE;
   --bg-sidebar: #FFFFFF;
   --bg-card: #FFFFFF;
   --bg-input: #FFFFFF;
 
   /* Textfarben */
-  --text-primary: #0F172A;
-  --text-secondary: #475569;
+  --text-primary: #0A1832;
+  --text-secondary: #64748B;
   --text-tertiary: #64748B;
   --text-muted: #94A3B8;
   --text-placeholder: #94A3B8;
@@ -44,9 +44,9 @@
   --error: #EF4444;
   --error-bg: #FEE2E2;
   --error-text: #991B1B;
-  --info: #3B82F6;
-  --info-bg: #DBEAFE;
-  --info-text: #1E40AF;
+  --info: #7C8DB5;
+  --info-bg: rgba(124, 141, 181, 0.12);
+  --info-text: #4A5568;
 
   /* Prioritätsfarben */
   --priority-high: #EF4444;
@@ -60,7 +60,7 @@
   --border-light: #F1F5F9;
   --border-default: #E2E8F0;
   --border-dark: #CBD5E1;
-  --border-focus: #4F46E5;
+  --border-focus: #C8A851;
 
   /* Schatten */
   --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
@@ -68,12 +68,12 @@
   --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
   --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
   --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
-  --shadow-focus: 0 0 0 3px rgba(79, 70, 229, 0.2);
+  --shadow-focus: 0 0 0 3px rgba(200, 168, 81, 0.25);
 
   /* Scrollbar */
-  --scrollbar-bg: #F1F5F9;
-  --scrollbar-thumb: #CBD5E1;
-  --scrollbar-thumb-hover: #94A3B8;
+  --scrollbar-bg: #E8EDF6;
+  --scrollbar-thumb: #94A3B8;
+  --scrollbar-thumb-hover: #64748B;
 
   /* Overlay */
   --overlay-bg: rgba(15, 23, 42, 0.5);
@@ -158,7 +158,7 @@
      Z-INDEX
      ======================================== */
 
-  --z-dropdown: 100;
+  --z-dropdown: 300;
   --z-sticky: 200;
   --z-modal-overlay: 900;
   --z-modal: 1000;