.user-dropdown {
position: absolute;
top: 100%;
right: 0;
background: #1a1f2e;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
padding: 4px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
opacity: 0;
transform: translateY(-8px) scale(0.95);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
user-select: none;
display: flex;
flex-direction: column;
width: 160px;
max-width: calc(100vw - 32px);
backdrop-filter: blur(12px);
z-index: 999999;
}

.user-dropdown.show {
opacity: 1;
transform: translateY(0) scale(1);
pointer-events: auto;
}

.user-dropdown-item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s ease;
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
font-weight: 500;
}

.user-dropdown-item:hover {
background: rgba(255, 255, 255, 0.1);
color: white;
transform: translateX(2px);
}

.user-dropdown-item:active {
transform: scale(0.98);
}

.user-dropdown-item svg {
width: 16px;
height: 16px;
flex-shrink: 0;
}