UI update

app.py

@@ -245,6 +245,7 @@ Answer:"""
  
 
 
+
     def gradio_interface(self):
         def query_interface_wrapper(api_key: str, query: str, state: str) -> str:
             # Basic client-side validation for immediate feedback (redundant but good UX)
@@ -302,7 +303,7 @@ Answer:"""
             --primary-hover: #E07B00;
             --background-primary: hsl(30, 100%, 99.9%);
             --background-secondary: hsl(30, 100%, 96%);
-            --text-primary: #4A3C32;
+            --text-primary: #3A2F28; /* Darkened slightly for better contrast */
             --text-secondary: #8C7B6F;
             --border-color: hsl(30, 70%, 85%);
             --border-focus: #FF8C00;
@@ -315,7 +316,7 @@ Answer:"""
         }
 
         body, html {
-            background-color: var(--background-secondary) !important;
+            background-color: var(--background-primary) !important;
             color: var(--text-primary) !important;
             transition: none !important;
         }
@@ -324,7 +325,7 @@ Answer:"""
             margin: 0 auto !important;
             padding: 1.5rem !important;
             font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
-            background-color: var(--background-secondary) !important;
+            background-color: var(--background-primary) !important;
             box-shadow: none !important;
             color: var(--text-primary) !important;
         }
@@ -332,14 +333,12 @@ Answer:"""
             background-color: var(--background-primary) !important;
         }
         .app-header-wrapper {
-            background: var(--background-primary) !important; /* Changed to solid background for better blending */
+            background-color: var(--background-primary) !important;
             border: 2px solid var(--border-color) !important;
             border-radius: 16px !important;
             padding: 2.5rem 1.5rem !important;
             margin-bottom: 1.5rem !important;
             box-shadow: var(--shadow-md) !important;
-            position: relative;
-            overflow: hidden;
             text-align: center !important;
             color: var(--text-primary) !important;
         }
@@ -348,8 +347,6 @@ Answer:"""
             margin-bottom: 0.75rem !important;
             display: block !important;
             color: var(--primary-color) !important;
-            position: relative;
-            z-index: 1;
             animation: float-icon 3s ease-in-out infinite alternate;
         }
         @keyframes float-icon {
@@ -365,11 +362,8 @@ Answer:"""
             margin: 0 0 0.75rem 0 !important;
             line-height: 1.1 !important;
             letter-spacing: -0.03em !important;
-            position: relative;
-            z-index: 1;
             display: inline-block;
             max-width: 100%;
-            text-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; /* Subtle shadow for better blending */
         }
         .app-header-tagline {
             font-size: 1.25rem !important;
@@ -378,14 +372,12 @@ Answer:"""
             margin: 0 !important;
             max-width: 700px;
             display: inline-block;
-            position: relative;
-            z-index: 1;
-            text-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; /* Subtle shadow for better blending */
         }
         .main-dashboard-container {
             display: flex !important;
             flex-direction: column !important;
             gap: 1.25rem !important;
+            background-color: var(--background-primary) !important;
         }
         .dashboard-card-section {
             background-color: var(--background-primary) !important;
@@ -407,10 +399,10 @@ Answer:"""
             align-items: center !important;
             width: 100% !important;
             flex-direction: column !important;
-            background-color: transparent !important;
+            background-color: var(--background-primary) !important;
         }
         .section-title-gradient-bar {
-            background-color: var(--background-primary) !important; /* Changed to solid background for better blending */
+            background-color: var(--background-primary) !important;
             padding: 1.25rem 1.75rem !important;
             border-top-left-radius: 10px !important;
             border-top-right-radius: 10px !important;
@@ -432,7 +424,6 @@ Answer:"""
             display: inline-block !important;
             text-align: center !important;
             letter-spacing: -0.01em !important;
-            text-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; /* Subtle shadow for better blending */
         }
         .dashboard-card-content-area {
             padding: 0 1.75rem 1.75rem 1.75rem !important;
@@ -530,13 +521,15 @@ Answer:"""
         }
         .gradio-radio input[type="radio"]:checked + label {
             background-color: var(--primary-color) !important;
-            color: white !important; /* Changed to white for better contrast */
+            color: white !important;
             border-color: var(--primary-hover) !important;
             box-shadow: var(--shadow-md) !important;
             transform: translateY(-1px) !important;
         }
-        .gradio-radio input[type="radio"]:checked + label span.text-lg {
-            color: white !important; /* Changed to white for better contrast */
+        .gradio-radio input
+
+    [type="radio"]:checked + label span.text-lg {
+            color: white !important;
         }
         .gradio-radio .gr-form {
             padding: 0 !important;
@@ -738,7 +731,7 @@ Answer:"""
             display: none !important;
         }
         .app-footer-wrapper {
-            background: var(--background-primary) !important; /* Changed to solid background for consistency */
+            background-color: var(--background-primary) !important;
             border: 2px solid var(--border-color) !important;
             border-radius: 12px !important;
             padding: 1.75rem !important;