UI update

app.py

@@ -244,7 +244,6 @@ Answer:"""
 
  
 
-    import gradio as gr
 
     def gradio_interface(self):
         def query_interface_wrapper(api_key: str, query: str, state: str) -> str:
@@ -318,7 +317,7 @@ Answer:"""
         body, html {
             background-color: var(--background-secondary) !important;
             color: var(--text-primary) !important;
-            transition: none !important; /* Disable transitions to prevent theme switching */
+            transition: none !important;
         }
         .gradio-container {
             max-width: 900px !important;
@@ -333,7 +332,7 @@ Answer:"""
             background-color: var(--background-primary) !important;
         }
         .app-header-wrapper {
-            background: linear-gradient(145deg, var(--background-primary) 0%, var(--background-secondary) 100%) !important;
+            background: var(--background-primary) !important; /* Changed to solid background for better blending */
             border: 2px solid var(--border-color) !important;
             border-radius: 16px !important;
             padding: 2.5rem 1.5rem !important;
@@ -344,18 +343,6 @@ Answer:"""
             text-align: center !important;
             color: var(--text-primary) !important;
         }
-        .app-header-wrapper::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background: radial-gradient(circle at top left, rgba(255,140,0,0.3) 0%, transparent 60%), radial-gradient(circle at bottom right, rgba(255,140,0,0.3) 0%, transparent 60%);
-            z-index: 0;
-            opacity: 0.8;
-            pointer-events: none;
-        }
         .app-header-logo {
             font-size: 8.5rem !important;
             margin-bottom: 0.75rem !important;
@@ -382,6 +369,7 @@ Answer:"""
             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;
@@ -392,6 +380,7 @@ Answer:"""
             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;
@@ -421,7 +410,7 @@ Answer:"""
             background-color: transparent !important;
         }
         .section-title-gradient-bar {
-            background-color: var(--background-secondary) !important;
+            background-color: var(--background-primary) !important; /* Changed to solid background for better blending */
             padding: 1.25rem 1.75rem !important;
             border-top-left-radius: 10px !important;
             border-top-right-radius: 10px !important;
@@ -438,11 +427,12 @@ Answer:"""
             color: var(--text-primary) !important;
             margin: 0 !important;
             padding-bottom: 0 !important;
-            border-bottom:  Gtk-2px solid var(--border-color) !important;
+            border-bottom: 2px solid var(--border-color) !important;
             line-height: 1.1 !important;
             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;
@@ -540,13 +530,13 @@ Answer:"""
         }
         .gradio-radio input[type="radio"]:checked + label {
             background-color: var(--primary-color) !important;
-            color: var(--text-primary) !important;
+            color: white !important; /* Changed to white for better contrast */
             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: var(--text-primary) !important;
+            color: white !important; /* Changed to white for better contrast */
         }
         .gradio-radio .gr-form {
             padding: 0 !important;
@@ -748,7 +738,7 @@ Answer:"""
             display: none !important;
         }
         .app-footer-wrapper {
-            background: linear-gradient(145deg, var(--background-primary) 0%, var(--background-secondary) 100%) !important;
+            background: var(--background-primary) !important; /* Changed to solid background for consistency */
             border: 2px solid var(--border-color) !important;
             border-radius: 12px !important;
             padding: 1.75rem !important;
@@ -801,8 +791,6 @@ Answer:"""
             .gradio-button {
                 width: 100% !important;
             }
-            .dashboard-card-section {
-            }
             .section-title-gradient-bar {
                 padding: 0.1rem 1rem !important;
             }
@@ -912,7 +900,7 @@ Answer:"""
                     <style>
                         .custom-link {{
                             font-weight: bold !important;
-                            color: orange !important;
+                            color: var(--primary-color) !important;
                             text-decoration: underline;
                         }}
                     </style>