Upload folder using huggingface_hub

client/src/components/Layout.tsx

@@ -185,10 +185,10 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
                   key={item.name}
                   to={item.href}
                   className={`flex items-center px-3 py-2 rounded-lg text-[0.95rem] font-medium transition-colors ${
-                    isActive ? 'bg-ui-bg text-ui-text shadow-[0_0_6px_rgba(14,165,233,0.45)]' : 'text-ui-text/80 hover:bg-ui-panel/60'
+                    isActive ? 'bg-ui-bg text-ui-text shadow-[0_0_6px_rgba(15,148,168,0.6)]' : 'text-ui-text/80 hover:bg-ui-panel/60'
                   }`}
                 >
-                  <item.icon className="h-5 w-5 mr-3 text-ui-neonBlue" />
+                  <item.icon className="h-5 w-5 mr-3 text-ui-neonCyan" />
                   <span>{item.name}</span>
                 </Link>
               );

client/tailwind.config.js

@@ -21,6 +21,7 @@ module.exports = {
           neonPink: '#FF2DAC',  // neon primary
           neonCyan: '#14BBD2',  // darker cyan for better contrast
           neonBlue: '#0EA5E9',  // further darkened option for solid fills
+          neonCyanDark: '#0F94A8', // darker cyan for active glows
           neonLime: '#C7FF41',  // highlights
           magenta: '#D700FF',   // accents
           warning: '#FFB020',   // warnings