.home-dashboard{
  width: 100%;
  min-height: 100%;
  background-color: #fefefe;
  gap: 80px;
  padding: 20px;
  box-sizing: border-box;
  justify-content: flex-start;
  overflow: auto;
  .welcome{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    .icon{
      color: #fbb44a;
      width: 140px;
      height: 140px;
    }
    .text{
      color: #333333;
      font-size: 1.5rem;
    }
  }
  .list-dashboard{
    width: 100%;
    max-width: 500px;
    ul{
      list-style: none;
      margin: 0;
      padding: 0;
      gap: 40px 20px;
      justify-content: flex-start;
      li{
        width: calc((100% - 40px) / 3);
        a{
          width: 100%;
          color: #333333;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 10px;
          text-decoration: none;
          .icon{
            border: #bdbdbd 1px solid;
            border-radius: 5px;
            width: 64px;
            max-width: 100%;
            aspect-ratio: 1/1;
            box-shadow: rgba(1,1,1,0.2) 1px 1px 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            svg{
              width: 100%;
              height: 100%;
              color: #703d92;
            }
            img{
              max-width: 100%;
              object-fit: contain;
            }
          }
          &:hover{
            .icon{
              border: #31064d 1px solid;
            }
            .title{
              color: #703d92;
            }
          }
        }
      }
    }
  }
  .toolbars{
    display: flex;
    align-items: center;
    justify-content: center;
    a{
      color: #703d92;
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      &:hover{
        color: #551b70;
      }
    }
  }
  .explore{
    width: 100%;
    .explore-btn{
      background-color: #703d92;
      width: 100%;
      color: #ffffff;
      text-decoration: none;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      &:hover{
        background-color: #551b70;
      }
    }
  }
}