.user-menu{position:relative}.user-menu:hover .user-menu-arrow{transform:rotate(180deg)}.user-menu:hover .user-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;font-family:inherit;cursor:pointer;transition:var(--transition)}.user-menu-toggle:hover{border-color:var(--border-focus)}.user-menu-arrow{transition:transform .2s ease}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:160px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);z-index:200}.user-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.user-menu-item:first-child{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.user-menu-item:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.user-menu-item:hover{background:var(--bg-card);color:var(--text-primary)}.user-menu-item svg{flex-shrink:0}.user-menu-item-danger:hover{color:var(--error)}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar:before{content:attr(data-letter)}