Update app.py

app.py

@@ -70,11 +70,19 @@ def answer_question(question):
 
 # Gradio UI
 logger.info("Setting up Gradio UI...")
-with gr.Blocks() as demo:
+css = """
+.rtl { text-align: right; direction: rtl; }
+.rtl input, .rtl textarea { text-align: right; }
+"""
+
+with gr.Blocks(css=css) as demo:
     gr.Markdown("### 🤖 اسأل عن التنمية المستدامة أو الموازنة التشاركية")
     with gr.Row():
-        inp = gr.Textbox(label="اكتب سؤالك هنا", placeholder="مثال: ما هي أهداف التنمية المستدامة؟", dir="rtl")
-    out = gr.Textbox(label="الإجابة", dir="rtl")
+        inp = gr.Textbox(
+            label="اكتب سؤالك هنا", 
+            placeholder="مثال: ما هي أهداف التنمية المستدامة؟"
+        ).style(rtl=True)
+    out = gr.Textbox(label="الإجابة").style(rtl=True)
     btn = gr.Button("إجابة")
     btn.click(fn=answer_question, inputs=inp, outputs=out)