<div class="header-account relative flex items-center gap-3 cursor-pointer">
    
    <div class="account-icon">
        <div class="w-12 h-12 bg-gray-100 dark:bg-gray-900 flex justify-center items-center rounded-full relative">
            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <circle cx="12" cy="8" r="5" />
                <path d="M20 21a8 8 0 0 0-16 0" />
            </svg>
        </div>
    </div>

    <div class="grid">
        <span class="text-gray-600 dark:text-gray-400 text-sm">My Account</span>
        <span class="text-gray-900 dark:text-gray-100 text-sm font-medium"><a class="hover:text-primary-400" href="login.php">Log in</a></span>
    </div>

</div>