Implement data integration tasks with Celery, including periodic fetching and manual refresh of chat data; add utility functions for data processing and transcript handling; create views and URLs for manual data refresh; establish Redis and Celery configuration; enhance error handling and logging; introduce scripts for data cleanup and fixing dashboard data; update documentation for Redis and Celery setup and troubleshooting.

dashboard_project/static/css/dashboard.css

@@ -2,6 +2,186 @@
  * dashboard.css - Styles specific to dashboard functionality
  */
 
+/* Theme variables */
+:root {
+    /* Light theme (default) */
+    --bg-color: #f8f9fa;
+    --text-color: #212529;
+    --card-bg: #ffffff;
+    --card-border: #dee2e6;
+    --card-header-bg: #f1f3f5;
+    --sidebar-bg: #f8f9fa;
+    --navbar-bg: #343a40;
+    --navbar-color: #ffffff;
+    --link-color: #007bff;
+    --secondary-text: #6c757d;
+    --border-color: #e9ecef;
+    --input-bg: #ffffff;
+    --input-border: #ced4da;
+    --table-stripe: rgba(0, 0, 0, 0.05);
+    --stats-card-bg: #f1f3f5;
+    --icon-bg: #e9f2ff;
+    --icon-color: #007bff;
+    --theme-transition:
+        color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
+}
+
+/* Dark theme */
+[data-bs-theme="dark"] {
+    --bg-color: #212529;
+    --text-color: #f8f9fa;
+    --card-bg: #343a40;
+    --card-border: #495057;
+    --card-header-bg: #495057;
+    --sidebar-bg: #2c3034;
+    --navbar-bg: #1c1f23;
+    --navbar-color: #f8f9fa;
+    --link-color: #6ea8fe;
+    --secondary-text: #adb5bd;
+    --border-color: #495057;
+    --input-bg: #2b3035;
+    --input-border: #495057;
+    --table-stripe: rgba(255, 255, 255, 0.05);
+    --stats-card-bg: #2c3034;
+    --icon-bg: #1e3a8a;
+    --icon-color: #6ea8fe;
+}
+
+/* Apply theme variables */
+body {
+    background-color: var(--bg-color);
+    color: var(--text-color);
+    transition: var(--theme-transition);
+}
+
+.card {
+    background-color: var(--card-bg);
+    border-color: var(--card-border);
+    transition: var(--theme-transition);
+}
+
+.card-header {
+    background-color: var(--card-header-bg);
+    border-bottom-color: var(--card-border);
+    transition: var(--theme-transition);
+}
+
+.navbar-dark {
+    background-color: var(--navbar-bg) !important;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.navbar-dark .navbar-brand,
+.navbar-dark .nav-link,
+.navbar-dark .navbar-text {
+    color: var(--navbar-color) !important;
+}
+
+.navbar-dark .btn-outline-light {
+    border-color: var(--border-color);
+    color: var(--navbar-color);
+}
+
+.navbar-dark .btn-outline-light:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: var(--border-color);
+}
+
+.sidebar {
+    background-color: var(--sidebar-bg) !important;
+}
+
+/* Sidebar navigation styling with dark mode support */
+.sidebar .nav-link {
+    color: var(--text-color);
+    transition: all 0.2s ease;
+    border-radius: 0.375rem;
+    margin: 0.1rem 0.5rem;
+    padding: 0.5rem 1rem;
+}
+
+.sidebar .nav-link:hover {
+    color: var(--link-color);
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+[data-bs-theme="dark"] .sidebar .nav-link:hover {
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
+.sidebar .nav-link.active {
+    color: var(--link-color);
+    background-color: rgba(13, 110, 253, 0.1);
+    font-weight: 600;
+}
+
+[data-bs-theme="dark"] .sidebar .nav-link.active {
+    background-color: rgba(110, 168, 254, 0.1);
+}
+
+.sidebar .nav-link i {
+    color: var(--secondary-text);
+    width: 20px;
+    text-align: center;
+    margin-right: 0.5rem;
+}
+
+.sidebar .nav-link:hover i,
+.sidebar .nav-link.active i {
+    color: var(--link-color);
+}
+
+.sidebar .nav-header {
+    color: var(--secondary-text);
+    font-size: 0.8rem;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    padding: 0.5rem 1.25rem;
+    margin-top: 1rem;
+}
+
+.table {
+    color: var(--text-color);
+}
+
+.table-striped tbody tr:nth-of-type(odd) {
+    background-color: var(--table-stripe);
+}
+
+.nav-link {
+    color: var(--link-color);
+}
+
+.stats-card {
+    background-color: var(--stats-card-bg) !important;
+}
+
+.stat-card .stat-icon {
+    background-color: var(--icon-bg);
+    color: var(--icon-color);
+}
+
+.form-control,
+.form-select {
+    background-color: var(--input-bg);
+    border-color: var(--input-border);
+    color: var(--text-color);
+}
+
+/* Footer */
+footer {
+    background-color: var(--card-bg);
+    border-top: 1px solid var(--border-color);
+    color: var(--secondary-text);
+    margin-top: 2rem;
+    padding: 1.5rem 0;
+    transition: var(--theme-transition);
+}
+
+[data-bs-theme="dark"] footer {
+    background-color: var(--navbar-bg);
+}
+
 /* Dashboard grid layout */
 .dashboard-grid {
     display: grid;
@@ -291,7 +471,43 @@
     }
 }
 
-/* --- Stat Boxes Alignment Fix (Bottom Align, No Overlap) --- */
+/* Preserve colored background for stat cards in both themes */
+.col-md-3 .card.stats-card.bg-primary {
+    background-color: var(--bs-primary) !important;
+    color: white !important;
+}
+
+.col-md-3 .card.stats-card.bg-success {
+    background-color: var(--bs-success) !important;
+    color: white !important;
+}
+
+.col-md-3 .card.stats-card.bg-info {
+    background-color: var(--bs-info) !important;
+    color: white !important;
+}
+
+.col-md-3 .card.stats-card.bg-warning {
+    background-color: var(--bs-warning) !important;
+    color: white !important;
+}
+
+.col-md-3 .card.stats-card.bg-danger {
+    background-color: var(--bs-danger) !important;
+    color: white !important;
+}
+
+.col-md-3 .card.stats-card.bg-secondary {
+    background-color: var(--bs-secondary) !important;
+    color: white !important;
+}
+
+.col-md-3 .card.stats-card.bg-light {
+    background-color: var(--bs-light) !important;
+    color: var(--bs-dark) !important;
+}
+
+/* Stats Cards Alignment Fix (Bottom Align, No Overlap) */
 .stats-row {
     display: flex;
     flex-wrap: wrap;