#sidebar {
	    width: 200px;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
    }

    #rooms {
      padding: 10px;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    #rooms h3 { margin-bottom: 8px; color: #999; font-size: 12px; text-transform: uppercase; }
    .room-btn {
      background: none;
      border: none;
      color: #dcddde;
      padding: 8px 10px;
      text-align: left;
      border-radius: 4px;
      cursor: pointer;
      font-size: 14px;
    }
    .room-btn:hover { background: #393c43; }
    .room-btn.active { background: #404348; color: #fff; font-weight: bold; }

    #user {
	    padding: 10px;
margin: 8px;
background: #393c43;
border-radius: 10px;
display: flex;
}
#user div {
	flex: 1;
}