.layout-container .layout-menu > p.version {
  display: none !important;
}

.dashboard-container .subscribe-info > .panel-box.col-1:has(> .aurora-notices) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0 28px;
}

.dashboard-container .subscribe-info > .panel-box.col-1 > :not(.subs-box):not(.aurora-metered-stats):not(.aurora-notices) {
  grid-column: 1 / -1;
}

.dashboard-container .subscribe-info > .panel-box.col-1 > .subs-box,
.dashboard-container .subscribe-info > .panel-box.col-1 > .aurora-metered-stats {
  grid-column: 1;
  min-width: 0;
}

.dashboard-container .subscribe-info > .panel-box.col-1 > .aurora-notices {
  grid-column: 2;
  grid-row: 2 / span 2;
  min-width: 0;
  padding: 0 0 0 28px;
  border-left: 1px solid #e5eaf0;
}

.aurora-notices h2 {
  margin: 0 0 16px;
  color: #176caf;
  font-size: 18px;
  font-weight: 700;
}

.aurora-notices-list {
  max-height: 440px;
  overflow-y: auto;
  color: #53687a;
  font-size: 14px;
}

.aurora-notice {
  margin-bottom: 10px;
  border: 1px solid #dbe6ee;
  border-left: 3px solid #2784d4;
  border-radius: 6px;
  background: #f8fbfd;
}

.aurora-notice summary {
  display: block;
  padding: 13px 16px;
  cursor: pointer;
  overflow-wrap: anywhere;
  list-style: none;
}

.aurora-notice summary::-webkit-details-marker {
  display: none;
}

.aurora-notice summary:focus-visible {
  outline: 2px solid #2784d4;
  outline-offset: 2px;
}

.aurora-notice summary strong,
.aurora-notice summary time,
.aurora-notice summary .aurora-notice-preview {
  display: block;
  margin-bottom: 6px;
}

.aurora-notice summary strong {
  color: #193b55;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

.aurora-notice summary time {
  color: #a04e40;
  font-size: 12px;
}

.aurora-notice summary .aurora-notice-preview {
  display: -webkit-box;
  overflow: hidden;
  color: #526678;
  line-height: 1.6;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.aurora-notice summary .aurora-notice-hint {
  color: #176caf;
  font-size: 12px;
  font-weight: 600;
}

.aurora-notice[open] {
  background: #fff;
}

.aurora-notice[open] summary .aurora-notice-preview {
  display: none;
}

.aurora-notice-content {
  padding: 13px 16px 16px;
  border-top: 1px solid #e5eaf0;
  color: #273746;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.is-darkmode .dashboard-container .subscribe-info > .panel-box.col-1 > .aurora-notices,
.is-darkmode .aurora-notice-content {
  border-color: #414951;
}

.is-darkmode .aurora-notices h2,
.is-darkmode .aurora-notice summary .aurora-notice-hint {
  color: #76bdf0;
}

.is-darkmode .aurora-notices-list,
.is-darkmode .aurora-notice summary .aurora-notice-preview {
  color: #b8c8d4;
}

.is-darkmode .aurora-notice {
  background: #30383f;
  border-color: #4b5863;
  border-left-color: #76bdf0;
}

.is-darkmode .aurora-notice[open] {
  background: #292c30;
}

.is-darkmode .aurora-notice summary time {
  color: #f2a994;
}

.is-darkmode .aurora-notice summary strong,
.is-darkmode .aurora-notice-content {
  color: #eef2f5;
}

.aurora-metered-stats {
  margin-top: 20px;
  padding: 22px 24px;
  border: 1px solid #e5eaf0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(23, 42, 69, .05);
  color: #273746;
  font-size: 14px;
}

.aurora-metered-stats h2 {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 600;
}

.aurora-metered-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5eaf0;
}

.aurora-metered-summary span {
  color: #697988;
}

.aurora-metered-summary strong {
  margin-left: 8px;
  color: #273746;
  font-size: 17px;
}

.aurora-metered-periods {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.aurora-metered-periods button {
  padding: 7px 12px;
  border: 1px solid #dbe3ea;
  border-radius: 6px;
  background: #fff;
  color: #273746;
  cursor: pointer;
}

.aurora-metered-periods button.is-active {
  border-color: #2784d4;
  background: #eef7ff;
  color: #176caf;
}

.aurora-metered-details {
  margin-top: 14px;
}

.aurora-metered-details summary {
  width: fit-content;
  color: #2784d4;
  font-weight: 600;
  cursor: pointer;
}

.aurora-metered-details summary:focus-visible {
  outline: 2px solid #2784d4;
  outline-offset: 3px;
}

.aurora-metered-nodes {
  max-height: 360px;
  margin-top: 14px;
  overflow-y: auto;
}

.aurora-metered-node,
.aurora-metered-row {
  display: grid;
  grid-template-columns: minmax(125px, 1fr) minmax(185px, 1.4fr) minmax(75px, auto);
  gap: 8px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #edf0f3;
}

.aurora-metered-node strong {
  text-align: right;
}

.aurora-metered-list {
  max-height: 360px;
  overflow-y: auto;
}

.aurora-metered-row {
  grid-template-columns: minmax(138px, 1fr) minmax(125px, 1fr) minmax(185px, 1.4fr) minmax(76px, auto);
  gap: 8px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #edf0f3;
}

.aurora-metered-row strong {
  text-align: right;
  color: #ba4c42;
  white-space: nowrap;
}

.aurora-metered-row strong.is-pending {
  color: #697988;
  font-weight: 400;
}

.aurora-metered-foot {
  margin-top: 12px;
  color: #697988;
  font-size: 12px;
}

.is-darkmode .aurora-metered-stats {
  background: #292c30;
  border-color: #414951;
  color: #eef2f5;
}

.is-darkmode .aurora-metered-summary,
.is-darkmode .aurora-metered-node,
.is-darkmode .aurora-metered-row {
  border-color: #414951;
}

.is-darkmode .aurora-metered-summary strong {
  color: #eef2f5;
}

.dashboard-container .overview-box > .aurora-balance-tools {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr);
  gap: 20px;
  margin: 4px 0 24px;
  padding: 20px 24px;
  border: 1px solid #e5eaf0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(23, 42, 69, .05);
  color: #273746;
  font-size: 14px;
  line-height: 1.5;
}

.aurora-balance-billing,
.aurora-balance-deposit {
  min-width: 0;
}

.aurora-balance-deposit {
  border-left: 1px solid #e5eaf0;
  padding-left: 24px;
}

.aurora-balance-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin-bottom: 16px;
}

.aurora-balance-heading h2 {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: inherit;
}

.aurora-balance-heading > span,
.aurora-balance-note,
.aurora-balance-minimum {
  font-size: 13px;
  color: #697988;
}

.aurora-balance-heading [data-balance] {
  font-size: 16px;
  color: #172e40;
}

.aurora-balance-modes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.aurora-balance-modes button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  min-height: 78px;
  padding: 12px 14px 12px 40px;
  border: 1px solid #dbe3ea;
  border-radius: 6px;
  background: #f8fafc;
  color: #273746;
  text-align: left;
  cursor: pointer;
  transition: border-color .15s, background-color .15s;
}

