.app-header {
    background-color: @primary-color;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    .header-user {
        display: flex;
        align-items: center;
        gap: 4px;
        cursor: pointer;
        .header-user-name {
            color: white;
            font-size: 14px;
        }
    }
}

.ant-pro-page-container-children-container-no-header {
  padding: unset !important;
}
.page-box {
  height: calc(100vh - 160px);
  display: flex;
  flex-direction: column;
}
.table-box {
  flex: 1;
  overflow: hidden;
  padding: 10px 20px 20px;
  .ant-pro-card-body {
    .ant-spin-container {
      height: calc(100vh - 360px);
      overflow: auto;
    }
    margin: 16px;
    .ant-list-items {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      > div {
        flex: 0 0 calc(25% - 23px);
      }
    }
  }
}