Update app.py

app.py

@@ -121,18 +121,58 @@ def answer_question(news_content, question):
 # ====================== BEAUTIFUL UI ======================
 with gr.Blocks(
     title="English News Classifier",
-    theme=gr.themes.Soft(),           # Modern & Clean theme
+    theme=gr.themes.Soft(),
     css="""
     .gradio-container {
-        max-width: 1200px;
+        max-width: 1250px;
         margin: auto;
-        background: linear-gradient(180deg, #1a1a2e, #16213e);
+        background: linear-gradient(135deg, #0f172a 0%, #1e2937 100%);
     }
     h1 {
         text-align: center;
-        font-size: 2.8rem;
+        font-size: 2.9rem;
+        background: linear-gradient(90deg, #60a5fa, #c084fc);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
         margin-bottom: 10px;
     }
+    /* Upload Box - Gradient */
+    .file-upload {
+        background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
+        border-radius: 16px;
+        border: none;
+    }
+    /* Classify News Button - Gradient */
+    button.primary {
+        background: linear-gradient(90deg, #6366f1, #a855f7) !important;
+        border: none;
+        font-weight: 700;
+        font-size: 1.1rem;
+        padding: 14px 0;
+        border-radius: 12px;
+        transition: all 0.3s ease;
+    }
+    button.primary:hover {
+        transform: translateY(-3px);
+        box-shadow: 0 15px 25px rgba(139, 92, 246, 0.5);
+    }
+    /* Status Box - Gradient */
+    .status-box {
+        background: linear-gradient(135deg, #10b981, #34d399) !important;
+        color: white;
+        border-radius: 12px;
+    }
+    /* Download Button - Gradient */
+    button.secondary {
+        background: linear-gradient(90deg, #ec4899, #f43f5e) !important;
+        color: white;
+        font-weight: 600;
+    }
+    /* Tab styling */
+    .tab-label {
+        font-size: 1.15rem;
+        font-weight: 600;
+    }
     """
 ) as demo:
 
@@ -146,7 +186,7 @@ with gr.Blocks(
             file_input = gr.File(
                 label="📤 Upload your CSV file",
                 file_types=[".csv"],
-                height=140
+                height=160
             )
             
             classify_btn = gr.Button("🚀 Classify News", variant="primary", size="large")