fixed panel colors

app.py

@@ -37,7 +37,7 @@ if USE_CLOUD_MODEL == 'true':
     #model = LiteLLMModel(model_id="openai/gpt-4o", api_key=OPENAI_API_KEY)
     #model = LiteLLMModel(model_id="anthropic/claude-3-7-sonnet-latest", api_key=ANTHROPIC_API_KEY)
     model = InferenceClientModel(
-        model_id="Qwen/Qwen2.5-72B-Instruct",
+        model_id="deepseek-ai/DeepSeek-V3-0324",
         provider="hyperbolic",
         api_key=HF_TOKEN,
     )

outage_odyssey_ui.py

@@ -556,14 +556,14 @@ Actions taken: Rolled back changes, investigating access controls"""
             background: linear-gradient(#f8b2b2, #c0e0ff);
         }
         .panel {
-            background: #fff6f6; /* light pink - playful comic match */
+            background: rgb(255 122 127 / 0.2);
             backdrop-filter: blur(10px);
-            border-radius: 12px;
+            border-radius: 10px;
             border: 1px solid rgba(255, 255, 255, 0.3);
             box-shadow: 0 4px 8px rgba(0,0,0,0.1);
             padding: 16px;
         }
-        
+       
         """
 
         with gr.Blocks(theme="soft", fill_height=True, css=custom_css) as demo:
@@ -572,7 +572,7 @@ Actions taken: Rolled back changes, investigating access controls"""
             stored_messages = gr.State([])
             file_uploads_log = gr.State([])
 
-            ## linear-gradient(90deg, #ff6b6b, #4ecdc4)
+            ## Header
             gr.HTML("""
             <div style="text-align: center; padding: 20px; background: linear-gradient(90deg, #ff6b6b, #4ecdc4); border-radius: 15px; margin-bottom: 20px;">
                 <h1 style="color: white; margin: 0; font-size: 2.5em;">🚨 Outage Odyssey 🧩</h1>
@@ -729,7 +729,7 @@ Actions taken: Rolled back changes, investigating access controls"""
             <div style="text-align: center; padding: 20px; margin-top: 20px; border-top: 1px solid #555;">
                 <p style="color: #999;">🚀 <strong>Gradio Agents & MCP Hackathon Project</strong> | Powered by <a href="https://huggingface.co/" target="_blank">HuggingFace</a> | <a href="https://github.com/huggingface/smolagents" target="_blank">smolagents</a> | <a href="https://gradio.app/" target="_blank">Gradio</a> | <a href="https://modelcontextprotocol.io/" target="_blank">MCP</a> | <a href="https://anthropic.com/" target="_blank">Anthropic</a> | <a href="https://openai.com/" target="_blank">OpenAI</a> | <a href="https://nebius.com/" target="_blank">Nebius</a> | <a href="https://mistral.ai/" target="_blank">Mistral</a> | <a href="https://hyperbolic.xyz/" target="_blank">Hyperbolic</a></p>
                 <p style="color: #777; font-size: 0.9em;">Making IT incidents fun to learn from, one comic at a time! 🎭</p>
-                <p style="color: #777; font-size: 0.5em;">Developed by <strong><a href="https://huggingface.co/spaces/kshitijthakkar" target="_blank">Kshitij Thakkar</a></strong> — Building smart tools for better learning experiences. © 2025</p>
+                <p style="color: #777; font-size: 0.5em;">Developed by <strong><a href="https://huggingface.co/kshitijthakkar" target="_blank">Kshitij Thakkar</a></strong> — Building smart tools for better learning experiences. © 2025</p>
             </div>
             """)