body {
  background: #F1F1F1 !important;
}
.dashboard {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr 1fr 1fr;
  gap: 20px;
  padding: 20px 20px 0;
  background: transparent;
  height: calc(100vh - var(--top-panel-height) - 115px);
  grid-template-areas: "stat1 stat2 stat3 stat4 merchant" "chart chart chart chart merchant" "removable removable removable removable merchant";
}
.dashboard:has(.debt-wrapper) {
  grid-template-rows: 74px 74px;
  grid-template-areas: "stat1 stat2 stat3 stat4 debt" "stat1 stat2 stat3 stat4 merchant" "chart chart chart chart merchant" "removable removable removable removable merchant";
}
.dashboard:has(.debt-wrapper) .chart {
  height: calc(100vh - 695px);
}
.dashboard:has(.notifications) {
  grid-template-areas: "stat1 stat2 stat3 stat4 merchant" "chart chart chart chart merchant" "chart chart chart chart merchant" "removable removable removable removable merchant" "removable removable removable removable merchant" "removable removable removable removable nots";
}
.dashboard:has(.notifications):has(.debt-wrapper) {
  grid-template-areas: "stat1 stat2 stat3   stat4 debt" "stat1 stat2 stat3 stat4 merchant" "chart chart chart chart merchant" "chart chart chart chart merchant" "removable removable removable removable merchant" "removable removable removable removable merchant" "removable removable removable removable nots";
}
.dashboard:has(.notifications) .merchant-accounts {
  grid-row: 1 / span 4;
}
.dashboard:has(.notifications) .chart {
  height: calc(100vh - var(--all-top-components-height) - 600px);
}
.dashboard:has(.notifications):has(.debt-wrapper) .merchant-accounts {
  grid-row: 2 / 6;
}
.dashboard:has(.notifications):has(.debt-wrapper) .notifications {
  grid-row: 6 / 8;
}
.dashboard > div {
  transition: all 0.3s ease-in-out;
  will-change: transform, opacity;
}
.dashboard .stat-card {
  background: #ffffff;
  border: 0.03125rem solid black;
  border-radius: 0.625rem;
  padding: 20px;
  padding: 20px 2px;
  text-align: center;
  height: clamp(100px, 168px, 168px);
  display: grid;
  cursor: pointer;
}
.dashboard .stat-card:hover .number {
  font-size: 4.2rem;
}
.dashboard .stat-card:not(:first-child)::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #052A44;
}
.dashboard .stat-card h4 {
  --primary-color: black !important;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: fit-content;
}
.dashboard .stat-card .number {
  color: #0D86D9;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 4rem;
  font-weight: 600;
  margin: auto;
  padding-bottom: 10px;
  transition: font-size 300ms ease-out;
}
.dashboard .stat-card.stat1 {
  grid-area: stat1;
}
.dashboard .stat-card.stat2 {
  grid-area: stat2;
}
.dashboard .stat-card.stat3 {
  grid-area: stat3;
}
.dashboard .stat-card.stat4 {
  grid-area: stat4;
  display: none;
}
.dashboard .stat-card.stat5 {
  grid-area: stat4;
}
.dashboard .stat-card #dash-viewMode {
  position: absolute;
  z-index: 1;
  width: 73px;
  height: 28px;
  top: 5px;
  left: 5px;
  background-color: #767676;
  border-radius: 6px;
  transition: background-color 0.3s;
  font-size: 13px;
  opacity: 0.5;
}
.dashboard .stat-card #dash-viewMode .slider-wrapper {
  position: relative;
  top: -3px;
}
.dashboard .stat-card #dash-viewMode .slider-wrapper #slider {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #ffffff;
  display: block;
  position: absolute;
  transition: left 0.3s;
}
.dashboard .stat-card #dash-viewMode .slider-wrapper #slider.oneSell {
  top: 10%;
  left: 5px;
}
.dashboard .stat-card #dash-viewMode .slider-wrapper #slider.allSells {
  top: 10%;
  right: 5px;
}
.dashboard .stat-card #dash-viewMode .slider-wrapper:has(.oneSell) span {
  left: 10px;
}
.dashboard .stat-card #dash-viewMode .slider-wrapper span {
  position: relative;
  right: 10px;
}
.dashboard .stat-card #dash-viewMode:has(.allSells) {
  background: #0D86D9;
  border-color: #0D86D9;
}
.dashboard .stat-card #dash-viewMode:hover {
  opacity: 1;
  color: #ffffff;
}
.dashboard .merchant-accounts {
  height: 100%;
  background: #ffffff;
  border: 0.03125rem solid black;
  border-radius: 0.625rem;
  padding: 20px;
  display: flex;
  flex-direction: column;
  grid-area: merchant;
  overflow: hidden;
  min-width: 700px;
}
.dashboard .merchant-accounts .table-container {
  height: 100%;
  max-height: calc(100% - 88px);
  overflow: auto;
  padding-right: 20px;
  width: calc(100% + 20px);
}
.dashboard .merchant-accounts h4 {
  --primary-color: black !important;
  background: #D6EDFD;
  width: calc(100% + 40px);
  margin: -20px 0 10px -20px;
  padding: 10px 0;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}
