Upload folder using huggingface_hub

client/src/pages/WeeklyPractice.tsx

@@ -2306,8 +2306,14 @@ const WeeklyPractice: React.FC = () => {
                     )}
                   </div>
 
-                  {/* Content - Enhanced styling */}
-                  <div className="bg-gradient-to-r from-orange-50 to-amber-50 rounded-xl p-6 mb-6 border border-orange-200">
+                  {/* Content - Gradient underlay + glass overlay */}
+                  <div className="relative rounded-xl mb-6 p-0 border border-orange-200">
+                    <div className="absolute inset-0 rounded-xl bg-gradient-to-r from-amber-200/60 via-orange-200/50 to-amber-200/60" />
+                    <div className="relative rounded-xl bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)] p-6">
+                      <div className="pointer-events-none absolute inset-0 rounded-xl opacity-50 [background:linear-gradient(to_bottom,rgba(255,255,255,0.3),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.28),rgba(255,255,255,0)_28%)]" />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-45" />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl" style={{ background: 'radial-gradient(120% 120% at 50% 55%, rgba(0,0,0,0.03), rgba(0,0,0,0) 60%)' }} />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl bg-amber-500/10 mix-blend-overlay opacity-30" />
                     {editingPractice === practice._id ? (
                       <div className="space-y-4">
                         <textarea
@@ -2436,6 +2442,7 @@ const WeeklyPractice: React.FC = () => {
                         )}
                       </div>
                     )}
+                    </div>
                   </div>
                 </div>