🎉 Feat/Fix: Log Rotation & Integration Improvement 🎉

📚 Added htmx-integration.js for enhanced interactivity 🌟
💄 Refactored backend/logs/dark-light-unified.css for better theming consistency 📝
🐛 Optimized logging files (app.log, data_management.log, etc.) for performance & error tracking 🛡️

backend/static/css/dark-light-unified.css

@@ -77,30 +77,30 @@
 .dark {
     /* === DARK MODE FOUNDATION === */
     --bg-primary: #000000;
-    --bg-secondary: #0a0a0a;
-    --bg-tertiary: #1a1a1a;
-    --bg-card: #111111;
-    --bg-surface: #0d0d0d;
+    --bg-secondary: #0f0f0f;
+    --bg-tertiary: #1f1f1f;
+    --bg-card: #1a1a1a;
+    --bg-surface: #151515;
     --bg-overlay: rgba(0, 0, 0, 0.95);
-    --bg-modal: rgba(17, 17, 17, 0.98);
+    --bg-modal: rgba(26, 26, 26, 0.98);
     
     /* === TEXT COLORS DARK === */
     --text-primary: #ffffff;
-    --text-secondary: #e2e8f0;
-    --text-tertiary: #cbd5e1;
-    --text-muted: #94a3b8;
-    --text-accent: var(--mb-white);
-    --text-on-primary: var(--mb-black);
-    --text-success: #10b981;
-    --text-warning: #f59e0b;
-    --text-error: #ef4444;
+    --text-secondary: #f1f5f9;
+    --text-tertiary: #e2e8f0;
+    --text-muted: #cbd5e1;
+    --text-accent: #ffffff;
+    --text-on-primary: #000000;
+    --text-success: #22c55e;
+    --text-warning: #fbbf24;
+    --text-error: #f87171;
     
     /* === BORDER COLORS DARK === */
-    --border-primary: #1f2937;
-    --border-secondary: #374151;
-    --border-focus: var(--mb-white);
-    --border-error: #ef4444;
-    --border-success: #10b981;
+    --border-primary: #2d2d2d;
+    --border-secondary: #404040;
+    --border-focus: #ffffff;
+    --border-error: #f87171;
+    --border-success: #22c55e;
     
     /* === SHADOWS DARK === */
     --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
@@ -110,32 +110,63 @@
     --shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
     
     /* === GLASSMORPHISM DARK === */
-    --glass-bg: rgba(17, 17, 17, 0.8);
-    --glass-border: rgba(255, 255, 255, 0.1);
-    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+    --glass-bg: rgba(26, 26, 26, 0.85);
+    --glass-border: rgba(255, 255, 255, 0.15);
+    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
     --glass-blur: blur(16px);
     
     /* === INTERACTIVE STATES DARK === */
-    --hover-bg: rgba(255, 255, 255, 0.04);
-    --active-bg: rgba(255, 255, 255, 0.08);
-    --focus-ring: 0 0 0 3px rgba(255, 255, 255, 0.1);
+    --hover-bg: rgba(255, 255, 255, 0.08);
+    --active-bg: rgba(255, 255, 255, 0.12);
+    --focus-ring: 0 0 0 3px rgba(255, 255, 255, 0.2);
     
     /* === GRADIENTS DARK === */
-    --gradient-primary: linear-gradient(135deg, #000000 0%, #0a0a0a 100%);
-    --gradient-card: linear-gradient(135deg, #111111 0%, #0d0d0d 100%);
-    --gradient-modal: linear-gradient(135deg, #1a1a1a 0%, #111111 100%);
-    --gradient-button: linear-gradient(135deg, var(--mb-white) 0%, #f0f0f0 100%);
+    --gradient-primary: linear-gradient(135deg, #000000 0%, #0f0f0f 100%);
+    --gradient-card: linear-gradient(135deg, #1a1a1a 0%, #151515 100%);
+    --gradient-modal: linear-gradient(135deg, #1f1f1f 0%, #1a1a1a 100%);
+    --gradient-button: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
 }
 
 /* ===== UNIFIED COMPONENT STYLES ===== */
 
+/* === GLOBAL ROUNDED BORDERS === */
+* {
+    border-radius: 8px !important;
+}
+
+input, textarea, select, button {
+    border-radius: 12px !important;
+}
+
+.card, .modal, .glass-card, .mercedes-modal {
+    border-radius: 20px !important;
+}
+
+.badge, .btn-sm {
+    border-radius: 16px !important;
+}
+
+.avatar, .profile-image {
+    border-radius: 50% !important;
+}
+
+/* === ENHANCED SPACING SYSTEM === */
+.spacing-xs { margin: 0.25rem; padding: 0.25rem; }
+.spacing-sm { margin: 0.5rem; padding: 0.5rem; }
+.spacing-md { margin: 1rem; padding: 1rem; }
+.spacing-lg { margin: 1.5rem; padding: 1.5rem; }
+.spacing-xl { margin: 2rem; padding: 2rem; }
+.spacing-2xl { margin: 3rem; padding: 3rem; }
+
 /* === BUTTONS === */
 .btn {
-    @apply inline-flex items-center justify-center px-4 py-2 text-sm font-medium rounded-lg transition-all duration-200;
+    @apply inline-flex items-center justify-center px-6 py-3 text-sm font-medium transition-all duration-200;
     background: var(--bg-card);
     color: var(--text-primary);
     border: 1px solid var(--border-primary);
     box-shadow: var(--shadow-sm);
+    border-radius: 12px !important;
+    margin: 0.25rem;
 }
 
 .btn:hover {
@@ -173,10 +204,12 @@
 .card {
     background: var(--gradient-card);
     border: 1px solid var(--border-primary);
-    border-radius: 16px;
+    border-radius: 20px !important;
     box-shadow: var(--shadow-lg);
     backdrop-filter: var(--glass-blur);
     transition: all 0.3s ease;
+    margin: 0.75rem;
+    padding: 1.5rem;
 }
 
 .card:hover {
@@ -187,9 +220,11 @@
 .glass-card {
     background: var(--glass-bg);
     border: 1px solid var(--glass-border);
-    border-radius: 16px;
+    border-radius: 20px !important;
     box-shadow: var(--glass-shadow);
     backdrop-filter: var(--glass-blur);
+    margin: 0.75rem;
+    padding: 1.5rem;
 }
 
 /* === MODALS === */
@@ -327,10 +362,13 @@
 
 /* === FORM ELEMENTS === */
 .form-input {
-    @apply w-full px-4 py-3 rounded-lg transition-all duration-200;
+    @apply w-full transition-all duration-200;
     background: var(--bg-card);
     border: 1px solid var(--border-primary);
     color: var(--text-primary);
+    border-radius: 12px !important;
+    padding: 1rem 1.25rem;
+    margin: 0.5rem 0;
 }
 
 .form-input:focus {
@@ -344,14 +382,19 @@
 }
 
 .form-label {
-    @apply block text-sm font-medium mb-2;
+    @apply block text-sm font-medium;
     color: var(--text-secondary);
+    margin-bottom: 0.5rem;
+    margin-top: 1rem;
 }
 
 /* === NAVIGATION === */
 .nav-item {
-    @apply px-4 py-2 rounded-lg transition-all duration-200;
+    @apply transition-all duration-200;
     color: var(--text-secondary);
+    border-radius: 12px !important;
+    padding: 0.75rem 1rem;
+    margin: 0.25rem;
 }
 
 .nav-item:hover {
@@ -366,9 +409,12 @@
 
 /* === ALERTS === */
 .alert {
-    @apply p-4 rounded-lg border;
+    @apply border;
     background: var(--bg-card);
     border-color: var(--border-primary);
+    border-radius: 16px !important;
+    padding: 1.25rem;
+    margin: 1rem 0;
 }
 
 .alert-info {
@@ -403,19 +449,24 @@
 /* === TABLES === */
 .table {
     @apply w-full border-collapse;
+    border-radius: 16px !important;
+    overflow: hidden;
+    margin: 1rem 0;
 }
 
 .table th {
-    @apply px-6 py-4 text-left text-sm font-medium uppercase tracking-wider;
+    @apply text-left text-sm font-medium uppercase tracking-wider;
     background: var(--bg-tertiary);
     color: var(--text-tertiary);
     border-bottom: 1px solid var(--border-primary);
+    padding: 1rem 1.5rem;
 }
 
 .table td {
-    @apply px-6 py-4 text-sm;
+    @apply text-sm;
     color: var(--text-secondary);
     border-bottom: 1px solid var(--border-primary);
+    padding: 1rem 1.5rem;
 }
 
 .table tbody tr:hover {
@@ -424,18 +475,24 @@
 
 /* === TOOLTIPS === */
 .tooltip {
-    @apply absolute z-50 px-3 py-2 text-sm rounded-lg shadow-lg;
+    @apply absolute z-50 text-sm shadow-lg;
     background: var(--bg-modal);
     color: var(--text-primary);
     border: 1px solid var(--border-primary);
     backdrop-filter: var(--glass-blur);
+    border-radius: 12px !important;
+    padding: 0.75rem 1rem;
+    margin: 0.25rem;
 }
 
 /* === BADGES & STATUS === */
 .badge {
-    @apply inline-flex items-center px-3 py-1 rounded-full text-xs font-medium;
+    @apply inline-flex items-center text-xs font-medium;
     background: var(--bg-tertiary);
     color: var(--text-secondary);
+    border-radius: 16px !important;
+    padding: 0.5rem 0.75rem;
+    margin: 0.25rem;
 }
 
 .badge-primary {
@@ -475,14 +532,29 @@
     .modal {
         margin: 1rem;
         max-width: calc(100% - 2rem);
+        border-radius: 16px !important;
     }
     
     .card {
-        border-radius: 12px;
+        border-radius: 16px !important;
+        margin: 0.5rem;
+        padding: 1rem;
     }
     
     .btn {
-        @apply px-3 py-2 text-xs;
+        @apply text-xs;
+        padding: 0.5rem 1rem;
+        margin: 0.125rem;
+    }
+    
+    .form-input {
+        padding: 0.75rem 1rem;
+        margin: 0.25rem 0;
+    }
+    
+    .nav-item {
+        padding: 0.5rem 0.75rem;
+        margin: 0.125rem;
     }
 }
 
@@ -558,6 +630,57 @@
     transition-duration: 200ms;
 }
 
+/* === ENHANCED DARK MODE CONTRAST === */
+.dark .btn-primary {
+    background: var(--gradient-button);
+    color: var(--text-on-primary);
+    box-shadow: 0 4px 14px 0 rgba(255, 255, 255, 0.1);
+}
+
+.dark .btn-primary:hover {
+    background: #f5f5f5;
+    box-shadow: 0 6px 20px 0 rgba(255, 255, 255, 0.15);
+}
+
+.dark .card {
+    border: 1px solid var(--border-primary);
+    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.05);
+}
+
+.dark .form-input {
+    border: 1px solid var(--border-primary);
+    background: var(--bg-card);
+}
+
+.dark .form-input:focus {
+    border-color: var(--border-focus);
+    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
+}
+
+.dark .alert-info {
+    background: rgba(0, 115, 206, 0.15);
+    border-color: var(--mb-primary);
+    color: #60a5fa;
+}
+
+.dark .alert-success {
+    background: rgba(34, 197, 94, 0.15);
+    border-color: var(--text-success);
+    color: #4ade80;
+}
+
+.dark .alert-warning {
+    background: rgba(251, 191, 36, 0.15);
+    border-color: var(--text-warning);
+    color: #fbbf24;
+}
+
+.dark .alert-error {
+    background: rgba(248, 113, 113, 0.15);
+    border-color: var(--text-error);
+    color: #f87171;
+}
+
 /* === UTILITY CLASSES === */
 .theme-transition {
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);