"Update template files and add windows fixes"

backend/app/templates/guest_requests_overview.html

@@ -14,12 +14,25 @@
         background: rgba(15, 23, 42, 0.95);
         border: 1px solid rgba(255, 255, 255, 0.1);
     }
-    .premium-gradient {
+    
+    /* Light Mode Professional Gradient */
+    .professional-gradient {
+        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 25%, #cbd5e1 50%, #94a3b8 75%, #64748b 100%);
+    }
+    
+    /* Dark Mode Professional Gradient */
+    .dark .professional-gradient {
         background: linear-gradient(135deg, #0f172a 0%, #1e293b 25%, #334155 50%, #475569 75%, #64748b 100%);
     }
-    .premium-shadow {
+    
+    .professional-shadow {
         box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.05);
     }
+    
+    .dark .professional-shadow {
+        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.1);
+    }
+    
     .status-badge {
         @apply px-3 py-1 text-xs font-semibold rounded-full;
     }
@@ -60,14 +73,14 @@
 {% endblock %}
 
 {% block content %}
-<div class="min-h-screen">
+<div class="min-h-screen bg-gradient-to-br from-slate-100 via-blue-50 to-indigo-100 dark:from-slate-900 dark:via-slate-800 dark:to-slate-900">
     <!-- Hero Header -->
-    <div class="premium-gradient relative overflow-hidden">
-        <div class="absolute inset-0 bg-black/20"></div>
+    <div class="professional-gradient relative overflow-hidden">
+        <div class="absolute inset-0 bg-black/20 dark:bg-black/40"></div>
         <div class="relative max-w-7xl mx-auto px-6 lg:px-8 py-16">
             <div class="text-center">
                 <!-- Mercedes-Benz Logo -->
-                <div class="inline-flex items-center justify-center w-20 h-20 mercedes-glass rounded-full mb-6 premium-shadow">
+                <div class="inline-flex items-center justify-center w-20 h-20 mercedes-glass rounded-full mb-6 professional-shadow">
                     <svg class="w-10 h-10 text-white" viewBox="0 0 80 80" fill="currentColor">
                         <path d="M58.6,4.5C53,1.6,46.7,0,40,0c-6.7,0-13,1.6-18.6,4.5v0C8.7,11.2,0,24.6,0,40c0,15.4,8.7,28.8,21.5,35.5
                         C27,78.3,33.3,80,40,80c6.7,0,12.9-1.7,18.5-4.6C71.3,68.8,80,55.4,80,40C80,24.6,71.3,11.2,58.6,4.5z M4,40
@@ -78,12 +91,12 @@
                     </svg>
                 </div>
                 
-                <h1 class="text-4xl md:text-5xl font-bold mb-4 text-white tracking-tight">
-                    <span class="bg-gradient-to-r from-white to-blue-200 bg-clip-text text-transparent">
-                        📋 Druckanträge Übersicht
+                <h1 class="text-4xl md:text-5xl font-bold mb-4 text-white dark:text-slate-100 tracking-tight">
+                    <span class="bg-gradient-to-r from-white to-blue-200 dark:from-slate-100 dark:to-slate-300 bg-clip-text text-transparent">
+                        Druckanträge Übersicht
                     </span>
                 </h1>
-                <p class="text-lg md:text-xl text-blue-100 max-w-3xl mx-auto leading-relaxed">
+                <p class="text-lg md:text-xl text-blue-100 dark:text-slate-300 max-w-3xl mx-auto leading-relaxed">
                     Transparente Übersicht aller eingereichten Druckanträge mit Datenschutz-konformer Darstellung
                 </p>
             </div>
@@ -94,7 +107,7 @@
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 -mt-8 relative z-10 pb-16">
         
         <!-- Info Banner -->
-        <div class="mercedes-glass rounded-2xl p-6 mb-8 premium-shadow">
+        <div class="mercedes-glass rounded-2xl p-6 mb-8 professional-shadow">
             <div class="flex items-start space-x-4">
                 <div class="flex-shrink-0">
                     <div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-2xl flex items-center justify-center">
@@ -105,15 +118,15 @@
                 </div>
                 <div class="flex-1">
                     <h3 class="text-lg font-semibold text-slate-800 dark:text-slate-200 mb-2">
-                        🔒 Datenschutz & Transparenz
+                        Datenschutz & Transparenz
                     </h3>
                     <p class="text-slate-600 dark:text-slate-400 text-sm leading-relaxed">
                         Diese Übersicht zeigt alle eingereichten Druckanträge in anonymisierter Form. Persönliche Daten sind durch "***" zensiert, um die Privatsphäre zu schützen und gleichzeitig Transparenz über den Bearbeitungsstand zu gewährleisten.
                     </p>
                     <div class="mt-3 flex flex-wrap gap-2">
-                        <span class="status-badge bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-200">✨ Datenkonform</span>
-                        <span class="status-badge bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-200">🛡️ Anonymisiert</span>
-                        <span class="status-badge bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-200">👁️ Transparent</span>
+                        <span class="status-badge bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-200">Datenkonform</span>
+                        <span class="status-badge bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-200">Anonymisiert</span>
+                        <span class="status-badge bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-200">Transparent</span>
                     </div>
                 </div>
             </div>
@@ -126,27 +139,27 @@
             {% set approved_requests = requests|selectattr("status", "equalto", "approved")|list|length %}
             {% set denied_requests = requests|selectattr("status", "equalto", "denied")|list|length %}
             
-            <div class="mercedes-glass rounded-xl p-6 text-center premium-shadow">
+            <div class="mercedes-glass rounded-xl p-6 text-center professional-shadow">
                 <div class="text-3xl font-bold text-slate-900 dark:text-white mb-2">{{ total_requests }}</div>
                 <div class="text-sm text-slate-600 dark:text-slate-400">Gesamt</div>
             </div>
-            <div class="mercedes-glass rounded-xl p-6 text-center premium-shadow">
+            <div class="mercedes-glass rounded-xl p-6 text-center professional-shadow">
                 <div class="text-3xl font-bold text-yellow-600 mb-2">{{ pending_requests }}</div>
-                <div class="text-sm text-slate-600 dark:text-slate-400">🔄 Prüfung</div>
+                <div class="text-sm text-slate-600 dark:text-slate-400">Prüfung</div>
             </div>
-            <div class="mercedes-glass rounded-xl p-6 text-center premium-shadow">
+            <div class="mercedes-glass rounded-xl p-6 text-center professional-shadow">
                 <div class="text-3xl font-bold text-green-600 mb-2">{{ approved_requests }}</div>
-                <div class="text-sm text-slate-600 dark:text-slate-400">✅ Genehmigt</div>
+                <div class="text-sm text-slate-600 dark:text-slate-400">Genehmigt</div>
             </div>
-            <div class="mercedes-glass rounded-xl p-6 text-center premium-shadow">
+            <div class="mercedes-glass rounded-xl p-6 text-center professional-shadow">
                 <div class="text-3xl font-bold text-red-600 mb-2">{{ denied_requests }}</div>
-                <div class="text-sm text-slate-600 dark:text-slate-400">❌ Abgelehnt</div>
+                <div class="text-sm text-slate-600 dark:text-slate-400">Abgelehnt</div>
             </div>
         </div>
 
         <!-- Requests List -->
         {% if error %}
-        <div class="mercedes-glass rounded-2xl p-8 text-center premium-shadow">
+        <div class="mercedes-glass rounded-2xl p-8 text-center professional-shadow">
             <div class="text-red-500 mb-4">
                 <svg class="w-16 h-16 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
@@ -156,7 +169,7 @@
             <p class="text-slate-600 dark:text-slate-400">{{ error }}</p>
         </div>
         {% elif requests|length == 0 %}
-        <div class="mercedes-glass rounded-2xl p-8 text-center premium-shadow">
+        <div class="mercedes-glass rounded-2xl p-8 text-center professional-shadow">
             <div class="text-slate-400 mb-4">
                 <svg class="w-16 h-16 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
@@ -177,7 +190,7 @@
         {% else %}
         <div class="space-y-4">
             {% for request in requests %}
-            <div class="request-card {{ request.status }} mercedes-glass rounded-2xl p-6 premium-shadow">
+            <div class="request-card {{ request.status }} mercedes-glass rounded-2xl p-6 professional-shadow">
                 <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between space-y-4 lg:space-y-0">
                     
                     <!-- Left Section: Request Info -->
@@ -188,16 +201,16 @@
                             </div>
                             <div class="status-badge status-{{ request.status }}">
                                 {% if request.status == 'pending' %}
-                                    🔄 Wird geprüft
+                                    Wird geprüft
                                 {% elif request.status == 'approved' %}
-                                    ✅ Genehmigt
+                                    Genehmigt
                                 {% elif request.status == 'denied' %}
-                                    ❌ Abgelehnt
+                                    Abgelehnt
                                 {% endif %}
                             </div>
                             {% if request.job_status %}
                             <div class="status-badge bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-200">
-                                🖨️ {{ request.job_status|title }}
+                                Druckstatus: {{ request.job_status|title }}
                             </div>
                             {% endif %}
                         </div>