.aurora-balance-modes button::before {
  content: '';
  position: absolute;
  left: 14px;
  top: 17px;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 2px solid #a0afbd;
  border-radius: 50%;
  background: #fff;
}

.aurora-balance-modes button:hover:not(:disabled) {
  border-color: #2784d4;
}

.aurora-balance-modes button.is-active {
  border-color: #2784d4;
  background: #eef7ff;
}

.aurora-balance-modes button.is-active::before {
  border: 5px solid #2784d4;
}

.aurora-balance-modes button strong {
  font-size: 14px;
  font-weight: 600;
}

.aurora-balance-modes button span {
  font-size: 12px;
  color: #697988;
}

.aurora-balance-modes button:disabled,
.aurora-balance-form button:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.aurora-balance-note {
  margin-top: 12px;
}

.aurora-balance-form label {
  display: block;
  margin-bottom: 7px;
  font-weight: 500;
}

.aurora-balance-entry {
  display: flex;
  gap: 10px;
}

.aurora-balance-input {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  height: 42px;
  box-sizing: border-box;
  padding: 0 12px;
  border: 1px solid #cbd6e0;
  border-radius: 6px;
  background: #fff;
}

.aurora-balance-input:focus-within {
  border-color: #2784d4;
  box-shadow: 0 0 0 3px rgba(39, 132, 212, .12);
}

.aurora-balance-input input {
  width: 100%;
  min-width: 0;
  height: 100%;
  padding-left: 8px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #273746;
  font: inherit;
}

.aurora-balance-form button {
  flex: 0 0 auto;
  min-width: 88px;
  height: 42px;
  padding: 0 16px;
  border: 1px solid #2784d4;
  border-radius: 6px;
  background: #2784d4;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.aurora-balance-form button:hover:not(:disabled) {
  background: #176caf;
}

.aurora-balance-minimum {
  margin-top: 8px;
}

