index.html

<div class="h-screen flex *:p-4">
  <div class="bg-[#1e293b] w-24">
    <div class="bg-[#059669] size-6 rounded"></div>
    <div class="bg-[#cbd5e1] text-[#cbd5e1] h-1 w-8 mt-6 shadow-[0_52px,0_92px,0_216px]"></div>
    <div class="bg-[#94a3b8] text-[#94a3b8] h-1 w-12 mt-2 shadow-[0_12px,0_52px,0_92px,0_104px]"></div>
  </div>
  <div class="flex flex-col gap-4">
    <div class="h-2 w-16 bg-[#475569]"></div>
    <div class="flex gap-1 *:h-7 *:w-16 *:grid *:place-items-center *:bg-[#f1f5f9] *:*:bg-[#94a3b8] *:*:h-1 *:*:w-6">
      <div>
        <div></div>
      </div>
      <div>
        <div></div>
      </div>
      <div class="!bg-[#e2e8f0]">
        <div></div>
      </div>
    </div>
    <div class="bg-[#94a3b8] text-[#94a3b8] h-1 w-8 mt-4 shadow-[0_64px,202px_8px,202px_44px,202px_104px,202px_140px]"></div>
    <div class="bg-[#cbd5e1] text-[#cbd5e1] h-1 w-[176px] -mt-2 shadow-[0_12px,0_24px,0_64px,0_76px,0_88px,0_100px,0_112px]"></div>
    <div class="bg-[#cbd5e1] text-[#cbd5e1] h-1 w-8 -mt-3 ml-[210px] shadow-[0_12px,0_36px,0_48px,0_60px,0_72px,0_96px,0_108px,0_132px]"></div>
    <div class="absolute bg-[#e5e7eb] h-[164px] w-[2px] right-[94px] top-[100px]"></div>
  </div>
</div>