Update app.py

app.py

@@ -3,7 +3,6 @@ import urllib.parse
 import streamlit as st
 import requests
 
-# Load configuration from environment variables
 FRONTEND_PASSWORD = os.environ.get("FE_PASS")
 HF_TOKEN = os.environ.get("HF_TOKEN")
 API_URL = os.environ.get("END_POINT_URL")
@@ -13,52 +12,35 @@ if not all([FRONTEND_PASSWORD, HF_TOKEN, API_URL]):
 
 
 def main():
-    # Page config
-    st.set_page_config(page_title="Automated Reporter", page_icon="🤖")
+    st.set_page_config(
+        page_title="Automated Reporter",
+        page_icon="🤖",
+        layout="centered",
+    )
 
-    # Custom CSS for enhanced styling
+    # Force light mode via CSS overrides
     st.markdown("""
     <style>
-    /* Page background and container */
-    .stApp { background-color: #f7f9fc; }
-    .block-container { padding: 2rem 1rem; max-width: 800px; margin: auto; }
-
-    /* Title styling */
-    .stMarkdown h1, .stMarkdown h2, .stMarkdown h3 { color: #333; }
-
-    /* Input fields styling */
-    div.stTextInput>div>div>input, div.stTextArea>div>div>textarea {
-        border-radius: 8px !important;
-        border: 1px solid #ccc !important;
-        padding: 0.6rem !important;
-        font-size: 1rem !important;
+    :root {
+        --primary-background-color: #FFFFFF;
+        --secondary-background-color: #FFFFFF;
+        --background-color: #FFFFFF;
+        --text-color: #000000;
     }
-
-    /* Button styling */
-    div.stButton>button {
-        background-color: #4caf50 !important;
-        color: white !important;
-        padding: 0.75rem 1.5rem !important;
-        border-radius: 8px !important;
-        font-size: 1rem !important;
-        transition: background-color 0.3s ease;
+    html, body, .stApp, .block-container {
+        background-color: #FFFFFF !important;
+        color: #000000 !important;
     }
-    div.stButton>button:hover {
-        background-color: #45a049 !important;
+    /* Input and button adjustments to match light mode */
+    div.stTextInput>div>div>input,
+    div.stTextArea>div>div>textarea,
+    div.stButton>button {
+        color: #000000 !important;
     }
-
-    /* Error and success message styling */
-    .stError, .stSuccess { font-weight: bold; }
-
-    /* WhatsApp share link styling */
-    a.whatsapp-share {
-        display: inline-block;
-        margin-top: 0.5rem;
-        color: #25D366;
-        font-weight: bold;
-        text-decoration: none;
+    /* Links color for light mode */
+    a {
+        color: #1a0dab !important;
     }
-    a.whatsapp-share:hover { text-decoration: underline; }
     </style>
     """, unsafe_allow_html=True)