#09090b
1<nav class="w-[190px] rounded-2xl border border-zinc-800 bg-zinc-900 p-1.5 text-sm text-zinc-400 shadow-2xl shadow-black/60">2 <a class="group flex cursor-pointer items-center gap-3 rounded-xl px-3 py-2 transition hover:bg-white/5 hover:text-white">3 <svg class="size-4 transition group-hover:scale-110" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="4"/><path d="M4 21a8 8 0 0 1 16 0"/></svg>Perfil4 </a>5 <a class="group flex cursor-pointer items-center gap-3 rounded-xl px-3 py-2 transition hover:bg-white/5 hover:text-white">6 <svg class="size-4 transition group-hover:rotate-90" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 2v3M12 19v3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M2 12h3M19 12h3M4.9 19.1 7 17M17 7l2.1-2.1"/></svg>Conta7 </a>8 <a class="group flex cursor-pointer items-center gap-3 rounded-xl bg-indigo-500/15 px-3 py-2 text-indigo-300">9 <svg class="size-4 transition group-hover:-rotate-12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/></svg>Aparência10 </a>11 <a class="group flex cursor-pointer items-center gap-3 rounded-xl px-3 py-2 transition hover:bg-white/5 hover:text-white">12 <svg class="size-4 origin-top transition group-hover:rotate-12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.9 1.9 0 0 0 3.4 0"/></svg>Notificações13 <span class="ml-auto size-2 rounded-full bg-rose-500"></span>14 </a>15 <div class="my-1 h-px bg-zinc-800"></div>16 <a class="group flex cursor-pointer items-center gap-3 rounded-xl px-3 py-2 text-rose-400 transition hover:bg-rose-500/10">17 <svg class="size-4 transition group-hover:translate-x-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><path d="m16 17 5-5-5-5M21 12H9"/></svg>Sair18 </a>19</nav>