.user-profile-dropdown{position:relative;display:flex;align-items:center}.user-profile-trigger{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#2109b7;color:#fff;border:none;border-radius:60px;cursor:pointer;font-family:Host Grotesk,sans-serif;font-size:16px;font-weight:500;transition:background-color .2s ease,transform .2s ease}.user-profile-trigger:hover{background-color:#1a0793}.user-profile-trigger .user-icon{flex-shrink:0}.user-profile-trigger .user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-trigger .dropdown-arrow{flex-shrink:0;transition:transform .2s ease}.user-profile-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border-radius:12px;box-shadow:0 4px 24px #00001e1f;min-width:240px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:1000}.user-profile-dropdown.active .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-header{padding:12px 16px;font-size:14px;color:#666;line-height:1.4}.user-dropdown-header strong{color:#00001e;display:block;margin-top:4px}.user-dropdown-divider{height:1px;background-color:#eee;margin:4px 0}.user-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#00001e;text-decoration:none;font-size:15px;font-weight:400;transition:background-color .15s ease;border:none;background:none;width:100%;cursor:pointer;font-family:Host Grotesk,sans-serif}.user-dropdown-item:hover{background-color:#f5f5f7}.user-dropdown-item svg{flex-shrink:0;color:#666}.user-dropdown-item.logout-btn{color:#dc3545}.user-dropdown-item.logout-btn svg{color:#dc3545}.user-dropdown-item.logout-btn:hover{background-color:#fff5f5}.user-profile-mobile{position:relative;display:flex;align-items:center}.user-profile-trigger-mobile{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#2109b7;color:#fff;border:none;border-radius:60px;cursor:pointer;font-family:Host Grotesk,sans-serif;font-size:14px;font-weight:500;transition:background-color .2s ease}.user-profile-trigger-mobile:hover{background-color:#1a0793}.user-profile-trigger-mobile .user-icon{flex-shrink:0}.user-profile-trigger-mobile .user-name-mobile{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-trigger-mobile .dropdown-arrow{flex-shrink:0;transition:transform .2s ease}.user-profile-mobile.active .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu-mobile{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border-radius:12px;box-shadow:0 4px 24px #00001e26;min-width:200px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:1000}.user-profile-mobile.active .user-dropdown-menu-mobile{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-item-mobile{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#00001e;text-decoration:none;font-size:14px;font-weight:400;transition:background-color .15s ease;border:none;background:none;width:100%;cursor:pointer;font-family:Host Grotesk,sans-serif}.user-dropdown-item-mobile:hover{background-color:#f5f5f7}.user-dropdown-item-mobile svg{flex-shrink:0;color:#666}.user-dropdown-item-mobile.logout-btn{color:#dc3545}.user-dropdown-item-mobile.logout-btn svg{color:#dc3545}.user-dropdown-item-mobile.logout-btn:hover{background-color:#fff5f5}@media screen and (max-width: 991px){.user-profile-dropdown{display:none}.user-profile-mobile{display:flex}.div-block-3._12{display:flex!important}}@media screen and (min-width: 992px){.user-profile-mobile{display:none}.div-block-3._12{display:none!important}}