.aurora-balance-error {
  grid-column: 1 / -1;
  color: #bd3e35;
  overflow-wrap: anywhere;
}

.aurora-balance-error:empty {
  display: none;
}

.aurora-line-prices[hidden] {
  display: none;
}

.aurora-line-prices {
  grid-column: 1 / -1;
  min-width: 0;
  padding-top: 18px;
  border-top: 1px solid #e5eaf0;
}

.aurora-line-prices summary {
  color: #273746;
  cursor: pointer;
  font-size: 17px;
  font-weight: 600;
}

.aurora-line-prices summary:focus-visible {
  outline: 2px solid #2784d4;
  outline-offset: 4px;
}

.aurora-line-prices-list {
  margin-top: 10px;
  color: #697988;
}

.aurora-line-price-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px 50px minmax(0, auto);
  gap: 10px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #edf0f3;
}

.aurora-line-price-name {
  min-width: 0;
  color: #273746;
  overflow-wrap: anywhere;
}

.aurora-line-price-status.is-online {
  color: #23825b;
}

.aurora-line-price-row strong {
  color: #176caf;
  text-align: right;
  overflow-wrap: anywhere;
}

.is-darkmode .aurora-line-prices,
.is-darkmode .aurora-line-price-row {
  border-color: #414951;
}

.is-darkmode .aurora-line-prices summary,
.is-darkmode .aurora-line-price-name {
  color: #eef2f5;
}

.is-darkmode .aurora-line-price-status.is-online {
  color: #77d3a9;
}

.is-darkmode .aurora-line-price-row strong {
  color: #76bdf0;
}

.is-darkmode .dashboard-container .overview-box > .aurora-balance-tools {
  background: #292c30;
  border-color: #414951;
  color: #eef2f5;
}

.is-darkmode .aurora-balance-deposit {
  border-color: #414951;
}

.is-darkmode .aurora-balance-modes button {
  background: #333940;
  border-color: #4b5863;
  color: #eef2f5;
}

.is-darkmode .aurora-balance-modes button.is-active {
  background: #203c52;
  border-color: #5aace6;
}

.is-darkmode .aurora-balance-heading [data-balance] {
  color: #eef2f5;
}

.is-darkmode .aurora-balance-input {
  background: #333940;
  border-color: #4b5863;
}

.is-darkmode .aurora-balance-input input {
  color: #eef2f5;
}

html:has(.layout-container),
body:has(.layout-container) {
  overflow: hidden;
}

.layout-main:has(.buysubs-container) > .wrapper {
  padding-bottom: 0;
}

.buysubs-container .buy-row:last-child .plan-card {
  margin-bottom: 0;
}

.subscribe-info .aurora-unlimited-traffic .prog {
  display: none;
}

.buysubs-container > .aurora-plan-metered {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 24px;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  margin: 20px 0 24px;
  padding: 20px 24px;
  border: 1px solid #dce7ed;
  border-left: 4px solid #2784d4;
  border-radius: 6px;
  background: #fff;
  color: #273746;
  box-shadow: 0 4px 18px rgba(23, 42, 69, .05);
  scroll-margin-top: 24px;
}

.aurora-plan-metered h3 {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 600;
  color: inherit;
}

.aurora-plan-metered p {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #697988;
}

.aurora-plan-metered [data-plan-price] {
  font-size: 17px;
  font-weight: 600;
  color: #176caf;
}

.aurora-plan-metered-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.aurora-plan-metered-actions > span {
  flex-basis: 100%;
  text-align: right;
  font-size: 13px;
  color: #697988;
}

.aurora-plan-metered-actions button,
.aurora-plan-metered-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.aurora-plan-metered-actions button[hidden] {
  display: none;
}

.aurora-plan-metered-actions button {
  border: 1px solid #2784d4;
  background: #2784d4;
  color: #fff;
  cursor: pointer;
}

.aurora-plan-metered-actions button:hover:not(:disabled) {
  background: #176caf;
}

.aurora-plan-metered-actions button:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.aurora-plan-metered-actions a {
  border: 1px solid #cbd6e0;
  color: #176caf;
  text-decoration: none;
}

.aurora-plan-metered .aurora-plan-metered-error {
  grid-column: 1 / -1;
  margin: 0;
  color: #bd3e35;
  overflow-wrap: anywhere;
}

.aurora-plan-metered-error:empty {
  display: none;
}

.is-darkmode .buysubs-container > .aurora-plan-metered {
  background: #292c30;
  border-color: #414951;
  border-left-color: #5aace6;
  color: #eef2f5;
}

