/* Generated by visual-editor.html. */
html[data-island-layout="homepage"] {
  --home-card: rgba(255, 255, 255, 0.17);
  --home-text: #ffffff;
  --home-accent: #67e8f9;
  --home-accent-2: #60a5fa;
  --home-shadow: 0 14px 46px rgba(0, 0, 0, 0.30);
}

html[data-island-layout="homepage"] body {
  background: linear-gradient(180deg, rgba(10, 15, 25, 0.16), rgba(10, 15, 25, 0.34)), url("./homepage-bg.jpg") center / cover fixed no-repeat !important;
  background-color: #070b12 !important;
}

@media (min-width: 1080px) {
  .island-dashboard-shell main,
  html[data-island-nodes-ready="true"] .island-dashboard-shell main {
    width: min(1380px, 100%) !important;
    padding: 18px !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 520px) !important;
    gap: 22px !important;
  }

  .island-table-scroll {
    grid-template-columns: repeat(2, minmax(245px, 1fr)) !important;
    gap: 12px !important;
  }

  .island-instance-row:not(.island-instance-head) {
    min-height: 238px !important;
    padding: 12px !important;
    border-radius: 12px !important;
  }

  .island-instance-name b {
    font-size: 15px !important;
  }

  html[data-island-nodes-ready="true"] .island-detail-modal.fixed.inset-0,
  .island-detail-modal {
    height: auto !important;
    max-height: none !important;
  }

  html[data-island-nodes-ready="true"] .island-detail-modal.fixed.inset-0::before {
    content: none !important;
    display: none !important;
  }

  .island-detail-content {
    gap: 8px !important;
  }

  .island-detail-content > * {
    min-height: 94px !important;
    border-radius: 12px !important;
  }

  html[data-island-layout="homepage"] .island-detail-content > .island-detail-tcp-card,
  html[data-island-layout="homepage"] .island-detail-content > .island-detail-tcp-card:has(svg),
  html[data-island-layout="homepage"] .island-detail-content > .island-detail-tcp-card:has(canvas) {
    grid-column: span 2 !important;
    height: 402px !important;
    min-height: 402px !important;
  }

  .island-detail-chart-card {
    height: 168px !important;
  }
}

html[data-island-layout="homepage"] .island-panel,
html[data-island-layout="homepage"] .island-chart-grid > .island-panel,
html[data-island-layout="homepage"] .island-instance-row:not(.island-instance-head),
html[data-island-layout="homepage"] .island-resource-stack,
html[data-island-layout="homepage"] .island-instance-row > span:nth-child(3),
html[data-island-layout="homepage"] .island-instance-row > span:nth-child(4),
html[data-island-layout="homepage"] .island-instance-row > span:nth-child(5),
html[data-island-layout="homepage"] .island-detail-content > * {
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
}

.island-resource-line i:first-of-type,
.island-summary-bars span:first-child,
html[data-island-layout="homepage"] .island-bar-row > div > i {
  background: linear-gradient(90deg, #60a5fa, #67e8f9) !important;
}

html[data-island-layout="homepage"] {
  --vps-card-glow: rgba(103, 232, 249, 0.46);
  --vps-card-glow-soft: rgba(96, 165, 250, 0.22);
  --vps-card-line: rgba(180, 238, 255, 0.58);
  --vps-card-text-shadow: 0 1px 8px rgba(0, 0, 0, 0.72);
}

html[data-island-layout="homepage"] .island-instance-row:not(.island-instance-head) {
  border: 1px solid var(--vps-card-line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(255, 255, 255, 0.018) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.18) inset,
    0 0 18px var(--vps-card-glow),
    0 20px 54px rgba(0, 0, 0, 0.34) !important;
  backdrop-filter: blur(3px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(120%) !important;
}

html[data-island-layout="homepage"] .island-instance-row[data-island-selected-card="true"],
html[data-island-layout="homepage"] .island-instance-row:not(.island-instance-head):hover {
  border-color: rgba(224, 251, 255, 0.9) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.36) inset,
    0 0 24px rgba(103, 232, 249, 0.78),
    0 0 52px var(--vps-card-glow-soft),
    0 24px 62px rgba(0, 0, 0, 0.42) !important;
}

html[data-island-layout="homepage"] .island-resource-stack,
html[data-island-layout="homepage"] .island-instance-row > span:nth-child(3),
html[data-island-layout="homepage"] .island-instance-row > span:nth-child(4),
html[data-island-layout="homepage"] .island-instance-row > span:nth-child(5) {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-island-layout="homepage"] .island-instance-row:not(.island-instance-head) *,
html[data-island-layout="homepage"] .island-instance-name b,
html[data-island-layout="homepage"] .island-instance-name small,
html[data-island-layout="homepage"] .island-resource-line b,
html[data-island-layout="homepage"] .island-resource-line strong,
html[data-island-layout="homepage"] .island-instance-row > span:nth-child(3),
html[data-island-layout="homepage"] .island-instance-row > span:nth-child(4),
html[data-island-layout="homepage"] .island-instance-row > span:nth-child(5) {
  text-shadow: var(--vps-card-text-shadow) !important;
}

html[data-island-layout="homepage"] .island-resource-line i {
  background: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.24) inset !important;
}

html[data-island-layout="homepage"] .island-instance-row > span:last-child small {
  color: #67e8f9 !important;
  text-shadow: 0 0 12px rgba(103, 232, 249, 0.68), var(--vps-card-text-shadow) !important;
}

html[data-island-layout="homepage"] .island-detail-content > * {
  border: 1px solid var(--vps-card-line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(255, 255, 255, 0.018) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.18) inset,
    0 0 18px var(--vps-card-glow),
    0 18px 46px rgba(0, 0, 0, 0.34) !important;
  backdrop-filter: blur(3px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(120%) !important;
}

html[data-island-layout="homepage"] .island-detail-content > *:hover {
  border-color: rgba(224, 251, 255, 0.86) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.34) inset,
    0 0 24px rgba(103, 232, 249, 0.72),
    0 0 48px var(--vps-card-glow-soft),
    0 22px 56px rgba(0, 0, 0, 0.42) !important;
}

html[data-island-layout="homepage"] .island-detail-content > * *,
html[data-island-layout="homepage"] .island-detail-content .text-xs,
html[data-island-layout="homepage"] .island-detail-content [class*="text-xs"],
html[data-island-layout="homepage"] .island-detail-content .text-sm,
html[data-island-layout="homepage"] .island-detail-content [class*="text-sm"],
html[data-island-layout="homepage"] .island-detail-content .text-lg,
html[data-island-layout="homepage"] .island-detail-content [class*="text-lg"],
html[data-island-layout="homepage"] .island-detail-chart-card .island-panel-head h3,
html[data-island-layout="homepage"] .island-detail-chart-card .island-panel-head span,
html[data-island-layout="homepage"] .island-detail-chart-card .island-bar-row {
  text-shadow: var(--vps-card-text-shadow) !important;
}

html[data-island-layout="homepage"] .island-detail-content > *:has(svg),
html[data-island-layout="homepage"] .island-detail-content > *:has(canvas) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.008)),
    rgba(255, 255, 255, 0.012) !important;
}

html[data-island-layout="homepage"] .island-detail-chart-card .island-bars {
  background: transparent !important;
}