.user-menu{position:relative}.user-menu__trigger{align-items:center;gap:var(--space-05);padding:var(--space-025) var(--space-075);border-radius:var(--radius-md);border:1px solid var(--bg-border);color:var(--fg-primary);cursor:pointer;transition:background var(--transition-fast);background:0 0;font-size:.875rem;display:flex}.user-menu__trigger:hover{background:var(--bg-elevated)}.user-menu__trigger:active{transform:scale(.97)}.user-menu__avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.user-menu__avatar-fallback{background:var(--bg-elevated);width:24px;height:24px;color:var(--fg-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-menu__name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.user-menu__chevron{color:var(--fg-tertiary);transition:transform var(--transition-fast)}.user-menu__chevron--open{transform:rotate(180deg)}.user-menu__dropdown{min-width:200px;max-width:min(280px, calc(100vw - 2 * var(--space-1)));background:var(--bg-primary);border:1px solid var(--bg-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;position:absolute;overflow:hidden}.user-menu__dropdown--align-end{left:auto;right:0}.user-menu__dropdown--align-start{left:0;right:auto}.user-menu__dropdown--down{animation:.15s ease-out user-menu-fade-in-down;top:calc(100% + 4px)}.user-menu__dropdown--up{animation:.15s ease-out user-menu-fade-in-up;bottom:calc(100% + 4px)}@keyframes user-menu-fade-in-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes user-menu-fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.user-menu__info{padding:var(--space-075) var(--space-1);flex-direction:column;gap:2px;display:flex}.user-menu__info-name{color:var(--fg-primary);font-size:.875rem;font-weight:600}.user-menu__info-email{color:var(--fg-tertiary);font-size:.75rem}.user-menu__divider{background:var(--bg-border);height:1px}.user-menu__item{align-items:center;gap:var(--space-05);padding:var(--space-05) var(--space-1);color:var(--fg-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);font-size:.875rem;text-decoration:none;display:flex}.user-menu__item:hover{background:var(--bg-elevated);color:var(--fg-primary)}.user-menu__item:active{transform:scale(.98)}.user-menu__item--signout:hover{background:var(--danger-quiet);color:var(--danger-default)}