.is-darkmode .aurora-plan-metered [data-plan-price],
.is-darkmode .aurora-plan-metered-actions a {
  color: #76bdf0;
}

.is-darkmode .aurora-plan-metered-actions a {
  border-color: #4b5863;
}

@media (max-width: 900px) {
  .dashboard-container .subscribe-info > .panel-box.col-1:has(> .aurora-notices) {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-container .subscribe-info > .panel-box.col-1 > .aurora-notices {
    grid-column: 1;
    grid-row: auto;
    margin-top: 20px;
    padding: 20px 0 0;
    border-left: 0;
    border-top: 1px solid #e5eaf0;
  }

  .buysubs-container > .aurora-plan-metered {
    grid-template-columns: minmax(0, 1fr);
  }

  .aurora-plan-metered-actions {
    justify-content: flex-start;
  }

  .aurora-plan-metered-actions > span {
    text-align: left;
  }

  .aurora-metered-node,
  .aurora-metered-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .aurora-metered-node > :first-child,
  .aurora-metered-row > :first-child {
    grid-column: 1 / -1;
    font-weight: 600;
  }

  .aurora-metered-node > :nth-child(2),
  .aurora-metered-row > :nth-child(3) {
    grid-column: 1;
    overflow-wrap: anywhere;
  }

  .aurora-metered-node > :last-child,
  .aurora-metered-row > :last-child {
    grid-column: 2;
    grid-row: 3;
  }

  .dashboard-container .overview-box > .aurora-balance-tools {
    grid-template-columns: minmax(0, 1fr);
  }

  .aurora-balance-deposit {
    border-left: 0;
    border-top: 1px solid #e5eaf0;
    padding: 18px 0 0;
  }
}

@media (max-width: 700px) {
  .subscribe-info .col-2 .import-btns .tips[data-v-3b2f94c2] {
    box-sizing: border-box;
    padding: 20px 24px;
    color: #223746;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.65;
    text-align: center;
    overflow-wrap: anywhere;
    background: rgba(255, 255, 255, .88);
  }
}

@media (max-width: 520px) {
  .dashboard-container .overview-box > .aurora-balance-tools {
    padding: 18px;
  }

  .aurora-balance-modes {
    grid-template-columns: minmax(0, 1fr);
  }

  .aurora-line-price-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 12px;
  }

  .aurora-line-price-name {
    grid-column: 1 / -1;
  }

  .aurora-line-price-row strong {
    grid-column: 1 / -1;
    text-align: left;
  }

  .aurora-metered-stats {
    padding: 18px;
  }

}

.layout-menu .aurora-promotion-menu .link {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.layout-menu .aurora-promotion-menu .link i {
  font-size: 22px;
}

.layout-menu .aurora-promotion-menu.is-active .link {
  color: #2784d4;
}

.invite-container.aurora-promotion-active > :not(.aurora-promotion-page) {
  display: none !important;
}

.aurora-promotion-page {
  min-width: 0;
  color: #26394a;
}

.aurora-promotion-heading {
  margin-bottom: 24px;
}

.aurora-promotion-heading a {
  display: inline-block;
  margin-bottom: 12px;
  color: #2784d4;
}

.aurora-promotion-heading h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
}

.aurora-promotion-list {
  display: grid;
  gap: 16px;
}

.aurora-promotion-activity {
  padding: 20px 24px;
  border: 1px solid #dbe6ee;
  border-radius: 6px;
  background: #fff;
  overflow-wrap: anywhere;
}

.aurora-promotion-activity-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.aurora-promotion-activity h2 {
  margin: 0;
  font-size: 18px;
}

.aurora-promotion-status {
  flex: none;
  color: #277450;
  font-size: 13px;
}

.aurora-promotion-activity p {
  margin: 12px 0;
  white-space: pre-wrap;
  color: #53687a;
}

.aurora-promotion-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 24px;
  margin: 16px 0 0;
}

.aurora-promotion-details dt {
  color: #687c8e;
  font-size: 13px;
}

.aurora-promotion-details dd {
  margin: 4px 0 0;
  font-weight: 600;
}

.is-darkmode .aurora-promotion-page { color: #eef2f5; }
.is-darkmode .aurora-promotion-activity { background: #292c30; border-color: #414951; }
.is-darkmode .aurora-promotion-activity p,
.is-darkmode .aurora-promotion-details dt { color: #b4c2cc; }
.is-darkmode .aurora-promotion-status { color: #84d4a7; }

@media (max-width: 600px) {
  .aurora-promotion-activity { padding: 16px; }
  .aurora-promotion-details { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .aurora-promotion-heading h1 { font-size: 21px; }
}