style: 更新侧边栏背景渐变和主体字体。

frontend/css/style.css

@@ -1,6 +1,6 @@
 :root {
-    --primary-orange: #FF6B35;
+  --primary-orange: #ff6b35;
-    --secondary-orange: #F28C28;
+  --secondary-orange: #f28c28;
   --dark-gray: #333;
   --medium-gray: #666;
   --light-gray: #f5f5f5;
@@ -21,7 +21,7 @@
 }
 
 body {
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   background-color: var(--light-gray);
   color: var(--dark-gray);
   line-height: 1.6;
@@ -36,7 +36,7 @@ body {
 /* Sidebar Styles */
 .sidebar {
   width: var(--sidebar-width);
-    background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
+    background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
   color: var(--white);
   position: fixed;
   height: 100vh;
@@ -304,7 +304,7 @@ body {
 }
 
 .icon-btn::after {
-    content: '';
+  content: "";
   position: absolute;
   top: 5px;
   right: 5px;
@@ -659,7 +659,6 @@ body {
   background-color: rgba(255, 107, 53, 0.1);
 }
 
-
 /* File Upload */
 .file-upload {
   position: relative;
@@ -757,7 +756,9 @@ td.has-overflow:hover::before {
   overflow: auto;
   word-wrap: break-word;
   z-index: 1000;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow:
+    0 4px 12px rgba(0, 0, 0, 0.3),
+    0 0 0 1px rgba(255, 255, 255, 0.1);
   margin-bottom: 8px;
   text-align: left;
   line-height: 1.5;
@@ -808,12 +809,14 @@ td.overflow-cell {
   overflow: auto;
   overflow-wrap: anywhere;
   pointer-events: auto;
-    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow:
+    0 8px 24px rgba(0, 0, 0, 0.35),
+    0 0 0 1px rgba(255, 255, 255, 0.1);
   line-height: 1.5;
 }
 
 .cell-tooltip::after {
-    content: '';
+  content: "";
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
@@ -935,8 +938,8 @@ td.overflow-cell {
 
 /* Highlighted stat card for follow-up count */
 .stat-card-highlight {
-    background: linear-gradient(135deg, #FF6B35 0%, #F28C28 100%);
+  background: linear-gradient(135deg, #ff6b35 0%, #f28c28 100%);
-    border: 2px solid #FF6B35;
+  border: 2px solid #ff6b35;
   box-shadow: 0 8px 20px rgba(255, 107, 53, 0.3);
 }
 
@@ -1556,7 +1559,6 @@ td.overflow-cell {
 }
 
 @keyframes pulse {
-
   0%,
   100% {
     opacity: 1;
@@ -2321,7 +2323,11 @@ tr:hover .action-cell {
 }
 
 .customer-tab.active {
-    background: linear-gradient(135deg, var(--primary-orange), var(--secondary-orange));
+  background: linear-gradient(
+    135deg,
+    var(--primary-orange),
+    var(--secondary-orange)
+  );
   color: var(--white);
   border-color: transparent;
   box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
@@ -2445,7 +2451,9 @@ tr:hover .action-cell {
   border-radius: 12px;
   border: 1px solid var(--border-color);
   overflow: hidden;
-    transition: box-shadow 0.3s ease, transform 0.3s ease;
+  transition:
+    box-shadow 0.3s ease,
+    transform 0.3s ease;
 }
 
 .customer-summary-card:hover {

frontend/js/main.js

@@ -1471,7 +1471,7 @@ document.addEventListener("DOMContentLoaded", function () {
             },
           },
           title: {
-            display: true,
+            display: false,
             text: chartTitle,
             font: {
               size: 16,
@@ -1576,7 +1576,7 @@ document.addEventListener("DOMContentLoaded", function () {
             },
           },
           title: {
-            display: true,
+            display: false,
             text: chartTitle,
             font: {
               size: 16,