ux: increase hit areas and font sizes for buttons and dropdowns to improve accessibility

frontend/components/AgentAnalysis.tsx

@@ -201,10 +201,10 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
       <div className="flex justify-start">
         <button 
           onClick={onBackToSearch}
-          className="flex items-center gap-3 text-slate-500 hover:text-white transition-all group"
+          className="flex items-center gap-4 px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-slate-400 hover:text-white hover:bg-white/10 transition-all group active:scale-95"
         >
-          <span className="text-xl transition-transform group-hover:-translate-x-1">←</span>
-          <span className="text-[10px] font-bold uppercase tracking-widest">Back to Opportunities</span>
+          <span className="text-2xl transition-transform group-hover:-translate-x-1">←</span>
+          <span className="text-xs font-black uppercase tracking-widest">Back to Opportunities</span>
         </button>
       </div>
 
@@ -380,10 +380,10 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
                         setAgentModels(prev => ({ ...prev, [agent.id]: model }));
                         setActiveSettings(null);
                       }}
-                      className={`w-full text-left px-3 py-2 rounded-xl text-xs transition-all flex items-center justify-between ${agentModels[agent.id as keyof typeof agentModels] === model ? 'bg-purple-500/20 text-white border border-purple-500/30' : 'text-slate-400 hover:bg-white/5 hover:text-slate-200'}`}
+                      className={`w-full text-left px-4 py-3 rounded-xl text-sm font-medium transition-all flex items-center justify-between border ${agentModels[agent.id as keyof typeof agentModels] === model ? 'bg-purple-500/20 text-white border-purple-500/50 shadow-lg shadow-purple-500/10' : 'text-slate-400 border-transparent hover:bg-white/10 hover:text-white hover:border-white/10'}`}
                     >
                       <span>{model}</span>
-                      {agentModels[agent.id as keyof typeof agentModels] === model && <span>✓</span>}
+                      {agentModels[agent.id as keyof typeof agentModels] === model && <span className="text-purple-400">●</span>}
                     </button>
                   ))}
                 </div>

frontend/components/Sidebar.tsx

@@ -71,11 +71,11 @@ export default function Sidebar({ tabs, activeTab, onTabSelect, status, lang, fo
                 onTabSelect(tab);
                 window.history.pushState({}, '', `?tab=${tabSlug}`);
               }}
-              className={`flex items-center rounded-xl transition-all duration-200 active:scale-95 group relative ${
+              className={`flex items-center rounded-2xl transition-all duration-300 active:scale-90 group relative ${
                 isActive
-                  ? "bg-white/10 text-white shadow-inner"
+                  ? "bg-white/10 text-white shadow-[inset_0_0_20px_rgba(255,255,255,0.05)] border border-white/10"
                   : "text-slate-400 hover:bg-white/5 hover:text-white"
-              } ${isExpanded ? 'px-4 py-3 gap-3' : 'px-0 py-3 justify-center'}`}
+              } ${isExpanded ? 'px-5 py-4 gap-4' : 'px-0 py-4 w-full justify-center'}`}
             >
               <span className={`text-xl transition-all duration-300 ${isActive ? 'scale-110' : 'group-hover:scale-110 opacity-70 group-hover:opacity-100'}`}>
                 {icon}