What do I need to do to have different side bars in my support portal?

To have different side bars, you need to enclose class under a parent element. 

Example:

.custom-homepage {

 .sidebar{

   //your css code here

 }

}

.custom-category-page {

 .sidebar{

   //your css code here

 }

}