Daily Workout Schedule Card

<article class="ring-1 ring-stone-200 shadow-[0px_0px_0px_1px_rgba(0,0,0,0.06),0px_1px_1px_-0.5px_rgba(0,0,0,0.06),0px_3px_3px_-1.5px_rgba(0,0,0,0.06),_0px_6px_6px_-3px_rgba(0,0,0,0.06),0px_12px_12px_-6px_rgba(0,0,0,0.06),0px_24px_24px_-12px_rgba(0,0,0,0.06)] bg-white rounded-3xl pt-6 pr-6 pb-6 pl-6">
            <div class="mb-5 flex items-start justify-between">
              <div class="">
                <h2 class="text-xl font-semibold tracking-tight">Today's Workouts</h2>
                <p class="text-sm text-stone-500">3 sessions planned</p>
              </div>
              <button class="rounded-xl p-2 text-stone-500 hover:bg-stone-50">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="plus" class="lucide lucide-plus h-5 w-5"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>
              </button>
            </div>

            <div class="space-y-3">
              <div class="flex items-center gap-4 rounded-2xl p-4 ring-1 bg-emerald-50 ring-emerald-200">
                <div class="flex h-10 w-10 items-center justify-center rounded-lg bg-emerald-500 text-white">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="check" class="lucide lucide-check h-5 w-5"><path d="M20 6 9 17l-5-5"></path></svg>
                </div>
                <div class="flex-1">
                  <p class="font-medium">Morning Run</p>
                  <p class="text-sm text-stone-500">6:30 AM • 45 min</p>
                </div>
                <span class="text-xs font-medium text-emerald-700 bg-emerald-100 px-2 py-1 rounded-full">Completed</span>
              </div>

              <div class="flex items-center gap-4 rounded-2xl p-4 ring-1 bg-stone-50 ring-stone-200">
                <div class="flex h-10 w-10 items-center justify-center rounded-lg bg-orange-100 text-orange-600">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="dumbbell" class="lucide lucide-dumbbell h-5 w-5"><path d="M17.596 12.768a2 2 0 1 0 2.829-2.829l-1.768-1.767a2 2 0 0 0 2.828-2.829l-2.828-2.828a2 2 0 0 0-2.829 2.828l-1.767-1.768a2 2 0 1 0-2.829 2.829z"></path><path d="m2.5 21.5 1.4-1.4"></path><path d="m20.1 3.9 1.4-1.4"></path><path d="M5.343 21.485a2 2 0 1 0 2.829-2.828l1.767 1.768a2 2 0 1 0 2.829-2.829l-6.364-6.364a2 2 0 1 0-2.829 2.829l1.768 1.767a2 2 0 0 0-2.828 2.829z"></path><path d="m9.6 14.4 4.8-4.8"></path></svg>
                </div>
                <div class="flex-1">
                  <p class="font-medium">Strength Training</p>
                  <p class="text-sm text-stone-500">2:00 PM • 60 min</p>
                </div>
                <span class="text-xs font-medium text-orange-700 bg-orange-100 px-2 py-1 rounded-full">Next</span>
              </div>

              <div class="flex items-center gap-4 rounded-2xl p-4 ring-1 bg-stone-50 ring-stone-200">
                <div class="flex h-10 w-10 items-center justify-center rounded-lg bg-purple-100 text-purple-600">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="stretch-horizontal" class="lucide lucide-stretch-horizontal h-5 w-5"><rect width="20" height="6" x="2" y="4" rx="2"></rect><rect width="20" height="6" x="2" y="14" rx="2"></rect></svg>
                </div>
                <div class="flex-1">
                  <p class="font-medium">Yoga Session</p>
                  <p class="text-sm text-stone-500">7:00 PM • 30 min</p>
                </div>
                <span class="text-xs font-medium text-stone-600 bg-stone-200 px-2 py-1 rounded-full">Pending</span>
              </div>
            </div>
          </article>