UI update

app.py

@@ -310,11 +310,11 @@ Answer:"""
         :root {
             --primary-color: #FF8C00; /* Darker Orange for buttons/accents */
             --primary-hover: #E07B00; /* Slightly darker orange for hover */
-            --background-primary: hsl(30, 100%, 99.5%); /* Very bright, almost white, but distinctly warm cream */
-            --background-secondary: hsl(30, 100%, 97%); /* Slightly deeper, yet still very light, warm cream/peach */
+            --background-primary: hsl(30, 100%, 99%); /* Very bright, almost white, but distinctly warm cream */
+            --background-secondary: hsl(30, 100%, 96%); /* Slightly deeper, yet still very light, warm peach */
             --text-primary: #4A3C32; /* Dark warm brown/charcoal for main text */
             --text-secondary: #8C7B6F; /* Muted warm gray/brown for secondary text */
-            --border-color: hsl(30, 70%, 88%); /* Light, warm orange-brown for borders */
+            --border-color: hsl(30, 70%, 85%); /* Light, warm orange-brown for borders */
             --border-focus: #FF8C00; /* Focus color matches primary */
             --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
             --shadow-md: 0 4px 10px rgba(0,0,0,0.1);
@@ -353,9 +353,9 @@ Answer:"""
             background-color: var(--background-secondary) !important; /* Overall background of the container */
             box-shadow: none !important; /* Remove default gradio container shadow */
         }
-        /* Ensure all main content sections have primary background */
+        /* Ensure all main content sections use the gradient background */
         .main-dashboard-container > * {
-            /* Background will be set by .dashboard-card-section with a gradient */
+            background: linear-gradient(145deg, var(--background-primary) 0%, var(--background-secondary) 100%) !important;
         }
 
         /* Header styling - centered and prominent */
@@ -386,7 +386,7 @@ Answer:"""
         }
 
         .app-header-logo {
-            font-size: 7rem !important; /* Significantly larger icon */
+            font-size: 7.5rem !important; /* Significantly larger icon */
             margin-bottom: 0.75rem !important;
             display: block !important; 
             color: var(--primary-color) !important; /* Theme color */
@@ -433,7 +433,7 @@ Answer:"""
         }
         /* Card sections with clear boundaries and subtle dynamic effects */
         .dashboard-card-section {
-            background: linear-gradient(145deg, var(--background-primary) 0%, var(--background-secondary) 100%) !important; /* Gentle gradient */
+            /* Background already set by .main-dashboard-container > * */
             border: 2px solid var(--border-color) !important; /* Distinct border */
             border-radius: 12px !important;
             padding: 1.75rem !important; /* Consistent padding */
@@ -726,7 +726,7 @@ Answer:"""
         }
         /* Placeholder styling for empty output */
         .placeholder {
-            background-color: var(--background-secondary) !important; /* Explicitly set background */
+            background-color: var(--background-primary) !important; /* Explicitly set background to primary white */
             border: 2px dashed var(--border-color) !important;
             border-radius: 8px !important;
             padding: 2.5rem 1.5rem !important;
@@ -777,7 +777,7 @@ Answer:"""
         
         /* Footer styling - centered text */
         .app-footer-wrapper {
-            background-color: var(--background-secondary) !important; /* Explicitly set background */
+            background: linear-gradient(145deg, var(--background-primary) 0%, var(--background-secondary) 100%) !important; /* Gradient background */
             border: 2px solid var(--border-color) !important;
             border-radius: 12px !important;
             padding: 1.75rem !important;