Update app.py

app.py

@@ -121,13 +121,18 @@ CUSTOM_CSS = """
     border-radius: 12px !important;
     padding: 2rem !important;
     margin: 0.5rem !important;
-    color: #081423 !important;
 }
 
 .result-card h3 {
     font-size: 1.5rem !important;
     margin-bottom: 1rem !important;
-    color: #1F2C6D !important;
+    color: #081423 !important;
+    font-weight: 600 !important;
+}
+
+.result-card p, .result-card strong {
+    color: #081423 !important;
+    font-size: 1.1rem !important;
 }
 
 /* Calculator section */
@@ -156,20 +161,44 @@ CUSTOM_CSS = """
     opacity: 1 !important;
 }
 
+/* Sliders and inputs in calculator */
+.calculator-tabs label span:first-child {
+    color: #ECF0F6 !important;
+    font-weight: 500 !important;
+}
+
+.calculator-tabs .info-text {
+    color: #ECF0F6 !important;
+    opacity: 0.8 !important;
+}
+
 /* Recommendation panel */
 .recommendation-panel {
     background-color: #FFC700 !important;
     border-radius: 12px !important;
     padding: 2rem !important;
     margin-top: 1.5rem !important;
-    color: #081423 !important;
 }
 
 .recommendation-panel h3 {
+    color: #081423 !important;
     font-size: 1.5rem !important;
+    font-weight: 600 !important;
     margin-bottom: 1rem !important;
 }
 
+.recommendation-panel ul {
+    list-style-type: none !important;
+    padding-left: 0 !important;
+    margin: 1rem 0 !important;
+}
+
+.recommendation-panel li {
+    color: #081423 !important;
+    margin-bottom: 0.75rem !important;
+    font-size: 1.1rem !important;
+}
+
 /* Calculate button */
 .calculate-button {
     background-color: #FFC700 !important;
@@ -180,6 +209,12 @@ CUSTOM_CSS = """
     margin-top: 2rem !important;
     font-size: 1.1rem !important;
     width: auto !important;
+    transition: all 0.2s !important;
+}
+
+.calculate-button:hover {
+    transform: translateY(-2px) !important;
+    box-shadow: 0 4px 12px rgba(255, 199, 0, 0.3) !important;
 }
 """
 
@@ -391,11 +426,16 @@ def create_app():
             
             return build_text, preamble_text
 
-        def update_api_calls_visibility(existing_ai, deployment_type):
+        def update_api_calls_visibility(existing_ai, deployment_type, budget):
+            try:
+                budget_value = float(budget) if budget is not None else 0
+            except (ValueError, TypeError):
+                budget_value = 0
+                
             should_show = (
                 deployment_type != "On-Premises" and
                 (existing_ai == "Yes, we have existing AI applications" or
-                 monthly_budget <= 5000)
+                 budget_value <= 5000)
             )
             return gr.update(visible=should_show)
 
@@ -410,10 +450,11 @@ def create_app():
             if input_elem in [deployment_type, existing_ai]:
                 input_elem.change(
                     fn=update_api_calls_visibility,
-                    inputs=[existing_ai, deployment_type],
+                    inputs=[existing_ai, deployment_type, monthly_budget],
                     outputs=[estimated_api_calls]
                 )
 
+        # Connect calculate button
         calculate_button.click(
             fn=update_results,
             inputs=[