Update app.py

app.py

@@ -117,9 +117,48 @@ def pipeline(image):
     )
 
 # --- GRADIO BLOCKS UI ---
-with gr.Blocks(css="""
-    .result-box {border: 1px solid #ddd; padding: 10px; border-radius: 8px;}
-    .section-title {font-size: 1.2em; font-weight: bold; margin-bottom: 5px;}
+withwith gr.Blocks(css="""
+  /* background for entire app */
+  .gradio-container {
+    background-color: #f5f7fa !important;
+  }
+
+  /* style each of the three Textbox outputs */
+  .gradio-textbox textarea {
+    background-color: #ffffff !important;
+    border: 1px solid #cbd2d9 !important;
+    border-radius: 8px !important;
+    padding: 12px !important;
+    font-size: 1rem !important;
+    color: #333333 !important;
+    min-height: 3em !important;
+  }
+
+  /* style the Accordion panel */
+  .gradio-accordion {
+    background-color: #ffffff !important;
+    border: 1px solid #cbd2d9 !important;
+    border-radius: 8px !important;
+    padding: 8px !important;
+  }
+
+  /* style the Analyze button */
+  .gradio-button {
+    background-color: #0072ce !important;
+    color: white !important;
+    border-radius: 6px !important;
+    padding: 8px 16px !important;
+    font-weight: 600 !important;
+  }
+  .gradio-button:hover {
+    background-color: #005bb5 !important;
+  }
+
+  /* section headers */
+  .gradio-markdown h1, .gradio-markdown h2 {
+    color: #1f2937 !important;
+    margin-bottom: 0.5em !important;
+  }
 """) as demo:
     gr.Markdown("# Wildfire Detection & Management Assistant")
     gr.Markdown("Upload a forest image from Pakistan; the system will detect fire, assess severity, analyze weather trends, and provide in-depth recommendations.")