.dashboard .merchant-accounts p {
  margin: 5px 0;
  font-size: 14px;
  color: #555555;
}
.dashboard .merchant-accounts button {
  padding: 10px 16px;
  background: #0D86D9;
  color: #ffffff;
  border: none;
  border-radius: 0.625rem;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  transition: background 0.2s;
  width: 100%;
  margin-top: auto;
}
.dashboard .merchant-accounts button:hover {
  background: #0f95f1;
}
.dashboard .merchant-accounts button:active {
  background: #083D77;
}
.dashboard .merchant-accounts table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Helvetica Neue', sans-serif;
  background-color: #ffffff;
}
.dashboard .merchant-accounts table tr:last-child td {
  border-bottom: none;
}
.dashboard .merchant-accounts table th,
.dashboard .merchant-accounts table td {
  padding: 16px 20px;
  text-align: left;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}
.dashboard .merchant-accounts table th {
  font-weight: 600;
  color: #555555;
}
.dashboard .merchant-accounts table tr:nth-child(odd) td {
  background-color: #f8f8f8;
}
.dashboard .merchant-accounts table th:nth-child(2),
.dashboard .merchant-accounts table td:nth-child(2) {
  text-align: center;
}
.dashboard .merchant-accounts table th:last-child,
.dashboard .merchant-accounts table td:last-child {
  text-align: right;
}
.dashboard .notifications {
  grid-area: nots;
  grid-row: 5 / span 2;
  background-color: #ffffff;
}
.dashboard .notifications .notifications-container {
  margin: 0;
}
.dashboard .leveled-info-container {
  grid-area: leveled;
  font-family: 'Montserrat', sans-serif;
  border: 0.5px solid #000;
  border-radius: 10px;
  background-color: #083D77;
  padding: 20px 24px;
  min-width: 1002px;
  height: 280px;
}
.dashboard .leveled-info-container#v2 {
  height: 210px;
}
.dashboard .leveled-info-container .game-changer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 19px;
}
.dashboard .leveled-info-container#v3 .success-container,
.dashboard .leveled-info-container#v4 .success-container {
  justify-content: space-between;
}
.dashboard .leveled-info-container .success-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
}
.dashboard .leveled-info-container .success-container .text-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
}
.dashboard .leveled-info-container .leveled-info__title {
  font-weight: 700;
  font-size: 24px;
  color: #FCB731 !important;
  margin: 0;
  width: 100%;
  text-align: left;
}
.dashboard .leveled-info-container .leveled-info_highlight {
  color: #ffffff !important;
}
.dashboard .leveled-info-container .leveled-info__text {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
}
.dashboard .leveled-info-container .leveled-info__button {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  position: relative;
  bottom: 5px;
}
.dashboard .leveled-info-container .leveled-info__button button {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 16px;
}
.dashboard .leveled-info-container .btn-close {
  position: absolute;
  right: 20px;
  top: 0;
  background-color: transparent;
  border: none;
  font-size: 30px;
  padding: 0;
}
.dashboard .chart {
  background: #ffffff;
  border: 0.03125rem solid black;
  border-radius: 0.625rem;
  padding: 20px;
  border: 1px solid black;
  grid-area: chart;
  height: calc(100vh - 750px);
  padding: 20px 20px 50px;
  min-height: 216px;
}
.dashboard .chart #myChart {
  width: 100% !important;
  height: 93% !important;
  border-top: 1px solid silver;
}
.dashboard .chart h4 {
  --primary-color: black;
  margin: 0 0 10px;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: left;
  font-family: 'Inter', sans-serif;
  padding: 10px 0;
}
.dashboard .chart .chart-placeholder {
  height: 300px;
  background: #eef3f8;
  border-radius: 0.625rem;
  border: 1px solid black;
  margin-bottom: 20px;
}
.dashboard .chart .data-table {
  width: 100%;
  border-collapse: collapse;
}
.dashboard .chart .data-table th,
.dashboard .chart .data-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
  font-size: 12px;
}
.dashboard .chart .data-table th {
  background: #f0f0f0;
  font-weight: bold;
}
.dashboard .chart .data-table tr:nth-child(even) {
  background: #fafafa;
}
.dashboard .removable-reviews {
  background: #ffffff;
  border: 0.03125rem solid black;
  border-radius: 0.625rem;
  padding: 20px;
  border: 1px solid black;
  grid-area: removable;
  height: 100%;
  display: flex;
  overflow: hidden;
  color: #2a3f54;
  min-height: 310px;
}
.dashboard .removable-reviews__sidebar {
  flex: 0 0 15%;
  min-width: 165px;
  background: #ECF6FC;
  padding: 20px 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  border: 0.5px solid rgba(13, 134, 217, 0.2);
}
.dashboard .removable-reviews__title {
  --primary-color: #052A44;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 12px;
  font-family: 'Montserrat', sans-serif;
}
.dashboard .removable-reviews__percent {
  color: #FF0F0F;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 64px;
  font-weight: 600;
  margin: auto;
  white-space: nowrap;
}
.dashboard .removable-reviews__container {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding-right: 32px;
}
.dashboard .removable-reviews__main {
  display: flex;
  padding: 5px 32px;
  width: 100%;
}
.dashboard .removable-reviews__main .removable-reviews__title {
  --primary-color: #FF0F0F;
  font-size: 1.4rem;
  margin-bottom: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: left;
}
.dashboard .removable-reviews__text {
  color: #083D77;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 22px;
  margin: 8px 0;
}
.dashboard .removable-reviews__list {
  list-style: none;
  padding: 0;
  max-width: 400px;
  margin-left: auto;
  border-collapse: separate;
  border-spacing: 0 10px;
  height: 90%;
}
.dashboard .removable-reviews__list__item .asin,
.dashboard .removable-reviews__list .removable-reviews__item .asin {
  color: #FF0F0F;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  white-space: nowrap;
}
.dashboard .removable-reviews__list__item img,
.dashboard .removable-reviews__list .removable-reviews__item img {
  border-radius: 0.3125rem;
  border: 0.0625rem solid #FF0F0F;
  width: 4.1025rem;
  height: 3.875rem;
  padding: 5px;
  object-fit: contain;
}
.dashboard .removable-reviews__list__item .removable,
.dashboard .removable-reviews__list .removable-reviews__item .removable {
  color: #FF0F0F;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  text-align: right;
  white-space: nowrap;
}
.dashboard .removable-reviews__btn {
  width: 100%;
  margin-top: auto;
  font-family: 'Montserrat', sans-serif;
}
.dashboard .debt-wrapper {
  width: 100%;
  grid-area: debt;
}
.dashboard .debt-wrapper .dept-container {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: unset;
}
@media (max-width: 1743px) {
  .dashboard .merchant-accounts {
    min-width: 520px;
    min-height: unset;
  }
}
@media (max-width: 1565px) {
  .dashboard {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 2fr);
    grid-template-areas: "stat1 stat2" "stat3 stat4" "leveled leveled" "chart chart" "merchant merchant" "removable removable";
  }
  .dashboard:has(.debt-wrapper) {
    grid-template-rows: auto;
    grid-template-areas: "debt debt" "stat1 stat2" "stat3 stat4" "chart chart" "merchant merchant" "removable removable";
  }
  .dashboard:has(.debt-wrapper):has(.leveled-info-container) {
    grid-template-areas: "debt debt" "stat1 stat2" "stat3 stat4" "leveled leveled" "chart chart" "merchant merchant" "removable removable";
  }
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) {
    grid-template-areas: "stat1 stat2" "stat3 stat4" "leveled leveled" "chart chart" "leveledWrapper leveledWrapper" !important;
  }
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews {
    height: 430px;
  }
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper):has(.debt-wrapper) {
    grid-template-areas: "debt debt" "stat1 stat2" "stat3 stat4" "leveled leveled" "chart chart" "leveledWrapper leveledWrapper" !important;
  }
  .dashboard:has(.leveled-info-container) .leveled-info-container {
    min-width: unset;
  }
  .dashboard:has(.leveled-info-container) .leveled-info-container .leveled-info__title {
    text-align: center;
  }
  .dashboard:has(.leveled-info-container) .leveled-info-container .leveled-info__button {
    justify-content: center;
  }
  .dashboard .merchant-accounts {
    height: max-content;
    grid-row: unset !important;
  }
  .dashboard .merchant-accounts .table-container {
    padding-bottom: 30px;
  }
  .dashboard:has(.notifications) {
    grid-template-areas: "merchant merchant" "stat1 stat2" "stat3 stat4" "stat5 stat5" "chart chart" "removable removable" "nots nots";
  }
  .dashboard:has(.notifications):has(.debt-wrapper) {
    grid-template-areas: "debt debt" "merchant merchant" "stat1 stat2" "stat3 stat4" "stat5 stat5" "chart chart" "removable removable" "nots nots";
    grid-template-rows: auto;
  }
  .dashboard:has(.notifications):has(.debt-wrapper) .merchant-accounts {
    grid-row: 2/2 !important;
    min-height: 300px;
  }
  .dashboard:has(.notifications):has(.debt-wrapper) .notifications {
    grid-row: unset !important;
  }
  .dashboard .notifications {
    grid-row: unset;
  }
  .dashboard .notifications .notifications-container {
    max-width: unset !important;
  }
  .dashboard .stat-card::before {
    display: none;
  }
  .dashboard .removable-reviews {
    width: 100%;
    min-width: unset;
    height: fit-content;
  }
  .dashboard .chart {
    max-height: 430px;
  }
}
@media (max-width: 1024px) {
  .dashboard .leveled-info-container {
    height: 100%;
  }
}
@media (max-width: 890px) {
  .dashboard .removable-reviews {
    flex-direction: column;
    max-height: unset;
  }
  .dashboard .removable-reviews .removable-reviews__sidebar {
    margin-bottom: 30px;
  }
  .dashboard .leveled-info-container#v2 {
    height: 100%;
  }
}
@media (max-width: 783px) {
  .dashboard .removable-reviews .removable-reviews__main {
    flex-direction: column;
  }
  .dashboard .removable-reviews .removable-reviews__main .removable-reviews__container + div {
    width: 100%;
  }
  .dashboard .removable-reviews .removable-reviews__main .removable-reviews__container + div .removable-reviews__list {
    margin: auto;
  }
}
@media (max-width: 576px) {
  .dashboard {
    grid-template-columns: 1fr;
    padding: 10px;
    grid-template-areas: "merchant" "stat1" "stat2" "stat3" "stat4" "stat5" "chart" "removable";
  }
  .dashboard:has(.debt-wrapper) {
    grid-template-rows: auto;
    grid-template-areas: "debt" "merchant" "stat1" "stat2" "stat3" "stat4" "stat5" "chart" "removable";
  }
  .dashboard:has(.leveled-info-container) {
    padding-top: 6px !important;
    grid-template-rows: 1fr auto auto 1fr;
    grid-template-areas: "stat1" "stat2" "stat3" "stat4" "leveled" "chart" "removable" "merchant" !important;
    padding: 10px;
  }
  .dashboard:has(.leveled-info-container) .removable-reviews {
    height: unset;
    min-height: 380px !important;
  }
  .dashboard:has(.leveled-info-container) .removable-reviews h4 {
    margin: 0;
  }
  .dashboard:has(.leveled-info-container) .removable-reviews .removable-reviews__sidebar {
    display: none;
  }
  .dashboard:has(.leveled-info-container) .removable-reviews .removable-reviews__main {
    flex-direction: column;
  }
  .dashboard:has(.leveled-info-container) .removable-reviews .removable-reviews__main .removable-reviews__text {
    margin-bottom: auto;
  }
  .dashboard:has(.leveled-info-container) .removable-reviews .removable-reviews__main .removable-reviews__container + div {
    width: 100%;
    height: 100%;
  }
  .dashboard:has(.leveled-info-container) .removable-reviews .removable-reviews__main .removable-reviews__container + div div {
    padding-bottom: 20px;
  }
  .dashboard:has(.leveled-info-container) .removable-reviews .removable-reviews__main .removable-reviews__container + div .removable-reviews__list {
    margin: auto;
  }
  .dashboard:has(.leveled-info-container):has(.debt-wrapper) {
    grid-template-rows: auto;
    grid-template-areas: "debt" "stat1" "stat2" "stat3" "stat4" "leveled" "chart" "removable" "merchant" !important;
  }
  .dashboard:has(.leveled-info-container) .chart {
    min-height: 260px;
    height: calc(100vh - 660px);
  }
  .dashboard:has(.leveled-info-container):has(#v2) .chart {
    height: calc(100vh - 600px);
  }
  .dashboard:has(.notifications) {
    grid-template-areas: "merchant" "stat1" "stat2" "stat3" "stat4" "stat5" "chart" "removable" "nots";
  }
  .dashboard:has(.notifications):has(.debt-wrapper) {
    grid-template-areas: "debt" "merchant" "stat1" "stat2" "stat3" "stat4" "stat5" "chart" "removable" "nots";
  }
  .dashboard .merchant-accounts {
    min-width: unset;
  }
  .dashboard .stat-card,
  .dashboard .merchant-accounts,
  .dashboard .chart,
  .dashboard .removable-reviews {
    padding: 20px;
  }
  .dashboard .stat-card .removable-reviews__main,
  .dashboard .merchant-accounts .removable-reviews__main,
  .dashboard .chart .removable-reviews__main,
  .dashboard .removable-reviews .removable-reviews__main {
    padding: 0;
  }
  .dashboard .stat-card .removable-reviews__main .removable-reviews__container .removable-reviews__title,
  .dashboard .merchant-accounts .removable-reviews__main .removable-reviews__container .removable-reviews__title,
  .dashboard .chart .removable-reviews__main .removable-reviews__container .removable-reviews__title,
  .dashboard .removable-reviews .removable-reviews__main .removable-reviews__container .removable-reviews__title {
    font-size: 16px;
    margin-bottom: 0;
    white-space: nowrap;
  }
  .dashboard .stat-card .removable-reviews__main .removable-reviews__container .removable-reviews__text,
  .dashboard .merchant-accounts .removable-reviews__main .removable-reviews__container .removable-reviews__text,
  .dashboard .chart .removable-reviews__main .removable-reviews__container .removable-reviews__text,
  .dashboard .removable-reviews .removable-reviews__main .removable-reviews__container .removable-reviews__text {
    font-size: 16px;
    margin-top: 0;
  }
  .dashboard .stat-card .removable-reviews__main .removable-reviews__list .removable-reviews__item .asin,
  .dashboard .merchant-accounts .removable-reviews__main .removable-reviews__list .removable-reviews__item .asin,
  .dashboard .chart .removable-reviews__main .removable-reviews__list .removable-reviews__item .asin,
  .dashboard .removable-reviews .removable-reviews__main .removable-reviews__list .removable-reviews__item .asin,
  .dashboard .stat-card .removable-reviews__main .removable-reviews__list .removable-reviews__item .removable,
  .dashboard .merchant-accounts .removable-reviews__main .removable-reviews__list .removable-reviews__item .removable,
  .dashboard .chart .removable-reviews__main .removable-reviews__list .removable-reviews__item .removable,
  .dashboard .removable-reviews .removable-reviews__main .removable-reviews__list .removable-reviews__item .removable {
    font-size: 12px;
  }
  .dashboard .chart {
    height: 300px;
    padding-bottom: 60px;
  }
}
.dashboard:has(.leveled-info-container) {
  padding-top: 6px !important;
}
@media (min-width: 1566px) {
  .dashboard:has(.leveled-info-container) {
    grid-template-rows: 1fr auto auto 1fr;
    grid-template-areas: "stat1 stat2 stat3 stat4 merchant" "leveled leveled leveled leveled merchant" "leveled leveled leveled leveled merchant" "chart chart chart chart removable";
  }
  .dashboard:has(.leveled-info-container):has(.debt-wrapper) {
    grid-template-areas: "stat1 stat2 stat3 stat4 debt" "stat1 stat2 stat3 stat4 merchant" "leveled leveled leveled leveled merchant" "leveled leveled leveled leveled merchant" "chart chart chart chart removable";
    grid-template-rows: auto;
  }
}
.dashboard:has(.leveled-info-container) .chart {
  min-height: 260px;
  height: calc(100vh - 660px);
}
@media (min-width: 1566px) {
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) {
    grid-template-rows: auto;
    grid-template-areas: "stat1 stat2 stat3 stat4 leveledWrapper" "leveled leveled leveled leveled leveledWrapper" "chart chart chart chart leveledWrapper";
  }
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper):has(.debt-wrapper) {
    grid-template-areas: "stat1 stat2 stat3 stat4 debt" "stat1 stat2 stat3 stat4 leveledWrapper" "leveled leveled leveled leveled leveledWrapper" "chart chart chart chart leveledWrapper";
  }
}
.dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .leveled-dashboard-wrapper {
  max-height: 100vh;
  grid-area: leveledWrapper;
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper):has(.debt-wrapper) .leveled-dashboard-wrapper {
  max-height: calc(100vh - 250px);
}
.dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews {
  max-height: 360px;
}
@media (max-width: 1930px) and (min-width: 1776px) {
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews .removable-reviews__main .removable-reviews__container .removable-reviews__title {
    font-size: clamp(0.6rem, 1.1rem, 1.2rem);
  }
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews .removable-reviews__main .removable-reviews__container .removable-reviews__text {
    font-size: clamp(0.4rem, 1rem, 1.1rem);
    margin: 0 ;
  }
}
@media (max-width: 1775px) {
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews {
    flex-direction: column;
  }
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews .removable-reviews__sidebar .removable-reviews__percent {
    font-size: 30px;
  }
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews .removable-reviews__main {
    padding: 5px;
    height: 100%;
  }
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews .removable-reviews__main .removable-reviews__container .removable-reviews__title {
    font-size: 12px;
    margin: auto 0;
  }
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews .removable-reviews__main .removable-reviews__container .removable-reviews__text {
    font-size: 10px;
    margin: 2px 0;
  }
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews .removable-reviews__main .removable-reviews__container .removable-reviews__list .removable-reviews__item .asin {
    font-size: 14px;
  }
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews .removable-reviews__main .removable-reviews__container .removable-reviews__list .removable-reviews__item .removable {
    font-size: 14px;
  }
}
@media (max-width: 1660px) {
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews .removable-reviews__sidebar {
    padding: 10px 12px;
  }
  .dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews .removable-reviews__sidebar .removable-reviews__percent {
    font-size: 22px;
  }
}
.dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews .removable-reviews__main .removable-reviews__list {
  height: 83%;
}
.dashboard:has(.leveled-info-container):has(.leveled-dashboard-wrapper) .removable-reviews .removable-reviews__main .removable-reviews__list .removable-reviews__item:not(:first-of-type) {
  display: none !important;
}
.affiliate {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 0 20px 20px 20px;
  max-width: 1800px;
  margin: auto;
}
.affiliate .affiliate-signup {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 20px;
  white-space: nowrap;
}
.affiliate .affiliate-signup .button-wrapper {
  display: flex;
  gap: 12px;
}
.affiliate .affiliate-signup span {
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 700;
}
.affiliate .affiliate-signup button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
  line-height: 20px;
  padding: 10px 16px;
  background: #0D86D9;
  color: #ffffff;
  border: none;
  border-radius: 0.625rem;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  transition: background 0.2s;
}
.affiliate .affiliate-signup button:hover {
  background: #0f95f1;
}
.affiliate .affiliate-signup button:active {
  background: #083D77;
}
.affiliate .affiliate-signup button:hover {
  color: #ffffff;
}
.affiliate .affiliate-stats {
  display: flex;
  gap: 20px;
}
.affiliate .affiliate-stats .payment-signups-wrapper {
  display: flex;
  gap: 20px;
  width: 100%;
  max-width: 500px;
}
.affiliate .affiliate-stats .payment-signups-wrapper .affiliate-payment-table {
  padding: 24px;
  border-radius: 8px;
  border: 0.5px solid #000;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
  max-height: 240px;
  width: 100%;
}
.affiliate .affiliate-stats .payment-signups-wrapper .affiliate-payment-table .row {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #181D27;
  width: 100%;
  display: inline-flex;
  white-space: nowrap;
  margin: 0 0 8px 0;
}
.affiliate .affiliate-stats .payment-signups-wrapper .affiliate-payment-table .row .row-label {
  text-align: left;
  width: 100%;
  font-weight: 400;
}
.affiliate .affiliate-stats .payment-signups-wrapper .affiliate-payment-table .row .row-number {
  text-align: right;
  width: 100%;
}
.affiliate .affiliate-stats .payment-signups-wrapper .active-affiliate-signups {
  max-width: 110px;
  max-height: 240px;
  width: 100%;
}
.affiliate .affiliate-stats .payment-signups-wrapper .active-affiliate-signups .signups-container {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 8px;
  border: 0.5px solid #000;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
  height: 100%;
}
.affiliate .affiliate-stats .payment-signups-wrapper .active-affiliate-signups .signups-container h4 {
  margin: 0;
  text-align: center;
  color: #181D27 !important;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.affiliate .affiliate-stats .payment-signups-wrapper .active-affiliate-signups .signups-container p {
  margin: 0;
  color: #0D86D9;
  font-family: 'Inter', sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: -0.72px;
}
.affiliate .affiliate-stats .monthly-graph {
  border-radius: 8px;
  border: 0.5px solid #000;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
  max-height: 240px;
  padding: 12px;
  width: 100%;
}
.affiliate .affiliate-stats .monthly-graph span {
  display: block;
  width: 100%;
  text-align: left;
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.affiliate .affiliate-stats .monthly-graph canvas {
  width: 100% !important;
}
@media (max-width: 1565px) {
  .affiliate .affiliate-stats {
    flex-direction: column;
  }
  .affiliate .affiliate-stats .payment-signups-wrapper {
    max-width: unset;
  }
}
@media (max-width: 834px) {
  .affiliate .affiliate-signup {
    flex-direction: column;
  }
  .affiliate .affiliate-signup .button-wrapper,
  .affiliate .affiliate-signup a,
  .affiliate .affiliate-signup button {
    width: 100%;
  }
  .affiliate .affiliate-stats .payment-signups-wrapper {
    flex-direction: column;
  }
  .affiliate .affiliate-stats .payment-signups-wrapper .active-affiliate-signups {
    max-width: unset;
  }
  .affiliate .affiliate-stats .payment-signups-wrapper .active-affiliate-signups .signups-container {
    flex-direction: row;
  }
}
#component-as {
  padding: 0 20px;
  max-width: 1800px;
  margin: auto;
}
#component-as .formName {
  display: none;
}
#component-as .table-holder {
  width: 100%;
  margin: 0;
}
#component-as .table-holder .paginator-wrapper {
  padding: 0;
}
#component-as .table-holder .paginator-wrapper .paginator {
  margin: 0;
}
#component-as .table-holder .paginator-wrapper .paginator::before {
  content: 'Your Affiliate Signups';
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  position: absolute;
  left: 24px;
  top: 25%;
}
#component-as .table-holder #as-table {
  table-layout: fixed;
  width: 100%;
  border-top: 0;
  padding-right: 1px;
}
#component-as .table-holder #as-table thead {
  width: 100%;
}
#component-as .table-holder #as-table thead tr:first-child,
#component-as .table-holder #as-table thead th:first-child,
#component-as .table-holder #as-table thead tr:last-child,
#component-as .table-holder #as-table thead th:last-child {
  box-shadow: none;
}
#component-as .table-holder #as-table tr {
  width: 100%;
}
#component-as .table-holder #as-table tr th,
#component-as .table-holder #as-table tr td {
  width: 11%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#component-as .table-holder #as-table tr th button,
