.layout-root {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  --header-height: 64px;
  overflow-x: hidden;
  overflow-y: auto;
}

.main-layout {
  flex: 1;
  width: 100%;
  min-height: calc(100vh - var(--header-height, 64px));
  display: flex;
  position: relative;
  margin-top: 0;
  overflow-x: hidden;
}

.main-content {
  flex: 1;
  width: 100%;
  min-height: 0;
  height: 100%;
  position: relative;
  z-index: 1;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.sidebar-hidden .main-content {
  width: 100%;
}