Upload app.py with huggingface_hub

app.py

@@ -81,27 +81,44 @@ def chat_with_agent(message, history):
         return f"❌ Error: {str(e)}"
 
 
-# Custom CSS for a beautiful interface
+# Custom CSS for a beautiful interface with orange-mauve gradient
 custom_css = """
 .gradio-container {
     max-width: 900px !important;
 }
 
 #component-0 {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: linear-gradient(135deg, #ff6b35 0%, #c44569 50%, #8b5a9e 100%);
     color: white;
     padding: 20px;
     border-radius: 10px;
     text-align: center;
     margin-bottom: 20px;
+    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
+}
+
+/* Orange-mauve gradient for buttons */
+.primary-button {
+    background: linear-gradient(135deg, #ff6b35 0%, #c44569 100%) !important;
+}
+
+/* Accent colors */
+button.primary {
+    background: linear-gradient(135deg, #ff6b35 0%, #c44569 100%) !important;
+    border: none !important;
+}
+
+.chatbot .message.bot {
+    background: linear-gradient(135deg, rgba(255, 107, 53, 0.1) 0%, rgba(196, 69, 105, 0.1) 100%) !important;
+    border-left: 3px solid #ff6b35 !important;
 }
 """
 
-# Create Gradio interface
+# Create Gradio interface with orange-mauve theme
 with gr.Blocks(
     theme=gr.themes.Soft(
-        primary_hue="purple",
-        secondary_hue="violet",
+        primary_hue="orange",
+        secondary_hue="pink",
     ),
     css=custom_css,
     title="AI Agent Chat",