Update app.py

app.py

@@ -385,13 +385,27 @@ input:focus, textarea:focus, select:focus {
   border-color: var(--accent);
   box-shadow: 0 0 12px var(--accent-glow);
 }
+
 .gradio-dropdown select {
   color: #eaf6ff;
-  background-color: #0b1f3a;  
-  border: 1px solid rgba(255, 255, 255, 0.3);
+  background-color: #0b1f3a;
+  border: 1px solid rgba(255,255,255,0.3);
   border-radius: 12px;
   padding: 8px;
 }
+.gradio-dropdown select option {
+  color: #eaf6ff;
+  background-color: #071028;
+}
+
+.gradio-radio label {
+  color: #eaf6ff;
+  cursor: pointer;
+  transition: 0.2s ease;
+}
+.gradio-radio input[type="radio"]:checked + label {
+  color: #00aaff;
+}
 
 .gradio-markdown, .gradio-html {
   color: var(--text-main);
@@ -403,18 +417,33 @@ with gr.Blocks(css=GLASS_CSS, title="Road2Success —Dashboard") as app:
     gr.Markdown("<h1 style='text-align:center color:#1e81b0'>🚀 Road2Success —  Dashboard</h1>")
     gr.Markdown("<p style='text-align:center;color:#1e81b0'>Professional roadmap, AI mentor, hackathon prep & leaderboard</p>")
 
-    with gr.Tabs():
-        with gr.TabItem("📚 Roadmap"):
-            with gr.Row():
-                col1, col2 = gr.Column(scale=1), gr.Column(scale=2)
-                with col1:
-                    level = gr.Dropdown(choices=list(ROADMAPS.keys()), value="Class 5", label="Select level")
-                    quick_days = gr.Radio(choices=["30","60","90"], value="30", label="Days plan")
-                    show_btn = gr.Button("Show Roadmap & Plan")
-                with col2:
-                    roadmap_html = gr.HTML()
-                    plan_html = gr.HTML()
-            show_btn.click(lambda l,d: (render_roadmap(l), generate_quick_plan(l, int(d))), inputs=[level, quick_days], outputs=[roadmap_html, plan_html])
+   with gr.Tabs():
+    with gr.TabItem("📚 Roadmap"):
+        with gr.Row():
+            col1, col2 = gr.Column(scale=1), gr.Column(scale=2)
+            with col1:
+                level = gr.Dropdown(
+                    choices=list(ROADMAPS.keys()), 
+                    value="Class 5", 
+                    label="Select level",
+                    elem_id="level_dropdown"
+                )
+                quick_days = gr.Radio(
+                    choices=["30","60","90"], 
+                    value="30", 
+                    label="Days plan",
+                    elem_id="days_radio"
+                )
+                show_btn = gr.Button("Show Roadmap & Plan")
+            with col2:
+                roadmap_html = gr.HTML()
+                plan_html = gr.HTML()
+
+        show_btn.click(
+            lambda l,d: (render_roadmap(l), generate_quick_plan(l, int(d))), 
+            inputs=[level, quick_days], 
+            outputs=[roadmap_html, plan_html]
+        )
 
         with gr.TabItem("🤖 AI Mentor"):
             prompt = gr.Textbox(label="Ask mentor", lines=3)