Update app.py

app.py

@@ -36,7 +36,7 @@ chat_model = genai.GenerativeModel('"gemini-2.0-pro-exp-02-05"')
 
 
 # Enhanced CSS for better header styling
-CUSTOM_CSS = """
+CUSTOM_CSS = '''
 .gradio-container {
     max-width: 1200px !important;
     margin: auto !important;
@@ -88,7 +88,97 @@ CUSTOM_CSS = """
     font-style: italic !important;
 }
 
-[... rest of the CSS remains the same ...]"""
+.status-box {
+    background: #363636 !important;
+    border-left: 4px solid #3498DB !important;
+    padding: 15px !important;
+    margin: 10px 0 !important;
+    border-radius: 0 5px 5px 0 !important;
+    color: #ffffff !important;
+}
+
+.chart-container {
+    background: #2d2d2d !important;
+    padding: 20px !important;
+    border-radius: 10px !important;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
+    color: #ffffff !important;
+}
+
+.chat-container {
+    height: 400px !important;
+    overflow-y: auto !important;
+    border: 1px solid #404040 !important;
+    border-radius: 10px !important;
+    padding: 15px !important;
+    background: #2d2d2d !important;
+    color: #ffffff !important;
+}
+
+.file-upload {
+    border: 2px dashed #404040 !important;
+    border-radius: 10px !important;
+    padding: 20px !important;
+    text-align: center !important;
+    background: #2d2d2d !important;
+    color: #ffffff !important;
+}
+
+.result-box {
+    background: #363636 !important;
+    border: 1px solid #404040 !important;
+    border-radius: 10px !important;
+    padding: 20px !important;
+    margin-top: 15px !important;
+    color: #ffffff !important;
+}
+
+.tab-content {
+    background: #2d2d2d !important;
+    padding: 20px !important;
+    border-radius: 10px !important;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
+    color: #ffffff !important;
+}
+
+/* Form elements */
+input, select, textarea {
+    background: #363636 !important;
+    color: #ffffff !important;
+    border: 1px solid #404040 !important;
+}
+
+input:focus, select:focus, textarea:focus {
+    border-color: #3498DB !important;
+    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2) !important;
+}
+
+/* Buttons */
+.action-button {
+    background: #3498DB !important;
+    color: white !important;
+    border: none !important;
+    padding: 10px 20px !important;
+    border-radius: 5px !important;
+    cursor: pointer !important;
+    transition: all 0.3s ease !important;
+}
+
+.action-button:hover {
+    background: #2980B9 !important;
+    transform: translateY(-2px) !important;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
+}
+
+/* Footer */
+.footer {
+    text-align: center !important;
+    padding: 20px !important;
+    margin-top: 40px !important;
+    border-top: 1px solid #404040 !important;
+    color: #888888 !important;
+}
+'''
 
 def create_interface():
     """Create Gradio interface with enhanced UI"""