Update app.py

app.py

@@ -106,37 +106,68 @@ rag_chain = (
 # ==========================================
 # 4. PROFESSIONAL FRONTEND (GRADIO BLOCKS)
 # ==========================================
+
+
+# ==========================================
+# 4. PROFESSIONAL FRONTEND (STYLING FIXED)
+# ==========================================
+
+# Improved CSS for high-contrast visibility
 custom_css = """
 #main-container { max-width: 900px; margin: auto; padding: 20px; }
 .header-text { text-align: center; color: #1e293b; margin-bottom: 2px; }
-.report-box { background-color: #ffffff; border-radius: 8px; border: 1px solid #e2e8f0; padding: 15px; min-height: 200px; }
-"""
 
-def process_query(query):
-    if not query.strip(): 
-        return "### ⚠️ System Note\n*Please enter a strategic inquiry to begin analysis.*"
-    try:
-        return rag_chain.invoke(query)
-    except Exception as e:
-        return f"### ❌ Error\nAn error occurred: {str(e)}"
+/* The result box styling */
+.report-box { 
+    background-color: #ffffff !important; 
+    border-radius: 12px !important; 
+    border: 2px solid #4f46e5 !important; 
+    padding: 20px !important; 
+    min-height: 250px !important;
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
+}
+
+/* Force text inside the result box to be Bold Black */
+.report-box p, .report-box span, .report-box div { 
+    color: #000000 !important; 
+    font-weight: 500 !important;
+    font-size: 1.1rem !important;
+}
+
+/* Ensure Markdown headers (# Header) are extra bold and dark */
+.report-box h1, .report-box h2, .report-box h3 {
+    color: #1e1b4b !important;
+    font-weight: 800 !important;
+    border-bottom: 1px solid #e2e8f0;
+}
+"""
 
 with gr.Blocks(theme=gr.themes.Soft(primary_hue="indigo"), css=custom_css) as demo:
     with gr.Column(elem_id="main-container"):
-        gr.Markdown("# 🏛️ Enterprise Knowledge Engine", elem_classes="header-text")
-        gr.Markdown("<p style='text-align: center;'>Multi-Source Document Synthesis via Groq & FAISS</p>")
+        gr.Markdown("# 🏛️ ByteWise: CS Intelligence", elem_classes="header-text")
+        gr.Markdown("<p style='text-align: center;'>Specialized Synthesis for Assembly & Data Structures</p>")
         gr.HTML("<hr>")
         
-        user_input = gr.Textbox(label="Strategic Inquiry", placeholder="Ask a question about the collected knowledge base...", lines=3)
+        user_input = gr.Textbox(
+            label="Strategic Inquiry", 
+            placeholder="Ask a question about Assembly or Data Structures...", 
+            lines=3
+        )
         
         with gr.Row():
             submit_btn = gr.Button("ANALYZE DATA", variant="primary", scale=2)
-            clear_btn = gr.ClearButton([user_input], value="RESET DASHBOARD", scale=1)
+            clear_btn = gr.ClearButton([user_input], value="RESET", scale=1)
 
         gr.Markdown("### 📋 Intelligence Report")
+        
+        # We apply 'report-box' here to ensure the Markdown inherits the high-contrast CSS
         with gr.Column(elem_classes="report-box"):
-            output_display = gr.Markdown(value="_Awaiting input..._")
+            output_display = gr.Markdown(
+                value="_Awaiting input... Results will appear here in high-contrast black text._"
+            )
 
     submit_btn.click(fn=process_query, inputs=user_input, outputs=output_display)
     user_input.submit(fn=process_query, inputs=user_input, outputs=output_display)
 
+# Launch
 demo.launch(share=True)