#component-as .table-holder #as-table tr td button {
  display: block;
  align-items: center;
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
  line-height: 20px;
  padding: 10px 16px;
  background: #0D86D9;
  color: #ffffff;
  border: none;
  border-radius: 0.625rem;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  transition: background 0.2s;
}
#component-as .table-holder #as-table tr th button:hover,
#component-as .table-holder #as-table tr td button:hover {
  background: #0f95f1;
}
#component-as .table-holder #as-table tr th button:active,
#component-as .table-holder #as-table tr td button:active {
  background: #083D77;
}
#component-as .table-holder #as-table tr th button:hover,
#component-as .table-holder #as-table tr td button:hover {
  color: #ffffff;
}
#component-as .table-holder #as-table tr th:last-child,
#component-as .table-holder #as-table tr td:last-child {
  width: 10%;
}
@media (max-width: 1565px) {
  #component-as tr th:nth-child(2),
  #component-as tr td:nth-child(2),
  #component-as tr th:nth-child(4),
  #component-as tr td:nth-child(4),
  #component-as tr th:nth-child(6),
  #component-as tr td:nth-child(6),
  #component-as tr th:nth-child(8),
  #component-as tr td:nth-child(8) {
    display: none;
  }
  #component-as .paginator-wrapper .paginator a,
  #component-as .paginator-wrapper .paginator .ofpage,
  #component-as .paginator-wrapper .paginator #as-page,
  #component-as .paginator-wrapper .paginator .page {
    display: none;
  }
}
@media (max-width: 834px) {
  #component-as tr th:nth-child(5),
  #component-as tr td:nth-child(5),
  #component-as tr th:nth-child(9),
  #component-as tr td:nth-child(9),
  #component-as tr th:nth-child(10),
  #component-as tr td:nth-child(10) {
    display: none;
  }
  #component-as .paginator-wrapper .paginator::before {
    display: block;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }
}
#component-as tr.aff-expired td:first-child {
  position: relative;
  padding-right: 5em;
}
#component-as tr.aff-expired:not(.one-time-payment) td:first-child::after {
  content: "Expired";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  background: #E63A3A;
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
  color: white;
}
#component-as tr.aff-expired.one-time-payment td:first-child {
  padding-bottom: 1.8em;
}
#component-as tr.aff-expired.one-time-payment td:first-child::after {
  content: "Expired";
  position: absolute;
  right: 5px;
  top: 6px;
  background: #E63A3A;
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
  color: white;
}
#component-as tr.aff-expired.one-time-payment td:first-child::before {
  content: "Single-payment deal";
  display: block;
  position: absolute;
  right: 5px;
  bottom: 5px;
  background: #284e84;
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
  color: white;
}