:root {
  --bg: #050b09;
  --bg-soft: rgba(7, 18, 15, 0.94);
  --panel: rgba(8, 22, 18, 0.9);
  --panel-strong: rgba(7, 17, 15, 0.97);
  --line: rgba(139, 174, 156, 0.22);
  --line-strong: rgba(151, 197, 171, 0.38);
  --text: #edf7f1;
  --muted: #94ac9f;
  --muted-strong: #c2d5ca;
  --green: #5bd27d;
  --green-bright: #d9f7df;
  --green-deep: #10281b;
  --cyan: #8bcfda;
  --blue: #88aee0;
  --amber: #e8cb84;
  --shadow: 0 24px 72px rgba(0, 0, 0, 0.46);
  --radius-xl: 8px;
  --radius-lg: 8px;
  --radius-md: 6px;
  --page-width: 1400px;
}

.admin-alert-stack,
.mobile-alert-stack {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.admin-alert-card {
  border: 1px solid rgba(103, 255, 162, 0.2);
  background: linear-gradient(135deg, rgba(5, 28, 21, 0.95), rgba(6, 18, 18, 0.86));
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.22);
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.admin-alert-card strong {
  display: block;
  margin: 4px 0 6px;
}

.admin-alert-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.admin-alert-card.severity-critical {
  border-color: rgba(255, 101, 101, 0.48);
  box-shadow: 0 0 0 1px rgba(255, 101, 101, 0.12), 0 18px 60px rgba(255, 40, 40, 0.1);
}

.admin-alert-card.severity-watch {
  border-color: rgba(255, 214, 102, 0.42);
}

.admin-alert-card.severity-info {
  border-color: rgba(78, 255, 226, 0.34);
}

.audit-filter-form {
  margin-bottom: 16px;
}

.profile-pin-card {
  border: 1px solid rgba(103, 255, 162, 0.18);
  border-radius: 8px;
  padding: 14px;
  background: rgba(3, 20, 15, 0.62);
}

.profile-pin-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 8px 14px;
  margin-top: 10px;
}

.mobile-command-shell {
  display: grid;
  gap: 18px;
}

.mobile-command-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background:
    linear-gradient(135deg, rgba(8, 36, 25, 0.92), rgba(4, 13, 14, 0.96)),
    repeating-linear-gradient(90deg, rgba(103, 255, 162, 0.05) 0 1px, transparent 1px 34px);
}

.mobile-live-stack,
.mobile-command-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.mobile-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
  gap: 18px;
}

.mobile-command-card {
  min-width: 0;
}

.mobile-command-card:last-child {
  grid-column: 1 / -1;
}

.mobile-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 14px;
}

body[data-dashboard-view="mobile-command"] .tab-button:not([data-dashboard-tab="mobile"]):not(.is-active) {
  opacity: 0.76;
}

@media (max-width: 820px) {
  .admin-alert-card,
  .mobile-command-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .mobile-command-grid,
  .mobile-summary-grid {
    grid-template-columns: 1fr;
  }
}

.brand-logo {
  display: block;
  width: min(470px, 82vw);
  height: auto;
  border-radius: 8px;
  background: transparent;
  box-shadow: 0 22px 60px rgba(78, 255, 226, 0.14);
}

.auth-brand-logo {
  width: min(560px, 82vw);
  margin: 10px 0 20px;
}

.dashboard-brand-line {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 18px;
}

.dashboard-brand-logo {
  width: clamp(360px, 40vw, 640px);
  max-width: 90vw;
  border: 0;
}

.brand-intro {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 28%, rgba(139, 207, 218, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(2, 8, 9, 0.96), rgba(2, 15, 10, 0.98));
  animation: brandIntroBackdrop 4.2s ease forwards;
}

.brand-intro.is-complete {
  opacity: 0;
  pointer-events: none;
  transition: opacity 320ms ease;
}

.brand-intro-card {
  width: min(620px, 92vw);
  display: grid;
  justify-items: center;
  gap: 18px;
  padding: 28px;
  border: 1px solid rgba(139, 207, 218, 0.28);
  border-radius: 8px;
  background: rgba(3, 17, 15, 0.82);
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.55), 0 0 80px rgba(78, 255, 226, 0.08);
  transform-origin: center;
  animation: brandIntroCard 4.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.brand-intro-logo {
  width: min(340px, 74vw);
  border: 1px solid rgba(255, 255, 255, 0.2);
  animation: brandLogoReveal 1.5s ease both;
}

.brand-intro-video {
  width: min(520px, 82vw);
  aspect-ratio: 16 / 9;
  display: block;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: #020a09;
  object-fit: cover;
  animation: brandLogoReveal 1.1s ease both;
}

.brand-intro-copy {
  text-align: center;
}

.brand-intro-copy h2 {
  margin: 0;
  font-size: clamp(1.6rem, 4vw, 3.1rem);
  letter-spacing: 0;
}

.brand-intro-copy span {
  color: var(--muted-strong);
}

.brand-intro-track {
  width: min(420px, 70vw);
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(139, 207, 218, 0.18);
}

.brand-intro-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--green), var(--cyan), var(--amber));
  animation: brandIntroProgress 3.4s ease forwards;
}

@keyframes brandLogoReveal {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(10px);
    filter: blur(8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: blur(0);
  }
}

@keyframes brandIntroProgress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes brandIntroCard {
  0% {
    opacity: 0;
    transform: scale(0.94) translateY(18px);
  }
  18%,
  78% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  100% {
    opacity: 0;
    transform: scale(1.025) translateY(-10px);
  }
}

@keyframes brandIntroBackdrop {
  0%,
  78% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: "Segoe UI Variable Text", "Segoe UI", "Aptos", "Helvetica Neue", Arial, sans-serif;
  font-size: 16.5px;
  line-height: 1.5;
  color: var(--text);
  background:
    linear-gradient(90deg, rgba(139, 207, 218, 0.03) 1px, transparent 1px),
    linear-gradient(180deg, rgba(91, 210, 125, 0.025) 1px, transparent 1px),
    radial-gradient(circle at 12% 8%, rgba(136, 174, 224, 0.12), transparent 32%),
    radial-gradient(circle at 84% 18%, rgba(232, 203, 132, 0.055), transparent 28%),
    linear-gradient(180deg, #040907 0%, #081713 42%, #06110f 72%, #040907 100%);
  background-size: 48px 48px, 48px 48px, auto, auto, auto;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    linear-gradient(transparent 0, rgba(139, 207, 218, 0.02) 50%, transparent 100%),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0,
      rgba(255, 255, 255, 0.01) 1px,
      transparent 1px,
      transparent 3px
    );
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0.34;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(112deg, transparent 0%, transparent 34%, rgba(82, 255, 125, 0.03) 42%, transparent 52%, transparent 100%),
    linear-gradient(68deg, transparent 0%, rgba(139, 207, 218, 0.026) 48%, transparent 68%);
  mix-blend-mode: screen;
  opacity: 0.64;
  animation: fieldSweep 18s ease-in-out infinite alternate;
}

.matrix-rain,
.scanlines {
  position: fixed;
  inset: 0;
  pointer-events: none;
}

.matrix-rain {
  z-index: 0;
  display: block;
  opacity: 0.18;
  overflow: hidden;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 28px,
      rgba(82, 255, 125, 0.055) 29px,
      transparent 31px
    ),
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 44px,
      rgba(78, 255, 226, 0.045) 45px,
      transparent 47px
    );
  filter: blur(0.2px);
  animation: matrixDrift 24s linear infinite;
}

.matrix-rain::before,
.matrix-rain::after {
  content: "";
  position: absolute;
  inset: -12%;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 34px,
      rgba(82, 255, 125, 0.09) 35px,
      transparent 37px
    ),
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 18px,
      rgba(217, 247, 223, 0.08) 19px,
      transparent 21px
    );
  mix-blend-mode: screen;
  mask-image: linear-gradient(180deg, transparent 0, #000 12%, #000 86%, transparent 100%);
}

.matrix-rain::before {
  opacity: 0.42;
  animation: matrixColumnFall 16s linear infinite;
}

.matrix-rain::after {
  opacity: 0.22;
  transform: scaleX(-1);
  animation: matrixColumnFallAlt 29s linear infinite;
}

.scanlines {
  z-index: 1;
  background:
    linear-gradient(to bottom, transparent, rgba(139, 207, 218, 0.018), transparent),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.012) 0,
      rgba(255, 255, 255, 0.012) 1px,
      transparent 1px,
      transparent 5px
    );
  mix-blend-mode: screen;
}

.ambient {
  display: none;
}

.ambient-left {
  top: -7rem;
  left: -7rem;
  background: rgba(82, 255, 125, 0.18);
}

.ambient-right {
  right: -10rem;
  top: 25vh;
  background: rgba(78, 255, 226, 0.12);
}

.app-shell {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 28px), var(--page-width));
  margin: 0 auto;
  padding: 22px 0 52px;
}

.layout,
.admin-layout,
.guidance-stack,
.status-list,
.chip-row,
.kpi-grid,
.asset-grid,
.bot-grid,
.monthly-grid,
.note-list,
.day-counts,
.stat-grid,
.legend,
.field-grid,
.report-layout,
.summary-grid,
.insight-grid,
.trend-asset-grid,
.profile-grid,
.preset-row,
.risk-layout,
.risk-summary-grid,
.alert-stack,
.hosting-status-grid,
.command-grid,
.inline-fields,
.report-options-grid,
.document-upload-form,
.document-actions,
.report-actions,
.terminal-notes,
.guidance-grid,
.viewer-account-stack,
.ai-target-stack,
.document-grid,
.ai-forecast-grid,
.ai-range-stack {
  display: grid;
  gap: 16px;
}

.panel,
.asset-card,
.status-panel,
.guidance-hero,
.guidance-card,
.guidance-checklist,
.summary-tile {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, rgba(10, 25, 21, 0.92), rgba(6, 14, 12, 0.95));
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
}

.panel::after,
.asset-card::after,
.status-panel::after,
.guidance-hero::after,
.guidance-card::after,
.guidance-checklist::after,
.summary-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, rgba(217, 247, 223, 0.03), transparent 30%, transparent 82%, rgba(139, 207, 218, 0.04));
  pointer-events: none;
  transition: opacity 220ms ease, transform 220ms ease;
}

.hero,
.auth-shell {
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1.3fr) minmax(340px, 0.7fr);
  align-items: stretch;
  padding: 24px;
}

.hero-copy,
.hero-side,
.auth-copy,
.auth-card,
.chart-card,
.table-card,
.bot-card,
.monthly-card,
.admin-card,
.report-panel {
  position: relative;
  z-index: 1;
}

.hero-copy,
.auth-copy,
.hero-side {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.eyebrow {
  margin: 0;
  color: var(--green);
  font-size: 0.78rem;
  font-weight: 620;
  letter-spacing: 0;
  text-transform: uppercase;
}

.hero h1,
.auth-shell h1,
.loading-state h1,
.chart-title h2,
.section-heading h2,
.bot-card h3,
.guidance-card h3,
.guidance-checklist h3 {
  margin: 0;
  font-family: "Bahnschrift", "Segoe UI Variable Display", "Aptos Display", "Segoe UI", Arial, sans-serif;
  font-weight: 590;
  letter-spacing: 0;
  text-transform: uppercase;
}

.hero h1,
.auth-shell h1,
.loading-state h1 {
  max-width: 18ch;
  font-size: clamp(2.15rem, 2.85vw, 3.25rem);
  line-height: 1.05;
  font-weight: 560;
  text-shadow: 0 0 20px rgba(139, 207, 218, 0.13);
}

.dashboard-hero {
  min-height: 0;
}

.dashboard-hero .supporting-copy {
  max-width: 70ch;
}

.live-engine-strip {
  position: relative;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(139, 207, 218, 0.24);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(90deg, rgba(91, 210, 125, 0.11), rgba(139, 207, 218, 0.08), rgba(91, 210, 125, 0.04)),
    rgba(5, 18, 15, 0.78);
  box-shadow: inset 0 0 28px rgba(91, 210, 125, 0.04);
}

.live-engine-strip::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, rgba(217, 247, 223, 0.08), transparent);
  transform: translateX(-100%);
  animation: liveSweep 4.8s linear infinite;
  pointer-events: none;
}

.live-engine-core,
.live-engine-metrics {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.live-engine-core strong,
.live-engine-metrics strong {
  color: var(--green-bright);
  font-weight: 620;
}

.live-orbit {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid rgba(139, 207, 218, 0.25);
  border-top-color: var(--green-bright);
  box-shadow: 0 0 22px rgba(91, 210, 125, 0.16);
  animation: spin 1.4s linear infinite;
}

.live-progress-track {
  position: relative;
  z-index: 1;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(139, 207, 218, 0.12);
}

.live-progress-track span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--green), var(--blue), var(--green-bright));
  box-shadow: 0 0 18px rgba(139, 207, 218, 0.18);
  transition: width 240ms ease;
}

.live-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.live-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--green-bright);
  box-shadow: 0 0 0 rgba(91, 210, 125, 0.45), 0 0 18px rgba(91, 210, 125, 0.42);
  animation: livePulse 1.4s ease-out infinite;
}

.online-status-pill {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 13px;
  border: 1px solid rgba(91, 210, 125, 0.36);
  border-radius: 999px;
  background: rgba(5, 22, 15, 0.82);
  color: var(--green-bright);
  box-shadow: 0 12px 34px rgba(91, 210, 125, 0.1), inset 0 0 18px rgba(91, 210, 125, 0.035);
}

.online-status-pill strong {
  font-weight: 650;
}

.online-status-pill span:last-child {
  color: var(--muted-strong);
  font-size: 0.86rem;
}

body.is-refreshing .dashboard-hero,
body.is-refreshing .live-engine-strip {
  border-color: rgba(139, 207, 218, 0.46);
}

.supporting-copy,
.chart-subtitle,
.section-copy,
.table-subtitle,
.bot-summary,
.metric-footnote,
.stat-footnote,
.field-hint {
  margin: 0;
  color: var(--muted-strong);
  font-size: 1rem;
  line-height: 1.72;
}

.status-tape {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  padding: 11px 16px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(8, 20, 17, 0.86);
  color: var(--muted-strong);
  font-size: 0.9rem;
}

.chip-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.hero-chip,
.status-chip,
.legend-button,
.note-pill,
.range-pill,
.terminal-tag,
.link-chip {
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-md);
  background: rgba(9, 25, 21, 0.74);
}

.hero-chip {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  min-height: 96px;
  padding: 14px 16px;
}

.hero-chip-label,
.metric-label,
.stat-label,
.table-head {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 620;
  letter-spacing: 0;
  text-transform: uppercase;
}

.hero-chip-value,
.metric-value,
.asset-value,
.stat-value,
.bot-accent-value,
.table-value {
  display: block;
  min-width: 0;
  margin-top: 6px;
  color: var(--green-bright);
}

.hero-chip-value {
  overflow-wrap: anywhere;
  line-height: 1.45;
}

.source-chip .hero-chip-value {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.status-panel {
  min-width: 0;
  padding: 18px;
}

.status-panel-header,
.chart-title,
.section-heading,
.asset-card-header,
.bot-card-head,
.status-actions {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}

.status-actions {
  align-items: center;
  flex-wrap: wrap;
  justify-content: end;
}

.status-panel h2,
.section-heading h2,
.chart-title h2 {
  font-size: 1.24rem;
}

.status-chip,
.terminal-tag {
  padding: 8px 12px;
  color: var(--green-bright);
  font-size: 0.76rem;
  letter-spacing: 0;
  text-transform: uppercase;
}

.status-row {
  display: grid;
  gap: 6px;
}

.status-row strong {
  color: var(--green-bright);
  font-size: 1.04rem;
  font-weight: 560;
  overflow-wrap: anywhere;
}

.warning-strip,
.warning-panel {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 12px;
  padding: 16px 18px;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 208, 85, 0.28);
  background: rgba(50, 35, 4, 0.7);
  color: #ffe8a5;
  line-height: 1.55;
}

.warning-panel code {
  font-family: inherit;
}

.kpi-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.kpi-card,
.chart-card,
.table-card,
.bot-card,
.monthly-card,
.admin-card,
.trend-panel,
.profile-panel,
.risk-panel,
.report-panel {
  padding: 22px;
}

.metric-value {
  font-size: 1.95rem;
  font-weight: 620;
  text-shadow: 0 0 16px rgba(139, 207, 218, 0.12);
}

.kpi-card::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 12px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--green), var(--cyan), var(--amber));
  box-shadow: 0 0 18px rgba(82, 255, 125, 0.22);
  transform: scaleX(0.36);
  transform-origin: left center;
  transition: transform 240ms ease, opacity 240ms ease;
  opacity: 0.62;
}

.kpi-card:hover::before {
  transform: scaleX(1);
  opacity: 1;
}

.panel,
.asset-card,
.summary-tile,
.document-card,
.finance-status-card,
.deposit-route-card,
.withdrawal-request-card,
.bot-card,
.monthly-card,
.chart-widget,
.report-mini-card {
  transform-style: preserve-3d;
  transition: transform 240ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 220ms ease, box-shadow 220ms ease, background 220ms ease;
}

.panel:hover,
.asset-card:hover,
.summary-tile:hover,
.document-card:hover,
.finance-status-card:hover,
.deposit-route-card:hover,
.withdrawal-request-card:hover,
.bot-card:hover,
.monthly-card:hover,
.chart-widget:hover,
.report-mini-card:hover {
  transform: translateY(-4px);
  border-color: rgba(140, 221, 218, 0.42);
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.38), 0 0 34px rgba(70, 180, 164, 0.12);
}

.panel:hover::after,
.asset-card:hover::after,
.summary-tile:hover::after {
  opacity: 1;
  transform: translate3d(0, -6px, 0);
}

.main-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.95fr);
}

.chart-card {
  display: grid;
  gap: 16px;
}

.legend {
  grid-template-columns: repeat(auto-fit, minmax(130px, max-content));
}

.legend-button,
.range-pill,
.button,
.link-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 14px;
  color: var(--text);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: transform 160ms ease, border-color 160ms ease, opacity 160ms ease, background 160ms ease;
}

.legend-button:hover,
.range-pill:hover,
.button:hover,
.link-chip:hover {
  transform: translateY(-1px);
  border-color: rgba(176, 255, 191, 0.5);
}

.legend-button.is-dimmed {
  opacity: 0.48;
}

.legend-swatch {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: 0 0 16px currentColor;
}

.chart-frame,
.sparkline-frame,
.table-wrap {
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: rgba(2, 10, 4, 0.86);
}

.chart-frame {
  overflow: hidden;
  min-height: 320px;
}

.line-chart,
.sparkline {
  width: 100%;
  display: block;
}

.axis-label {
  fill: rgba(176, 255, 191, 0.84);
  font-family: "Cascadia Code", monospace;
  font-size: 11px;
}

.grid-line,
.sparkline-grid {
  stroke: rgba(82, 255, 125, 0.12);
  stroke-width: 1;
}

.series-line,
.sparkline-path {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1300;
  stroke-dashoffset: 1300;
  animation: chartDraw 1.2s ease-out forwards;
}

.sparkline-fill {
  opacity: 0.14;
}

.series-dot {
  stroke: rgba(0, 0, 0, 0.86);
  stroke-width: 1.4;
  animation: dotPop 780ms ease-out both;
}

.chart-empty {
  display: grid;
  place-items: center;
  min-height: 320px;
  color: var(--muted-strong);
}

.bot-grid,
.monthly-grid,
.trend-asset-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.asset-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
}

.insight-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.asset-card,
.bot-card,
.monthly-card,
.trend-asset-card,
.insight-card,
.document-card,
.viewer-account-card,
.ai-target-card,
.ai-forecast-card {
  padding: 18px;
}

.asset-card {
  display: grid;
  gap: 16px;
}

.trend-panel,
.profile-panel,
.risk-panel {
  display: grid;
  gap: 18px;
}

.profile-overlay {
  position: fixed;
  z-index: 70;
  inset: 0;
  display: grid;
  align-items: stretch;
  justify-items: end;
  padding: 18px;
}

.profile-overlay-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(1, 7, 5, 0.68);
  backdrop-filter: blur(8px);
  cursor: pointer;
}

.profile-overlay-panel {
  position: relative;
  z-index: 1;
  width: min(640px, calc(100vw - 36px));
  max-height: calc(100vh - 36px);
  display: grid;
  gap: 14px;
  overflow: auto;
  padding: 18px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, rgba(8, 24, 20, 0.98), rgba(3, 12, 10, 0.98));
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.56);
}

.profile-overlay-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.profile-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
}

.profile-status-card,
.alert-card {
  padding: 14px;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: rgba(9, 24, 20, 0.76);
}

.profile-status-card strong,
.alert-card h3 {
  display: block;
  margin: 6px 0;
  color: var(--green-bright);
}

.profile-status-card p,
.alert-card p {
  margin: 0;
  color: var(--muted-strong);
  line-height: 1.55;
}

.profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.preset-row {
  grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
}

.risk-summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.risk-layout {
  grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);
}

.alert-card.high {
  border-color: rgba(255, 120, 120, 0.34);
}

.alert-card.watch {
  border-color: rgba(215, 189, 117, 0.38);
}

.bot-operations-panel {
  background:
    linear-gradient(135deg, rgba(38, 109, 150, 0.13), transparent 44%),
    rgba(7, 19, 17, 0.9);
}

.bot-ops-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bot-ops-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.bot-ops-card {
  display: grid;
  gap: 13px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(7, 22, 19, 0.78);
}

.bot-ops-card.watch {
  border-color: rgba(255, 217, 102, 0.36);
}

.bot-ops-card.high {
  border-color: rgba(255, 143, 143, 0.42);
}

.bot-ops-head,
.bot-ops-meter > div,
.ops-notes-strip {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.bot-ops-head h3 {
  margin: 5px 0 0;
  color: var(--text);
  font-size: 1.08rem;
}

.status-pill {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(132, 255, 171, 0.3);
  border-radius: 999px;
  color: var(--green-bright);
  background: rgba(39, 107, 76, 0.28);
  font-size: 0.78rem;
  font-weight: 700;
}

.status-pill.watch {
  border-color: rgba(255, 217, 102, 0.42);
  color: #ffe6a6;
  background: rgba(119, 91, 22, 0.32);
}

.status-pill.high {
  border-color: rgba(255, 143, 143, 0.42);
  color: #ffc5c5;
  background: rgba(116, 30, 34, 0.32);
}

.bot-ops-meter {
  display: grid;
  gap: 7px;
  color: var(--muted-strong);
}

.bot-ops-meter strong {
  color: var(--green-bright);
}

.mini-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.mini-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--blue), var(--green-bright));
}

.bot-ops-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.bot-ops-metrics div {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(9, 25, 21, 0.62);
}

.bot-ops-metrics strong {
  display: block;
  margin-top: 4px;
  overflow-wrap: anywhere;
  color: var(--text);
  font-weight: 580;
}

.ops-notes-strip {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(7, 22, 19, 0.72);
}

.ops-notes-strip div {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: var(--muted-strong);
  line-height: 1.5;
}

.trend-asset-card,
.insight-card,
.document-card,
.viewer-account-card,
.ai-target-card,
.ai-forecast-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: rgba(9, 24, 20, 0.76);
}

.insight-card {
  display: grid;
  gap: 10px;
}

.insight-card.good {
  border-color: rgba(82, 255, 125, 0.36);
}

.insight-card.watch {
  border-color: rgba(255, 208, 85, 0.32);
}

.insight-card p {
  margin: 0;
  color: var(--muted-strong);
  line-height: 1.58;
}

.insight-card strong {
  color: var(--green-bright);
}

.trend-sparkline-frame {
  margin: 14px 0;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: rgba(2, 10, 4, 0.84);
  overflow: hidden;
}

.ai-forecast-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ai-forecast-card {
  display: grid;
  gap: 16px;
}

.ai-range-stack {
  gap: 10px;
}

.ai-range-labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted-strong);
  font-size: 0.95rem;
}

.ai-range-labels strong {
  color: var(--green-bright);
}

.ai-range-track {
  position: relative;
  height: 18px;
  border-radius: 999px;
  border: 1px solid rgba(82, 255, 125, 0.16);
  background: rgba(82, 255, 125, 0.06);
  overflow: hidden;
}

.ai-band,
.ai-target,
.ai-marker {
  position: absolute;
  top: 0;
  bottom: 0;
}

.ai-band {
  border-radius: inherit;
  background: rgba(91, 155, 213, 0.28);
}

.ai-target {
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(86, 216, 196, 0.72), rgba(182, 245, 196, 0.82));
}

.ai-marker {
  width: 3px;
  transform: translateX(-1px);
  background: #fff7bf;
  box-shadow: 0 0 18px rgba(255, 247, 191, 0.5);
}

.trend-sparkline {
  display: block;
  width: 100%;
  height: 86px;
}

.viewer-account-card {
  display: grid;
  gap: 14px;
}

.ai-target-card {
  display: grid;
  gap: 14px;
}

.viewer-account-head,
.viewer-account-actions,
.toggle-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.viewer-account-head strong {
  display: block;
  margin-top: 4px;
  color: var(--green-bright);
}

.toggle-line {
  justify-content: end;
  color: var(--muted-strong);
}

.viewer-account-actions {
  justify-content: end;
  flex-wrap: wrap;
}

.danger-toggle {
  color: #ffb4b4;
}

.toggle-line input {
  width: 18px;
  height: 18px;
  accent-color: var(--green);
}

.ai-admin-range {
  position: relative;
  height: 16px;
  border-radius: 999px;
  border: 1px solid rgba(82, 255, 125, 0.16);
  background: rgba(82, 255, 125, 0.06);
  overflow: hidden;
}

.ai-admin-target,
.ai-admin-marker {
  position: absolute;
  top: 0;
  bottom: 0;
}

.ai-admin-target {
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(91, 155, 213, 0.7), rgba(182, 245, 196, 0.8));
}

.ai-admin-marker {
  width: 3px;
  transform: translateX(-1px);
  background: #fff7bf;
}

.compact-field-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.asset-badge,
.bot-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  max-width: 100%;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(151, 197, 171, 0.26);
  color: var(--green-bright);
  background: rgba(10, 28, 24, 0.72);
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.asset-badge.sol,
.bot-badge.sol {
  color: var(--cyan);
  border-color: rgba(78, 255, 226, 0.24);
}

.asset-value {
  overflow-wrap: anywhere;
  font-size: 1.42rem;
  line-height: 1.35;
}

.stat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.asset-card .stat-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 118px), 1fr));
}

.stat-block,
.day-count,
.bot-accent,
.summary-tile {
  padding: 14px;
  border-radius: var(--radius-md);
  background: rgba(11, 28, 24, 0.72);
}

.asset-card-header {
  flex-wrap: wrap;
}

.asset-card-header > div {
  flex: 1 1 150px;
  min-width: 0;
}

.stat-block {
  min-width: 0;
}

.stat-value {
  overflow-wrap: anywhere;
  line-height: 1.45;
}

.day-counts,
.bot-accent-grid,
.summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.summary-tile strong {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
  color: var(--green-bright);
  font-size: 1.28rem;
  font-weight: 620;
}

.monthly-bars,
.terminal-notes {
  display: grid;
  gap: 12px;
}

.month-row {
  display: grid;
  gap: 10px;
  grid-template-columns: 68px minmax(0, 1fr) max-content;
  align-items: center;
}

.month-label,
.month-value,
.table-value,
.table-label {
  font-size: 1rem;
}

.month-track {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(82, 255, 125, 0.08);
}

.month-bar {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, currentColor, rgba(176, 255, 191, 0.9));
}

.table-wrap {
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  min-width: 660px;
}

thead {
  background: rgba(139, 207, 218, 0.07);
}

th,
td {
  padding: 13px 15px;
  text-align: left;
  border-bottom: 1px solid rgba(151, 197, 171, 0.1);
}

th.table-head,
td.table-label,
td.table-value {
  display: table-cell;
}

tbody tr:hover {
  background: rgba(139, 207, 218, 0.045);
}

.table-label {
  color: var(--muted-strong);
}

.note-list {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.note-pill {
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  color: var(--muted-strong);
  font-size: 0.98rem;
  line-height: 1.6;
}

.report-panel {
  display: grid;
  gap: 18px;
}

.document-panel {
  display: grid;
  gap: 18px;
}

.overview-command-panel,
.daily-stats-panel,
.finance-panel {
  display: grid;
  gap: 18px;
  padding: 16px;
}

.overview-command-grid,
.overview-asset-grid,
.overview-bot-strip,
.daily-stats-summary,
.daily-asset-strip {
  display: grid;
  gap: 14px;
}

.daily-stats-controls {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(160px, 0.82fr) minmax(160px, 0.82fr) minmax(140px, 0.68fr) minmax(190px, 0.88fr) minmax(260px, 1.15fr);
  align-items: end;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background:
    linear-gradient(135deg, rgba(82, 255, 125, 0.055), transparent 46%),
    rgba(5, 17, 15, 0.78);
}

.daily-compare-toggle {
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: 10px;
  padding: 12px 13px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(9, 27, 23, 0.82);
  color: var(--muted-strong);
  font-size: 0.94rem;
}

.daily-compare-toggle input {
  width: 18px;
  height: 18px;
  accent-color: var(--green);
}

.daily-export-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(90deg, rgba(82, 255, 125, 0.08), transparent 44%),
    rgba(5, 17, 15, 0.8);
  color: var(--muted-strong);
}

.daily-export-bar span {
  overflow-wrap: anywhere;
}

.daily-export-bar-bottom {
  justify-content: flex-end;
  margin-top: 2px;
}

.overview-command-grid,
.daily-stats-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.daily-stats-summary.daily-selected-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.overview-asset-grid,
.daily-asset-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.overview-asset-card,
.daily-asset-tile,
.daily-selected-card,
.overview-bot-strip article {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(139, 207, 218, 0.055), transparent 42%),
    rgba(7, 22, 19, 0.76);
}

.overview-asset-card .trend-sparkline-frame {
  min-height: 112px;
}

.overview-mini-ledger,
.daily-ledger-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  color: var(--muted-strong);
  font-size: 0.94rem;
}

.overview-bot-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.overview-bot-strip strong,
.daily-asset-tile strong,
.daily-selected-card strong {
  color: var(--green-bright);
  font-size: 1.14rem;
  font-weight: 560;
  overflow-wrap: anywhere;
}

.overview-bot-strip p,
.daily-asset-tile p,
.daily-selected-card p {
  margin: 0;
  color: var(--muted-strong);
  line-height: 1.55;
}

.command-pulse-panel {
  display: grid;
  gap: 18px;
  padding: 16px;
}

.command-pulse-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.pulse-card {
  position: relative;
  display: grid;
  gap: 9px;
  min-width: 0;
  min-height: 156px;
  padding: 16px;
  border: 1px solid rgba(139, 207, 218, 0.2);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(150deg, rgba(82, 255, 125, 0.07), transparent 42%),
    rgba(6, 20, 17, 0.84);
  box-shadow: inset 0 0 24px rgba(82, 255, 125, 0.035);
  transform: translateY(8px);
  opacity: 0;
  animation: pulseCardIn 520ms ease forwards;
  animation-delay: var(--pulse-delay);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.pulse-card:hover {
  transform: translateY(-5px);
  border-color: rgba(82, 255, 125, 0.42);
  background:
    linear-gradient(150deg, rgba(82, 255, 125, 0.115), transparent 44%),
    rgba(7, 25, 21, 0.9);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34), 0 0 26px rgba(82, 255, 125, 0.12);
}

.pulse-card strong {
  color: var(--green-bright);
  font-size: 1.26rem;
  font-weight: 620;
  overflow-wrap: anywhere;
}

.pulse-card p {
  margin: 0;
  color: var(--muted-strong);
  font-size: 0.93rem;
  line-height: 1.45;
}

.pulse-beacon {
  width: 13px;
  height: 13px;
  border-radius: 999px;
  background: var(--green);
  box-shadow: 0 0 0 0 rgba(82, 255, 125, 0.42), 0 0 18px rgba(82, 255, 125, 0.42);
  animation: livePulse 1.8s ease infinite;
}

.pulse-card.watch .pulse-beacon {
  background: var(--amber);
  box-shadow: 0 0 0 0 rgba(232, 203, 132, 0.35), 0 0 18px rgba(232, 203, 132, 0.28);
}

.daily-selected-card {
  min-height: 100%;
  background:
    linear-gradient(145deg, rgba(78, 255, 226, 0.08), transparent 48%),
    rgba(9, 24, 21, 0.82);
}

.daily-ledger-toolbar {
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(6, 18, 16, 0.76);
}

.daily-ledger-toolbar span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.daily-ledger-wrap {
  max-height: 620px;
  overflow: auto;
}

.daily-ledger-wrap thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(10, 30, 27, 0.98);
}

.daily-profit-value.is-positive {
  color: var(--green-bright);
}

.daily-profit-value.is-negative {
  color: #ffb8b8;
}

.daily-compare-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.daily-compare-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(78, 255, 226, 0.2);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(78, 255, 226, 0.09), transparent 54%),
    rgba(6, 20, 18, 0.82);
}

.daily-compare-card strong {
  color: var(--green-bright);
  font-size: 1.1rem;
  font-weight: 560;
}

.daily-compare-track {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(82, 255, 125, 0.11);
}

.daily-compare-track span {
  display: block;
  width: var(--compare-width);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--green), var(--cyan));
  animation: barGrow 0.8s ease both;
}

.daily-compare-track span.is-negative {
  background: linear-gradient(90deg, #ffb8b8, #e8cb84);
}

.daily-compare-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  color: var(--muted-strong);
  font-size: 0.92rem;
}

.daily-row-note-button {
  min-width: 66px;
}

.bot-command-panel {
  display: grid;
  gap: 18px;
  padding: 16px;
}

.bot-command-summary,
.bot-command-grid,
.bot-command-metrics {
  display: grid;
  gap: 14px;
}

.bot-command-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.bot-command-summary article,
.bot-command-card,
.resource-meter-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(145deg, rgba(82, 255, 125, 0.06), transparent 48%),
    rgba(6, 20, 18, 0.82);
}

.bot-command-summary article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 16px;
}

.bot-command-summary strong {
  color: var(--green-bright);
  font-size: 1.25rem;
  font-weight: 560;
  overflow-wrap: anywhere;
}

.bot-command-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bot-command-card {
  position: relative;
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 18px;
  overflow: hidden;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.bot-command-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 0, color-mix(in srgb, var(--bot-color) 22%, transparent), transparent 36%),
    linear-gradient(135deg, color-mix(in srgb, var(--bot-color) 12%, transparent), transparent 42%);
  opacity: 0.9;
  pointer-events: none;
}

.bot-command-card:hover {
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--bot-color) 52%, var(--line));
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.32), 0 0 34px color-mix(in srgb, var(--bot-color) 22%, transparent);
}

.bot-command-card > * {
  position: relative;
  z-index: 1;
}

.bot-command-head,
.bot-command-footer,
.daily-compare-meta {
  display: flex;
  justify-content: space-between;
}

.bot-command-head {
  align-items: start;
  gap: 14px;
}

.bot-command-head h3 {
  margin: 0;
  color: var(--green-bright);
  font-size: 1.34rem;
  font-weight: 560;
}

.bot-command-head p,
.bot-command-footer {
  margin: 0;
  color: var(--muted-strong);
  font-size: 0.94rem;
}

.bot-command-spark {
  min-height: 128px;
  padding: 10px;
  border: 1px solid rgba(217, 247, 223, 0.09);
  border-radius: var(--radius-md);
  background: rgba(3, 12, 10, 0.56);
}

.bot-command-meter {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(82, 255, 125, 0.1);
}

.bot-command-meter span {
  display: block;
  width: var(--balance-weight);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--bot-color), var(--cyan));
  animation: barGrow 0.9s ease both;
}

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

.bot-strategy-chip {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--bot-color) 24%, rgba(217, 247, 223, 0.08));
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--bot-color) 10%, transparent), transparent 64%),
    rgba(3, 13, 12, 0.62);
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.bot-strategy-chip:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--bot-color) 58%, var(--line));
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--bot-color) 18%, transparent), transparent 62%),
    rgba(5, 19, 17, 0.74);
}

.bot-strategy-chip strong {
  display: block;
  color: var(--green-bright);
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.bot-strategy-chip span {
  display: block;
  margin-top: 4px;
  color: var(--muted-strong);
  font-size: 0.84rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.bot-command-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bot-command-metrics article {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(217, 247, 223, 0.08);
  border-radius: var(--radius-md);
  background: rgba(4, 15, 13, 0.52);
}

.bot-command-metrics strong {
  display: block;
  margin-top: 4px;
  color: var(--green-bright);
  font-size: 1.03rem;
  font-weight: 560;
  overflow-wrap: anywhere;
}

.bot-command-metrics strong.is-negative {
  color: #ffb8b8;
}

.bot-command-footer {
  flex-wrap: wrap;
  gap: 8px 12px;
}

.bot-monitor-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bot-monitor-strip span {
  min-width: 0;
  padding: 7px 9px;
  border: 1px solid rgba(217, 247, 223, 0.09);
  border-radius: 999px;
  background: rgba(82, 255, 125, 0.08);
  color: var(--muted-strong);
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.wallet-status-grid,
.deposit-route-grid,
.wallet-form-grid,
.withdrawal-layout,
.withdrawal-form,
.withdrawal-bot-list,
.withdrawal-request-list,
.withdrawal-history {
  display: grid;
  gap: 14px;
}

.wallet-status-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wallet-form-grid,
.deposit-route-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.withdrawal-layout {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  align-items: start;
}

.finance-status-card,
.deposit-route-card,
.withdrawal-history,
.withdrawal-request-card {
  position: relative;
  overflow: hidden;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(139, 207, 218, 0.09), transparent 44%),
    rgba(7, 22, 19, 0.78);
}

.finance-status-card strong,
.deposit-route-card strong,
.withdrawal-request-card strong,
.withdrawal-history h3 {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
  color: var(--green-bright);
  font-size: 1.16rem;
  font-weight: 620;
}

.deposit-route-card p,
.withdrawal-request-card p {
  margin: 8px 0 0;
  color: var(--muted-strong);
  line-height: 1.58;
}

.finance-lock-strip {
  padding: 13px 14px;
  border: 1px solid rgba(255, 208, 85, 0.24);
  border-radius: var(--radius-md);
  background: rgba(50, 35, 4, 0.48);
  color: var(--muted-strong);
}

.withdrawal-bot-row {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) minmax(150px, 220px);
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(8, 21, 18, 0.78);
  cursor: pointer;
}

.withdrawal-bot-row:hover {
  border-color: rgba(139, 207, 218, 0.46);
  background: rgba(13, 35, 30, 0.78);
}

.withdrawal-bot-row input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: var(--green);
}

.withdrawal-bot-row input[type="number"] {
  width: 100%;
  padding: 12px 13px;
  border: 1px solid rgba(151, 197, 171, 0.24);
  border-radius: var(--radius-md);
  background: rgba(5, 16, 14, 0.9);
  color: var(--green-bright);
  font: inherit;
}

.withdrawal-bot-row strong,
.withdrawal-bot-row small {
  display: block;
}

.withdrawal-bot-row strong {
  color: var(--text);
  font-weight: 620;
}

.withdrawal-bot-row small {
  margin-top: 4px;
  color: var(--muted-strong);
  line-height: 1.45;
}

.withdrawal-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.investors-panel,
.investor-bot-card,
.investor-list,
.investor-add-form,
.investor-youtube-form,
.investor-summary-grid,
.investor-bot-grid,
.investor-bot-stats {
  display: grid;
  gap: 14px;
}

.investor-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.investor-add-form {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(4, 18, 15, 0.72);
}

.investor-form-actions {
  display: flex;
  align-items: end;
}

.investor-bot-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}

.investor-register-meta {
  display: flex;
  justify-content: flex-end;
  margin-top: -6px;
  color: var(--muted-strong);
  font-size: 0.72rem;
  font-weight: 720;
  text-transform: uppercase;
}

.investor-bot-card,
.investor-row,
.investor-empty,
.investor-readonly-note {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(6, 21, 17, 0.72);
}

.investor-bot-card {
  padding: 16px;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.investor-bot-card:hover {
  transform: translateY(-3px);
  border-color: rgba(139, 207, 218, 0.46);
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.24);
}

.investor-bot-head,
.investor-row,
.investor-readonly-note {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.investor-bot-head h3 {
  margin: 4px 0 0;
  color: var(--green-bright);
}

.investor-bot-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.investor-bot-stats article,
.investor-empty {
  padding: 12px;
  border: 1px solid rgba(151, 197, 171, 0.18);
  border-radius: var(--radius-md);
  background: rgba(4, 16, 13, 0.62);
}

.investor-bot-stats strong,
.investor-row strong,
.investor-empty strong {
  display: block;
  color: var(--green-bright);
}

.investor-youtube-form {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) max-content;
  align-items: end;
}

.investor-row {
  flex-wrap: wrap;
  padding: 12px;
}

.investor-row > div:last-of-type {
  display: flex;
  align-items: center;
  gap: 8px;
}

.investor-row span,
.investor-row p,
.investor-empty p,
.investor-readonly-note p {
  margin: 0;
  color: var(--muted-strong);
}

.investor-row p {
  flex: 1 1 100%;
  line-height: 1.55;
}

.investor-readonly-note {
  padding: 14px;
}

.investors-panel-elite {
  gap: 18px;
  padding: 20px;
  border-color: rgba(139, 207, 218, 0.24);
  background:
    linear-gradient(135deg, rgba(41, 255, 184, 0.08), transparent 36%),
    linear-gradient(180deg, rgba(9, 27, 22, 0.95), rgba(3, 12, 9, 0.97));
}

.investor-register-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.74fr);
  gap: 16px;
  align-items: stretch;
  padding: 18px;
  border: 1px solid rgba(139, 207, 218, 0.2);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(120deg, rgba(28, 222, 160, 0.1), rgba(20, 65, 58, 0.14) 42%, rgba(3, 13, 10, 0.78)),
    repeating-linear-gradient(90deg, rgba(139, 207, 218, 0.045) 0 1px, transparent 1px 44px);
}

.investor-register-title {
  display: grid;
  align-content: center;
  gap: 8px;
}

.investor-register-title h2 {
  margin: 0;
  color: var(--text);
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 1;
}

.investor-register-title .section-copy {
  max-width: 620px;
  margin: 0;
  color: var(--muted-strong);
}

.investor-register-stats,
.investor-asset-strip {
  display: grid;
  gap: 10px;
}

.investor-register-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.investor-register-stats article,
.investor-asset-tile {
  min-width: 0;
  border: 1px solid rgba(151, 197, 171, 0.18);
  border-radius: var(--radius-md);
  background: rgba(2, 13, 10, 0.7);
  box-shadow: inset 0 1px 0 rgba(217, 247, 223, 0.06);
}

.investor-register-stats article {
  display: grid;
  align-content: center;
  min-height: 92px;
  padding: 14px;
}

.investor-register-stats span,
.investor-asset-tile span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 760;
  text-transform: uppercase;
}

.investor-register-stats strong {
  margin-top: 6px;
  color: var(--green-bright);
  font-size: clamp(1rem, 1.4vw, 1.42rem);
  line-height: 1.1;
}

.investor-asset-strip {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.investor-asset-tile {
  position: relative;
  overflow: hidden;
  padding: 16px;
}

.investor-asset-tile::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--green);
  box-shadow: 0 0 28px var(--green);
}

.investor-asset-usdt::before {
  background: var(--blue);
  box-shadow: 0 0 28px var(--blue);
}

.investor-asset-sol::before {
  background: #b66dff;
  box-shadow: 0 0 28px rgba(182, 109, 255, 0.8);
}

.investor-asset-tile strong {
  display: block;
  margin-top: 8px;
  color: var(--text);
  font-size: clamp(1.15rem, 1.8vw, 1.72rem);
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.investor-ledger-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  padding: 4px 2px 0;
}

.investor-ledger-head h3 {
  margin: 4px 0 0;
  color: var(--text);
}

.investor-ledger-table {
  border-color: rgba(151, 197, 171, 0.2);
  background: rgba(1, 10, 7, 0.8);
}

.investor-ledger-table table {
  min-width: 780px;
}

.investor-ledger-table thead {
  background: linear-gradient(90deg, rgba(91, 210, 125, 0.1), rgba(139, 207, 218, 0.08));
}

.investor-ledger-table th {
  padding-top: 15px;
  padding-bottom: 15px;
}

.investor-ledger-row {
  background: linear-gradient(90deg, rgba(11, 35, 25, 0.28), transparent 62%);
}

.investor-ledger-row:hover {
  background: linear-gradient(90deg, rgba(45, 255, 176, 0.09), rgba(139, 207, 218, 0.05));
}

.investor-ledger-row td {
  padding: 16px;
}

.investor-name-cell {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.investor-avatar {
  display: inline-grid;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(91, 210, 125, 0.42);
  border-radius: 50%;
  color: var(--green-bright);
  background: radial-gradient(circle at 35% 25%, rgba(139, 207, 218, 0.2), rgba(8, 31, 19, 0.9));
  font-size: 0.78rem;
  font-weight: 820;
  box-shadow: 0 0 24px rgba(91, 210, 125, 0.12);
}

.investor-name-cell strong,
.investor-amount {
  color: var(--green-bright);
}

.investor-name-cell small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.74rem;
  text-transform: uppercase;
}

.investor-bot-pill,
.investor-date-pill {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid rgba(139, 207, 218, 0.22);
  border-radius: var(--radius-md);
  color: var(--text);
  background: rgba(8, 25, 21, 0.74);
  font-weight: 720;
}

.investor-date-pill {
  color: var(--muted-strong);
}

.investor-amount {
  font-size: 1.08rem;
  letter-spacing: 0;
}

@media (max-width: 980px) {
  .investor-register-hero {
    grid-template-columns: 1fr;
  }

  .investor-register-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .investors-panel-elite {
    padding: 14px;
  }

  .investor-register-hero {
    padding: 14px;
  }

  .investor-register-stats {
    grid-template-columns: 1fr;
  }

  .investor-ledger-head {
    align-items: stretch;
    flex-direction: column;
  }
}

.document-upload-panel,
.empty-library {
  padding: 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: rgba(9, 24, 20, 0.76);
}

.document-command-hero {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr) minmax(240px, 0.6fr);
  align-items: stretch;
  padding: 18px;
  border: 1px solid rgba(139, 207, 218, 0.22);
  border-radius: var(--radius-xl);
  background:
    linear-gradient(135deg, rgba(78, 255, 226, 0.08), transparent 48%),
    rgba(7, 21, 19, 0.84);
}

.document-command-copy,
.document-command-focus,
.document-command-stats article {
  min-width: 0;
}

.document-command-copy h3 {
  margin: 4px 0 10px;
  color: var(--green-bright);
  font-size: 1.45rem;
  font-weight: 560;
}

.document-command-copy p,
.document-command-focus small {
  margin: 0;
  color: var(--muted-strong);
  line-height: 1.55;
}

.document-command-stats {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.document-command-stats article,
.document-command-focus {
  padding: 14px;
  border: 1px solid rgba(151, 197, 171, 0.2);
  border-radius: var(--radius-md);
  background: rgba(5, 18, 16, 0.66);
}

.document-command-stats strong,
.document-command-focus strong {
  display: block;
  margin-top: 5px;
  overflow-wrap: anywhere;
  color: var(--green-bright);
  font-size: 1.22rem;
  font-weight: 560;
}

.document-category-row {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.document-category-tile {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  color: var(--text);
  background: rgba(8, 23, 20, 0.76);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.document-category-tile:hover,
.document-category-tile.is-active {
  border-color: rgba(78, 255, 226, 0.42);
  background: rgba(11, 34, 30, 0.82);
}

.document-category-tile strong {
  overflow-wrap: anywhere;
  color: var(--green-bright);
  font-size: 1rem;
  font-weight: 560;
}

.document-category-tile small {
  color: var(--muted-strong);
}

.document-control-panel {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: rgba(5, 17, 15, 0.7);
}

.document-upload-form {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
}

.document-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.document-library-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  gap: 18px;
  align-items: start;
}

.document-card {
  display: grid;
  gap: 13px;
  align-content: start;
  min-width: 0;
  border-color: rgba(151, 197, 171, 0.18);
  background:
    linear-gradient(145deg, rgba(139, 207, 218, 0.05), transparent 48%),
    rgba(7, 22, 19, 0.78);
}

.document-card.is-selected {
  border-color: rgba(94, 255, 168, 0.44);
  box-shadow: 0 0 0 1px rgba(94, 255, 168, 0.18);
}

.document-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.document-type-mark {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(78, 255, 226, 0.24);
  border-radius: 14px;
  color: var(--green-bright);
  background: rgba(78, 255, 226, 0.08);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0;
}

.document-card-main {
  min-width: 0;
}

.document-card h3 {
  margin: 4px 0 8px;
  color: var(--green-bright);
  font-size: 1.12rem;
  font-weight: 620;
  overflow-wrap: anywhere;
}

.document-description {
  display: -webkit-box;
  min-height: 3.1em;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--muted-strong);
  line-height: 1.55;
}

.document-meta,
.document-tags,
.document-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.document-meta {
  color: var(--muted-strong);
  font-size: 0.92rem;
}

.document-tags span,
.upload-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid var(--line);
  color: var(--muted-strong);
  background: rgba(9, 25, 21, 0.72);
  font-size: 0.86rem;
}

.document-details-drawer {
  position: sticky;
  top: 88px;
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(7, 20, 18, 0.9);
}

.document-preview-empty {
  display: grid;
  align-content: center;
  min-height: 260px;
  padding: 20px;
  border: 1px dashed rgba(151, 197, 171, 0.24);
  border-radius: var(--radius-md);
  background: rgba(4, 14, 12, 0.58);
}

.document-details-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.document-details-head h3 {
  margin: 4px 0 0;
  font-size: 1.12rem;
  color: var(--text);
}

.document-preview-frame,
.document-preview-image,
.file-type-card {
  width: 100%;
  min-height: 320px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(4, 14, 12, 0.82);
}

.document-preview-shell {
  min-width: 0;
}

.document-preview-frame {
  height: min(58vh, 560px);
}

.document-preview-image {
  min-height: 0;
  max-height: 560px;
  object-fit: contain;
}

.file-type-card {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 24px;
  text-align: center;
}

.file-type-card strong {
  font-size: 2rem;
  color: var(--green-bright);
  text-transform: uppercase;
}

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

.document-detail-grid div {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(13, 37, 31, 0.58);
}

.document-detail-grid strong {
  display: block;
  margin-top: 4px;
  overflow-wrap: anywhere;
  color: var(--text);
  font-size: 0.92rem;
  font-weight: 560;
}

.favorite-button {
  min-height: 36px;
  padding: 8px 11px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--muted-strong);
  background: rgba(13, 37, 31, 0.72);
  font: inherit;
  font-size: 0.86rem;
  cursor: pointer;
}

.favorite-button.is-active {
  border-color: rgba(95, 180, 255, 0.5);
  color: #b9ddff;
  background: rgba(28, 76, 111, 0.54);
}

.document-favorite-filter {
  align-self: end;
  min-height: 48px;
}

.upload-queue {
  display: grid;
  gap: 8px;
}

.upload-queue-row {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(8, 22, 19, 0.78);
}

.upload-queue-row > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted-strong);
  font-size: 0.9rem;
}

.upload-progress-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.upload-progress-fill {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #5effa8, #6db8ff);
  transition: width 160ms ease;
}

.button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.danger-button {
  border-color: rgba(255, 180, 180, 0.34);
  color: #ffb4b4;
}

.tab-shell {
  display: grid;
  gap: 16px;
}

.tab-list {
  position: sticky;
  top: 10px;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: rgba(5, 14, 12, 0.94);
  box-shadow: var(--shadow);
  backdrop-filter: blur(12px);
}

.tab-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 4px 3px 6px;
}

.tab-brand-logo {
  width: 28px;
  min-width: 28px;
  border-radius: 6px;
  box-shadow: none;
}

.tab-brand strong,
.tab-brand span {
  display: block;
}

.tab-brand strong {
  color: var(--green-bright);
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.2;
}

.tab-brand span {
  color: var(--green);
  font-size: 0.62rem;
  font-weight: 650;
  text-transform: uppercase;
}

.frontend-nav-tabs,
.frontend-nav-signal,
.frontend-nav-utility {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.frontend-nav-tabs {
  justify-content: flex-start;
}

.frontend-nav-utility {
  justify-content: end;
  margin-left: auto;
}

.frontend-nav-signal {
  justify-self: stretch;
  justify-content: center;
  min-height: 34px;
  padding: 5px 14px;
  border-block: 1px solid rgba(139, 207, 218, 0.16);
  background:
    linear-gradient(90deg, transparent, rgba(91, 210, 125, 0.08), rgba(139, 207, 218, 0.08), transparent);
  white-space: nowrap;
}

.frontend-nav-signal strong {
  color: var(--green-bright);
  font-size: 0.72rem;
  font-weight: 780;
  line-height: 1;
  text-transform: uppercase;
}

.frontend-signal-bars {
  display: inline-flex;
  align-items: end;
  gap: 3px;
  height: 13px;
}

.frontend-signal-bars i {
  display: block;
  width: 3px;
  border-radius: 999px;
  background: var(--green-bright);
  box-shadow: 0 0 12px rgba(91, 210, 125, 0.38);
  animation: frontendSignalBars 1.1s ease-in-out infinite alternate;
}

.frontend-signal-bars i:nth-child(1) {
  height: 6px;
}

.frontend-signal-bars i:nth-child(2) {
  height: 10px;
  animation-delay: 120ms;
}

.frontend-signal-bars i:nth-child(3) {
  height: 13px;
  animation-delay: 240ms;
}

.frontend-nav-utility .tab-account-button,
.frontend-nav-utility #viewer-logout-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 10px;
  font-size: 0.68rem;
  line-height: 1.1;
  white-space: nowrap;
}

.frontend-nav-utility #viewer-logout-button {
  min-width: 76px;
  justify-content: center;
}

.frontend-layout > .tab-list {
  display: grid;
  grid-template-columns: max-content max-content minmax(260px, 1fr) max-content;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
}

.tab-button,
.mode-button {
  min-height: 34px;
  padding: 8px 11px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(9, 25, 21, 0.72);
  color: var(--muted-strong);
  font: inherit;
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease;
}

.tab-button:hover,
.mode-button:hover {
  transform: translateY(-1px);
  border-color: rgba(176, 255, 191, 0.5);
  color: var(--green-bright);
}

.tab-button.is-active,
.mode-button.is-active {
  color: #07110d;
  border-color: transparent;
  background: linear-gradient(135deg, var(--blue), var(--green-bright));
}

@media (min-width: 1180px) {
  .layout {
    grid-template-columns: 178px minmax(0, 1fr);
    align-items: start;
  }

  .layout > .tab-list {
    grid-column: 1;
    grid-row: 1 / span 4;
    top: 18px;
    display: grid;
    align-self: start;
  }

  .layout > :not(.tab-list) {
    grid-column: 2;
  }

  .tab-button {
    width: 100%;
    justify-content: flex-start;
    text-align: left;
  }

  .tab-account-button {
    width: 100%;
    margin-top: 4px;
  }
}

.tab-content,
.tab-panel,
.analytics-panel,
.analytics-grid,
.chart-widget,
.bar-stack {
  display: grid;
  gap: 16px;
}

.tab-panel {
  display: none;
}

.tab-panel.is-active {
  display: grid;
}

.admin-tab-panel {
  display: none;
}

.admin-tab-panel.is-active {
  display: block;
}

.admin-save-bar {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 14px;
}

.admin-save-bar.is-hidden {
  display: none;
}

.chart-mode-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 8px;
}

.mode-button {
  min-height: 34px;
  padding: 8px 10px;
  font-size: 0.78rem;
}

.analytics-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.chart-widget {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background:
    linear-gradient(145deg, rgba(139, 207, 218, 0.045), transparent 42%),
    rgba(9, 24, 20, 0.76);
}

.chart-widget::before {
  content: "";
  position: absolute;
  inset: -40% -60%;
  background: linear-gradient(120deg, transparent 38%, rgba(217, 247, 223, 0.08), transparent 62%);
  opacity: 0;
  transform: translateX(-28%);
  transition: opacity 220ms ease, transform 520ms ease;
  pointer-events: none;
}

.chart-widget:hover::before {
  opacity: 1;
  transform: translateX(28%);
}

.chart-widget-wide {
  grid-column: span 2;
}

.widget-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.widget-head h3 {
  margin: 4px 0 0;
  color: var(--green-bright);
  font-size: 1.08rem;
  font-weight: 620;
  text-transform: uppercase;
}

.bar-row {
  display: grid;
  gap: 8px;
}

.bar-label,
.bar-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted-strong);
  font-size: 0.95rem;
}

.bar-label strong,
.bar-meta {
  color: var(--green-bright);
}

.bar-track {
  height: 11px;
  overflow: hidden;
  border-radius: 999px;
  border: 1px solid rgba(82, 255, 125, 0.1);
  background: rgba(82, 255, 125, 0.06);
}

.bar-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--green), var(--green-bright));
  box-shadow: 0 0 18px rgba(82, 255, 125, 0.16);
  transform-origin: left center;
  animation: barGrow 780ms ease-out both;
}

.bar-fill.is-negative {
  background: linear-gradient(90deg, #ff8f8f, #ffe0b0);
}

.profit-heatmap,
.momentum-stack,
.monthly-ribbon-stack {
  display: grid;
  gap: 14px;
}

.heatmap-row {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(150px, 0.34fr) minmax(0, 1fr);
  align-items: center;
}

.heatmap-label {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.heatmap-label strong,
.momentum-card strong,
.ribbon-row strong {
  overflow-wrap: anywhere;
  color: var(--green-bright);
  font-weight: 620;
}

.heatmap-label span,
.momentum-meta,
.ribbon-cell small {
  color: var(--muted-strong);
  font-size: 0.86rem;
}

.heatmap-cells {
  display: grid;
  grid-template-columns: repeat(21, minmax(7px, 1fr));
  gap: 5px;
  min-width: 0;
}

.heatmap-cell {
  display: block;
  aspect-ratio: 1;
  border-radius: 4px;
  border: 1px solid rgba(217, 247, 223, 0.08);
  background: var(--heat-color);
  box-shadow: 0 0 calc(6px + (18px * var(--heat-scale))) var(--heat-color);
  transform: scale(0.82);
  animation: heatCellIn 680ms ease-out both;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.heatmap-cell:hover {
  transform: scale(1.18);
  border-color: rgba(237, 247, 241, 0.55);
}

.resource-manager-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.resource-meter-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 15px;
}

.resource-meter-card div:first-child {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.resource-meter-card strong {
  color: var(--green-bright);
  font-size: 1.5rem;
  font-weight: 560;
}

.resource-track {
  height: 11px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(82, 255, 125, 0.1);
}

.resource-track span {
  display: block;
  width: var(--resource-load);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--green), var(--cyan), var(--blue));
  animation: barGrow 0.9s ease both;
}

.resource-meter-card p {
  margin: 0;
  color: var(--muted-strong);
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}

.allocation-layout {
  display: grid;
  grid-template-columns: minmax(220px, 0.56fr) minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.allocation-orbit {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 236px;
}

.allocation-orbit svg {
  width: min(100%, 248px);
  aspect-ratio: 1;
  transform: rotate(-90deg);
  filter: drop-shadow(0 0 24px rgba(82, 255, 125, 0.12));
}

.allocation-track,
.allocation-segment {
  fill: none;
  stroke-width: 12;
  stroke-linecap: round;
}

.allocation-track {
  stroke: rgba(139, 207, 218, 0.1);
}

.allocation-segment {
  stroke: var(--segment-color);
  stroke-dasharray: var(--segment-dash) var(--segment-gap);
  stroke-dashoffset: var(--segment-offset);
  animation: gaugeSweep 820ms ease both;
}

.allocation-orbit > div {
  position: absolute;
  inset: 50% auto auto 50%;
  display: grid;
  width: 128px;
  transform: translate(-50%, -50%);
  text-align: center;
}

.allocation-orbit strong {
  color: var(--green-bright);
  font-size: 1.5rem;
  font-weight: 620;
}

.allocation-orbit small,
.allocation-row small {
  color: var(--muted-strong);
  font-size: 0.88rem;
}

.allocation-stack {
  display: grid;
  gap: 14px;
}

.allocation-row {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(139, 207, 218, 0.16);
  border-radius: var(--radius-lg);
  background: rgba(4, 16, 14, 0.72);
}

.allocation-row > div:first-child {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.allocation-row strong {
  color: var(--green-bright);
  font-weight: 620;
}

.allocation-row span {
  color: var(--muted-strong);
  overflow-wrap: anywhere;
}

.allocation-track-line,
.consistency-lane {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(139, 207, 218, 0.08);
}

.allocation-track-line span {
  display: block;
  width: var(--allocation-width);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--allocation-color), rgba(217, 247, 223, 0.9));
  box-shadow: 0 0 18px var(--allocation-color);
  animation: barGrow 760ms ease both;
}

.consistency-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.consistency-card {
  display: grid;
  gap: 13px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(139, 207, 218, 0.16);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(150deg, color-mix(in srgb, var(--bot-color) 12%, transparent), transparent 48%),
    rgba(5, 18, 16, 0.78);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.consistency-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--bot-color) 58%, rgba(217, 247, 223, 0.2));
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), 0 0 22px color-mix(in srgb, var(--bot-color) 24%, transparent);
}

.consistency-card-head,
.consistency-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}

.consistency-card-head strong {
  display: block;
  color: var(--green-bright);
  font-size: 1.08rem;
  font-weight: 620;
  overflow-wrap: anywhere;
}

.consistency-card-head > span {
  color: var(--green-bright);
  font-weight: 650;
}

.consistency-lane span {
  display: block;
  width: var(--win-rate);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--bot-color), var(--green-bright));
  box-shadow: 0 0 20px var(--bot-color);
  animation: barGrow 720ms ease both;
}

.consistency-meta {
  color: var(--muted-strong);
  font-size: 0.88rem;
}

.waterfall-stack .bar-row {
  padding: 12px;
  border: 1px solid rgba(139, 207, 218, 0.13);
  border-radius: var(--radius-md);
  background: rgba(5, 18, 16, 0.54);
}

.radial-gauge-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.radial-gauge {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 190px;
}

.radial-gauge svg {
  width: min(100%, 168px);
  transform: rotate(-90deg);
  filter: drop-shadow(0 0 18px color-mix(in srgb, var(--gauge-color), transparent 70%));
}

.radial-track,
.radial-progress {
  fill: none;
  stroke-width: 10;
}

.radial-track {
  stroke: rgba(139, 174, 156, 0.13);
}

.radial-progress {
  stroke: var(--gauge-color);
  stroke-linecap: round;
  stroke-dasharray: var(--gauge-dash) 264;
  animation: gaugeSweep 1.1s ease-out both;
}

.radial-gauge-copy {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  text-align: center;
}

.radial-gauge-copy strong {
  color: var(--green-bright);
  font-size: 1.35rem;
  font-weight: 620;
}

.radial-gauge-copy small {
  max-width: 140px;
  color: var(--muted-strong);
  line-height: 1.35;
}

.momentum-card {
  display: grid;
  gap: 10px;
  padding: 13px;
  border: 1px solid rgba(151, 197, 171, 0.18);
  border-radius: var(--radius-md);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--bot-color), transparent 88%), transparent),
    rgba(4, 15, 13, 0.62);
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.momentum-card:hover {
  transform: translateX(4px);
  border-color: color-mix(in srgb, var(--bot-color), white 10%);
}

.momentum-track {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(237, 247, 241, 0.06);
}

.momentum-fill {
  display: block;
  width: var(--momentum-width);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--bot-color), var(--green-bright));
  box-shadow: 0 0 18px color-mix(in srgb, var(--bot-color), transparent 62%);
  animation: barGrow 840ms ease-out both;
}

.momentum-fill.is-negative {
  background: linear-gradient(90deg, #ff8f8f, #ffe0b0);
}

.momentum-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.ribbon-row {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(135px, 0.26fr) minmax(0, 1fr);
  align-items: end;
}

.ribbon-cells {
  display: flex;
  gap: 8px;
  min-height: 96px;
  align-items: end;
}

.ribbon-cell {
  display: grid;
  flex: 1 1 56px;
  gap: 7px;
  min-width: 42px;
  align-items: end;
  text-align: center;
}

.ribbon-cell i {
  display: block;
  height: var(--ribbon-height);
  min-height: 14px;
  border-radius: 999px 999px 6px 6px;
  background: linear-gradient(180deg, var(--green-bright), var(--bot-color));
  box-shadow: 0 0 20px color-mix(in srgb, var(--bot-color), transparent 66%);
  transform-origin: bottom center;
  animation: ribbonRise 880ms ease-out both;
}

.ribbon-cell.is-negative i {
  background: linear-gradient(180deg, #ffe0b0, #ff8f8f);
}

.report-controls {
  display: grid;
  gap: 14px;
}

.range-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.range-pill {
  min-width: 66px;
}

.range-pill.is-active {
  color: #07110d;
  background: linear-gradient(135deg, var(--blue), var(--green-bright));
  border-color: transparent;
}

.inline-fields {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.report-options-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
  align-items: center;
}

.report-toggle {
  justify-content: start;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(4, 16, 6, 0.76);
}

.report-actions {
  grid-template-columns: repeat(4, max-content);
}

.report-layout {
  grid-template-columns: minmax(0, 1.5fr) minmax(300px, 0.9fr);
}

.report-terminal,
.report-side {
  display: grid;
  gap: 14px;
}

.terminal-log {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  padding: 12px 14px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background: rgba(9, 24, 20, 0.9);
  color: var(--muted-strong);
  font-size: 0.92rem;
}

.report-table-wrap {
  max-height: 360px;
}

.report-panel-pro {
  overflow: hidden;
}

.report-hero,
.report-source-strip,
.report-builder-grid,
.technician-note-form {
  display: grid;
  gap: 14px;
}

.report-hero {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  align-items: center;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(38, 109, 150, 0.18), transparent 48%),
    rgba(7, 20, 18, 0.82);
}

.report-hero h2 {
  margin: 5px 0 8px;
  font-size: clamp(1.7rem, 4vw, 3.1rem);
  line-height: 1;
}

.report-spinner-card {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 160px;
  border: 1px solid rgba(139, 207, 218, 0.22);
  border-radius: var(--radius-lg);
  background: radial-gradient(circle at center, rgba(92, 184, 255, 0.13), rgba(6, 18, 16, 0.9) 64%);
  text-align: center;
}

.report-spinner {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 2px solid rgba(139, 207, 218, 0.18);
  border-top-color: var(--green-bright);
  border-right-color: var(--blue);
  animation: spin 1.2s linear infinite;
}

.report-spinner-card strong {
  color: var(--text);
}

.report-spinner-card small {
  color: var(--muted-strong);
}

.report-builder {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(5, 16, 14, 0.72);
}

.report-builder-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.report-source-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(6, 18, 16, 0.78);
}

.report-source-strip span {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--green-bright);
}

.report-source-strip strong {
  display: block;
  margin-bottom: 4px;
  color: var(--muted-strong);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.report-layout-pro {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.8fr);
  align-items: start;
}

.report-log span {
  overflow-wrap: anywhere;
}

.report-mini-card,
.technician-notes-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(7, 22, 19, 0.78);
}

.report-mini-card h3,
.technician-notes-panel h3 {
  margin: 4px 0 0;
  color: var(--text);
}

.report-group-stack,
.report-bot-stack,
.technician-note-list {
  display: grid;
  gap: 10px;
}

.report-group-row,
.report-bot-stack article,
.technician-note {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(9, 25, 21, 0.72);
}

.report-group-row {
  grid-template-columns: minmax(0, 1fr) max-content;
}

.report-group-row strong {
  color: var(--green-bright);
}

.report-group-row small {
  grid-column: 1 / -1;
  color: var(--muted-strong);
}

.report-bot-stack strong {
  color: var(--green-bright);
}

.report-bot-stack p,
.technician-note p {
  margin: 0;
  color: var(--muted-strong);
}

.technician-note-form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.technician-note {
  grid-template-columns: minmax(0, 1fr) max-content;
}

.technician-note.watch {
  border-color: rgba(255, 217, 102, 0.38);
}

.technician-note.critical {
  border-color: rgba(255, 143, 143, 0.42);
}

.report-simplified {
  gap: 18px;
}

.report-elite-stage {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) 136px minmax(290px, 0.72fr);
  align-items: center;
  gap: 16px;
  min-height: 188px;
  padding: 18px;
  border: 1px solid rgba(139, 207, 218, 0.3);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(4, 24, 22, 0.96), rgba(2, 8, 11, 0.98)),
    repeating-linear-gradient(90deg, rgba(139, 207, 218, 0.055) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(0deg, rgba(91, 210, 125, 0.04) 0 1px, transparent 1px 34px);
  background-size: auto, 68px 68px, 68px 68px;
  box-shadow: 0 28px 84px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  animation: mainGridFlow 18s linear infinite;
}

.report-elite-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(104deg, transparent 0%, rgba(217, 247, 223, 0.1) 42%, transparent 62%),
    radial-gradient(circle at 22% 50%, rgba(78, 255, 226, 0.16), transparent 28%),
    radial-gradient(circle at 86% 16%, rgba(232, 203, 132, 0.1), transparent 26%);
  pointer-events: none;
  animation: mainStageSweep 7s ease-in-out infinite alternate;
}

.report-elite-stage > * {
  position: relative;
  z-index: 1;
}

.report-elite-copy h2 {
  margin: 2px 0 7px;
  color: var(--text);
  font-size: clamp(1.55rem, 2.8vw, 3rem);
  line-height: 0.98;
  letter-spacing: 0;
  text-transform: uppercase;
}

.report-elite-copy .section-copy {
  max-width: 42ch;
  font-size: 0.88rem;
  line-height: 1.5;
}

.report-elite-quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.report-elite-core {
  position: relative;
  display: grid;
  place-items: center;
  width: 136px;
  aspect-ratio: 1;
  justify-self: center;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(78, 255, 226, 0.15), rgba(3, 14, 13, 0.1) 58%, transparent 62%);
}

.report-elite-core span {
  position: absolute;
  inset: var(--report-core-inset, 12px);
  border: 1px solid rgba(139, 207, 218, 0.32);
  border-top-color: var(--green-bright);
  border-radius: 50%;
  animation: mainOrbitSpin 10s linear infinite;
}

.report-elite-core span:nth-child(2) {
  --report-core-inset: 34px;
  border-color: rgba(232, 203, 132, 0.28);
  border-left-color: var(--amber);
  animation-duration: 14s;
  animation-direction: reverse;
}

.report-elite-core strong {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border: 1px solid rgba(217, 247, 223, 0.3);
  border-radius: 50%;
  color: var(--green-bright);
  font-size: 0.84rem;
  font-weight: 850;
  line-height: 1.05;
  text-align: center;
  background: rgba(2, 12, 10, 0.78);
  box-shadow: 0 0 42px rgba(78, 255, 226, 0.18);
  animation: mainCorePulse 2.8s ease-in-out infinite alternate;
}

.report-elite-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.report-elite-stats article {
  min-width: 0;
  min-height: 82px;
  padding: 10px;
  border: 1px solid rgba(139, 207, 218, 0.18);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(139, 207, 218, 0.07), transparent 62%),
    rgba(2, 12, 11, 0.62);
  animation: mainTileRise 650ms cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

.report-elite-stats article:nth-child(2) {
  animation-delay: 90ms;
}

.report-elite-stats article:nth-child(3) {
  animation-delay: 180ms;
}

.report-elite-stats article:nth-child(4) {
  animation-delay: 270ms;
}

.report-elite-stats strong {
  display: block;
  margin-top: 5px;
  color: var(--green-bright);
  font-size: clamp(0.95rem, 1.28vw, 1.22rem);
  line-height: 1.06;
  overflow-wrap: anywhere;
}

.report-elite-stats small {
  display: block;
  margin-top: 5px;
  color: var(--muted-strong);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.report-export-dock {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.report-export-card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  min-height: 108px;
  padding: 15px;
  border: 1px solid rgba(139, 207, 218, 0.22);
  border-radius: 8px;
  color: var(--text);
  text-align: left;
  background:
    linear-gradient(145deg, rgba(139, 207, 218, 0.075), transparent 62%),
    rgba(4, 17, 15, 0.88);
  cursor: pointer;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.report-export-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--cyan), var(--green-bright), var(--amber));
  background-size: 220% 100%;
  animation: wowSignalSweep 3.8s linear infinite;
}

.report-export-card:hover {
  transform: translateY(-5px);
  border-color: rgba(217, 247, 223, 0.48);
  box-shadow: 0 26px 72px rgba(0, 0, 0, 0.34), 0 0 32px rgba(78, 255, 226, 0.08);
}

.report-export-card.is-primary {
  border-color: rgba(217, 247, 223, 0.4);
  background:
    linear-gradient(145deg, rgba(91, 210, 125, 0.14), rgba(139, 207, 218, 0.08)),
    rgba(5, 22, 18, 0.95);
}

.report-export-card.is-featured {
  grid-column: span 2;
  min-height: 172px;
  padding: 22px;
  border-color: rgba(217, 247, 223, 0.42);
}

.report-export-card.is-pdf {
  background:
    radial-gradient(circle at 82% 18%, rgba(232, 203, 132, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(91, 210, 125, 0.17), rgba(139, 207, 218, 0.1)),
    rgba(5, 22, 18, 0.96);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34), 0 0 34px rgba(78, 255, 226, 0.08);
}

.report-export-card.is-pdf::before {
  height: 6px;
  animation-duration: 2.2s;
}

.report-export-card.is-xlsx {
  background:
    radial-gradient(circle at 82% 18%, rgba(139, 207, 218, 0.14), transparent 34%),
    linear-gradient(145deg, rgba(139, 207, 218, 0.12), rgba(91, 210, 125, 0.08)),
    rgba(4, 17, 15, 0.92);
}

.report-export-card:disabled,
.report-export-card.is-locked {
  cursor: not-allowed;
  opacity: 0.48;
  transform: none;
}

.report-export-card strong {
  display: block;
  margin-top: 10px;
  color: var(--green-bright);
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1;
}

.report-export-card.is-featured strong {
  font-size: clamp(2.4rem, 4.4vw, 4.2rem);
}

.report-export-card small {
  display: block;
  margin-top: 10px;
  color: var(--muted-strong);
  font-size: 0.78rem;
}

.report-builder {
  padding: 16px;
  border: 1px solid rgba(139, 207, 218, 0.16);
  border-radius: 8px;
  background: rgba(3, 14, 13, 0.58);
}

.report-studio-workbench {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.72fr);
  gap: 16px;
  align-items: start;
}

.report-command-head,
.report-status-cluster,
.report-template-grid,
.report-scope-bar,
.report-preview-head {
  display: grid;
  gap: 12px;
}

.report-command-head {
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
}

.report-command-head h2 {
  margin: 4px 0 0;
  font-size: clamp(1.8rem, 3vw, 2.7rem);
  line-height: 1.04;
}

.report-status-cluster {
  grid-auto-flow: column;
  align-items: center;
}

.report-template-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.report-template-card {
  display: grid;
  gap: 8px;
  min-height: 128px;
  padding: 16px;
  color: var(--text);
  text-align: left;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(139, 207, 218, 0.08), transparent 58%),
    rgba(4, 17, 15, 0.88);
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.report-template-card:hover,
.report-template-card.is-active {
  transform: translateY(-2px);
  border-color: rgba(217, 247, 223, 0.46);
  background:
    linear-gradient(135deg, rgba(91, 210, 125, 0.14), rgba(139, 207, 218, 0.08)),
    rgba(5, 22, 18, 0.94);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24), 0 0 24px rgba(91, 210, 125, 0.08);
}

.report-template-card strong {
  font-size: 1.1rem;
}

.report-template-card small {
  color: var(--muted-strong);
}

.report-scope-bar {
  grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(128px, 0.52fr));
  align-items: end;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(5, 18, 16, 0.72);
}

.report-scope-bar .field:nth-of-type(1),
.report-scope-bar .report-build-button {
  grid-column: span 1;
}

.report-scope-bar .field:nth-of-type(2),
.report-scope-bar .field:nth-of-type(3) {
  min-width: 0;
}

.report-range-block {
  display: grid;
  gap: 8px;
  grid-column: 1 / -1;
}

.report-build-button {
  min-height: 45px;
  grid-column: 1 / -1;
}

.report-advanced {
  border: 1px solid rgba(139, 207, 218, 0.18);
  border-radius: var(--radius-lg);
  background: rgba(3, 14, 13, 0.58);
  overflow: hidden;
}

.report-advanced summary {
  padding: 13px 15px;
  color: var(--muted-strong);
  cursor: pointer;
  font-weight: 700;
}

.report-advanced[open] summary {
  border-bottom: 1px solid var(--line);
}

.report-advanced .report-builder-grid,
.report-advanced .report-options-grid {
  padding: 14px;
}

.report-actions-primary {
  grid-template-columns: minmax(150px, 0.8fr) repeat(3, max-content) minmax(140px, 1fr);
  align-items: center;
}

.report-actions-primary #queue-pdf {
  min-height: 48px;
  font-size: 0.92rem;
  font-weight: 820;
  box-shadow: 0 18px 42px rgba(91, 210, 125, 0.14);
}

.report-preview-editor {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(217, 247, 223, 0.26);
  border-radius: 8px;
  background:
    radial-gradient(circle at 84% 12%, rgba(78, 255, 226, 0.14), transparent 28%),
    linear-gradient(145deg, rgba(139, 207, 218, 0.08), transparent 58%),
    rgba(3, 14, 13, 0.78);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.report-preview-editor::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--green-bright), var(--cyan), var(--amber));
  background-size: 220% 100%;
  animation: wowSignalSweep 3.2s linear infinite;
}

.report-preview-toolbar,
.report-preview-brand,
.report-preview-kpis,
.report-preview-ledger div {
  position: relative;
  z-index: 1;
}

.report-preview-toolbar {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.report-preview-tools {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 8px;
}

.report-preview-print {
  min-height: 34px;
  box-shadow: 0 12px 28px rgba(91, 210, 125, 0.14);
}

.report-preview-toolbar h3 {
  margin: 3px 0 0;
  color: var(--text);
  font-size: clamp(1.12rem, 1.55vw, 1.45rem);
  line-height: 1.05;
  text-transform: uppercase;
}

.report-preview-paper {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 14px;
  min-height: 560px;
  padding: 22px;
  border: 1px solid rgba(217, 247, 223, 0.28);
  border-radius: 8px;
  background:
    radial-gradient(circle at 86% 8%, rgba(232, 203, 132, 0.16), transparent 22%),
    linear-gradient(180deg, rgba(237, 247, 241, 0.075), transparent 30%),
    repeating-linear-gradient(0deg, rgba(139, 207, 218, 0.035) 0 1px, transparent 1px 32px),
    rgba(1, 9, 10, 0.78);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 28px 72px rgba(0, 0, 0, 0.28);
}

.report-preview-paper::after {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(139, 207, 218, 0.08);
  border-radius: 6px;
  pointer-events: none;
}

.report-paper-watermark {
  position: absolute;
  right: 20px;
  top: 112px;
  color: rgba(217, 247, 223, 0.045);
  font-size: clamp(4.8rem, 9vw, 8rem);
  font-weight: 900;
  line-height: 0.8;
  pointer-events: none;
  text-transform: uppercase;
}

.report-paper-status {
  position: absolute;
  right: 18px;
  top: 18px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(91, 210, 125, 0.34);
  border-radius: 999px;
  padding: 6px 9px;
  color: var(--green-bright);
  font-size: 0.64rem;
  font-weight: 820;
  line-height: 1;
  text-transform: uppercase;
  background: rgba(3, 20, 13, 0.82);
}

.report-paper-masthead,
.report-paper-company,
.report-paper-title,
.report-preview-signoff {
  position: relative;
  z-index: 1;
}

.report-paper-masthead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  gap: 14px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(139, 207, 218, 0.18);
}

.report-paper-company {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.report-paper-logo {
  width: 42px;
  height: 42px;
  min-width: 42px;
  filter: drop-shadow(0 0 16px rgba(78, 255, 226, 0.28));
}

.report-paper-company span,
.report-paper-id span,
.report-paper-title span,
.report-preview-signoff span {
  display: block;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.report-paper-company strong,
.report-paper-id strong {
  display: block;
  margin-top: 3px;
  color: var(--green-bright);
  font-size: 0.96rem;
  line-height: 1.12;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.report-paper-id {
  min-width: 0;
  text-align: right;
}

.report-paper-title {
  display: grid;
  gap: 5px;
  padding: 4px 0 2px;
}

.report-paper-title h4 {
  margin: 0;
  color: var(--text);
  font-size: clamp(1.7rem, 3.2vw, 2.7rem);
  font-weight: 820;
  line-height: 0.96;
  text-transform: uppercase;
}

.report-paper-title p {
  margin: 0;
  color: var(--muted-strong);
  font-size: 0.82rem;
  line-height: 1.35;
}

.report-preview-brand {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(139, 207, 218, 0.16);
}

.report-preview-brand span {
  color: var(--muted-strong);
  font-size: 0.72rem;
  font-weight: 760;
  text-transform: uppercase;
}

.report-preview-brand strong {
  color: var(--green-bright);
  text-align: right;
  text-transform: uppercase;
}

.report-preview-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.report-preview-kpis span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(139, 207, 218, 0.14);
  border-radius: 8px;
  color: var(--muted-strong);
  font-size: 0.68rem;
  font-weight: 720;
  text-transform: uppercase;
  background:
    radial-gradient(circle at 90% 14%, rgba(91, 210, 125, 0.14), transparent 34%),
    rgba(3, 18, 15, 0.7);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.report-preview-kpis strong {
  color: var(--green-bright);
  font-size: clamp(0.96rem, 1.45vw, 1.22rem);
  overflow-wrap: anywhere;
}

.report-editor-field {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 7px;
}

.report-editor-field label {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 760;
  text-transform: uppercase;
}

.report-editor-field textarea {
  width: 100%;
  min-height: 86px;
  resize: vertical;
  border: 1px solid rgba(139, 207, 218, 0.22);
  border-radius: 8px;
  padding: 11px;
  color: var(--text);
  background: rgba(1, 8, 9, 0.7);
  font: inherit;
  font-size: 0.82rem;
  line-height: 1.45;
}

.report-preview-ledger {
  display: grid;
  gap: 8px;
}

.report-preview-ledger div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: center;
  padding: 9px 0;
  border-bottom: 1px solid rgba(139, 207, 218, 0.12);
}

.report-preview-ledger-table {
  border: 1px solid rgba(139, 207, 218, 0.14);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(1, 8, 9, 0.5);
}

.report-preview-ledger-table div {
  grid-template-columns: minmax(0, 1fr) minmax(56px, 0.28fr) max-content;
  padding: 10px 12px;
}

.report-preview-ledger-table .report-preview-ledger-head {
  color: var(--muted);
  font-size: 0.64rem;
  font-weight: 820;
  text-transform: uppercase;
  background: rgba(139, 207, 218, 0.07);
}

.report-preview-ledger span {
  color: var(--muted-strong);
  font-size: 0.76rem;
  overflow-wrap: anywhere;
}

.report-preview-ledger em {
  color: var(--cyan);
  font-style: normal;
  font-size: 0.76rem;
  font-weight: 780;
  text-transform: uppercase;
}

.report-preview-ledger strong {
  color: var(--green-bright);
  font-size: 0.82rem;
  white-space: nowrap;
}

.report-preview-signoff {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 2px;
}

.report-preview-signoff div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(139, 207, 218, 0.13);
  border-radius: 8px;
  background: rgba(3, 18, 15, 0.58);
}

.report-preview-signoff strong {
  display: block;
  margin-top: 4px;
  color: var(--green-bright);
  font-size: 0.82rem;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.report-preview-head {
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  padding: 4px 2px;
}

.report-preview-head h3 {
  margin: 4px 0 0;
}

.peter-quick-report {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(139, 207, 218, 0.24);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(139, 207, 218, 0.065), transparent 58%),
    rgba(3, 13, 11, 0.86);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.3);
}

.peter-report-toolbar,
.peter-report-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.peter-report-toolbar h3 {
  margin: 4px 0 0;
  color: var(--text);
  font-size: clamp(1.25rem, 2vw, 2rem);
  text-transform: uppercase;
}

.peter-report-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.peter-report-screen {
  overflow: hidden;
  padding: 18px 20px;
  border: 1px solid rgba(217, 247, 223, 0.16);
  border-radius: 8px;
  color: #f4fff7;
  background:
    radial-gradient(circle at 62% 0%, rgba(78, 255, 226, 0.08), transparent 36%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 5px),
    #020403;
  box-shadow: inset 0 0 42px rgba(91, 210, 125, 0.055), 0 24px 80px rgba(0, 0, 0, 0.38);
  font-family: "Cascadia Code", "Consolas", monospace;
}

.peter-report-title {
  display: grid;
  gap: 4px;
  justify-items: center;
  margin-bottom: 12px;
  text-align: center;
  letter-spacing: 0;
}

.peter-report-title span {
  color: #18cfff;
  font-size: clamp(1.05rem, 2vw, 1.7rem);
  font-weight: 850;
}

.peter-report-title strong {
  color: #64ff5f;
  font-size: clamp(0.95rem, 1.7vw, 1.35rem);
  font-weight: 850;
}

.peter-report-divider {
  height: 1px;
  margin: 12px 0;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.88) 0 12px, transparent 12px 18px);
}

.peter-report-bots {
  display: grid;
  gap: 0;
}

.peter-report-bot {
  display: grid;
  gap: 8px;
  padding: 10px 0 13px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.72);
}

.peter-report-bot:last-child {
  border-bottom: 0;
}

.peter-report-bot h4,
.peter-report-conversion h4,
.peter-report-summary h4 {
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.15;
}

.peter-report-bot.is-eth h4,
.peter-report-summary .is-eth,
.peter-report-summary li.is-eth {
  color: #18cfff;
}

.peter-report-bot.is-usdt h4,
.peter-report-summary .is-usdt,
.peter-report-summary li.is-usdt {
  color: #64ff5f;
}

.peter-report-bot.is-sol h4,
.peter-report-summary .is-sol,
.peter-report-summary li.is-sol {
  color: #b760ff;
}

.peter-report-bot dl {
  display: grid;
  gap: 4px;
  margin: 0;
}

.peter-report-bot dl div,
.peter-report-conversion div,
.peter-report-summary p {
  display: grid;
  grid-template-columns: 138px minmax(0, 1fr);
  gap: 10px;
  align-items: baseline;
  margin: 0;
}

.peter-report-bot dt,
.peter-report-conversion span,
.peter-report-summary span {
  color: #f4fff7;
}

.peter-report-bot dt::after,
.peter-report-conversion span::after,
.peter-report-summary span::after {
  content: " :";
  color: #f4fff7;
}

.peter-report-bot dd,
.peter-report-conversion strong,
.peter-report-summary strong {
  margin: 0;
  color: #f4fff7;
  font-weight: 780;
  overflow-wrap: anywhere;
}

.peter-report-bot dd.is-active {
  color: #64ff5f;
}

.peter-report-bot dd.is-reserve {
  color: #b760ff;
}

.peter-report-conversion {
  display: grid;
  gap: 5px;
}

.peter-report-conversion h4,
.peter-report-summary h4,
.peter-report-summary p:last-of-type span,
.peter-report-summary p:last-of-type strong {
  color: #ffe800;
}

.peter-report-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.45fr);
  gap: 20px;
  align-items: end;
}

.peter-report-summary > div {
  display: grid;
  gap: 5px;
}

.peter-report-summary ul {
  margin: 0;
  padding-left: 22px;
  color: #f4fff7;
  font-weight: 780;
}

.peter-report-summary li + li {
  margin-top: 2px;
}

.confidence-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.confidence-strip span,
.bot-confidence-badge {
  border: 1px solid rgba(139, 207, 218, 0.2);
  border-radius: 999px;
  color: var(--muted-strong);
  background: rgba(3, 18, 14, 0.72);
  box-shadow: inset 0 1px 0 rgba(217, 247, 223, 0.04);
}

.confidence-strip span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  font-size: 0.74rem;
  font-weight: 760;
  text-transform: uppercase;
}

.confidence-strip strong {
  color: var(--green-bright);
}

.bot-confidence-badge {
  justify-self: start;
  padding: 6px 9px;
  color: var(--green-bright);
  font-size: 0.68rem;
  font-weight: 780;
  text-transform: uppercase;
}

.live-movement-panel {
  display: grid;
  gap: 14px;
  padding: 18px;
  background:
    linear-gradient(135deg, rgba(78, 255, 226, 0.07), transparent 54%),
    rgba(5, 19, 16, 0.94);
}

.live-movement-head,
.live-movement-clock,
.ops-center-head,
.ops-action-row,
.ops-audit-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.live-movement-head h2,
.ops-center-head h3,
.investor-detail-head h3 {
  margin: 4px 0 0;
  color: var(--text);
  text-transform: uppercase;
}

.live-movement-clock {
  border: 1px solid rgba(139, 207, 218, 0.22);
  border-radius: 8px;
  padding: 10px 12px;
  color: var(--muted-strong);
  background: rgba(2, 12, 10, 0.62);
}

.live-movement-clock strong {
  color: var(--green-bright);
}

.live-movement-track,
.live-movement-grid article div {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(139, 174, 156, 0.14);
}

.live-movement-track span,
.live-movement-grid article div span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--green), var(--cyan), var(--amber));
  box-shadow: 0 0 22px rgba(78, 255, 226, 0.18);
}

.live-movement-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.live-movement-grid article {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--movement-color, var(--green)) 30%, var(--line));
  border-radius: 8px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--movement-color, var(--green)) 10%, transparent), transparent 62%),
    rgba(2, 12, 10, 0.58);
}

.live-movement-grid strong {
  color: var(--green-bright);
  font-size: clamp(1.05rem, 1.4vw, 1.38rem);
}

.live-movement-grid small,
.ops-center-grid small,
.ops-audit-list small {
  color: var(--muted-strong);
  font-size: 0.72rem;
}

.ops-center-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(139, 207, 218, 0.2);
  border-radius: 8px;
  background:
    radial-gradient(circle at 88% 0%, rgba(91, 210, 125, 0.1), transparent 26%),
    rgba(3, 14, 12, 0.76);
}

.ops-action-row {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.ops-center-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.ops-center-grid article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(151, 197, 171, 0.16);
  border-radius: 8px;
  background: rgba(2, 12, 10, 0.62);
}

.ops-center-grid strong {
  color: var(--green-bright);
  overflow-wrap: anywhere;
}

.ops-audit-list {
  overflow: hidden;
  border: 1px solid rgba(151, 197, 171, 0.16);
  border-radius: 8px;
  background: rgba(2, 10, 8, 0.66);
}

.ops-audit-head,
.ops-audit-list > div:not(.ops-audit-head) {
  display: grid;
  grid-template-columns: minmax(150px, 0.45fr) minmax(0, 1fr) minmax(90px, 0.22fr);
  gap: 10px;
  align-items: center;
  padding: 11px 13px;
  border-bottom: 1px solid rgba(151, 197, 171, 0.1);
}

.ops-audit-head {
  display: flex;
  color: var(--muted-strong);
  font-size: 0.76rem;
  font-weight: 780;
  text-transform: uppercase;
  background: rgba(139, 207, 218, 0.06);
}

.ops-audit-list strong {
  color: var(--text);
  overflow-wrap: anywhere;
}

.ops-audit-list span {
  color: var(--muted);
}

.investor-detail-console {
  display: grid;
  gap: 12px;
}

.investor-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.investor-chip {
  border: 1px solid rgba(139, 207, 218, 0.22);
  border-radius: 999px;
  padding: 8px 11px;
  color: var(--muted-strong);
  background: rgba(2, 12, 10, 0.64);
  cursor: pointer;
  font: inherit;
  font-weight: 740;
}

.investor-chip.is-active {
  border-color: rgba(217, 247, 223, 0.44);
  color: var(--green-bright);
  background: rgba(6, 31, 21, 0.82);
}

.investor-detail-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(217, 247, 223, 0.22);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(91, 210, 125, 0.09), transparent 52%),
    rgba(2, 12, 10, 0.7);
}

.investor-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.investor-detail-metrics,
.investor-detail-ledger {
  display: grid;
  gap: 10px;
}

.investor-detail-metrics {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.investor-detail-metrics article,
.investor-detail-ledger div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(151, 197, 171, 0.14);
  border-radius: 8px;
  background: rgba(2, 12, 10, 0.58);
}

.investor-detail-metrics strong,
.investor-detail-ledger strong {
  display: block;
  color: var(--green-bright);
  overflow-wrap: anywhere;
}

.investor-detail-ledger {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.investor-detail-ledger span,
.investor-detail-ledger small {
  display: block;
  color: var(--muted-strong);
}

@media (max-width: 720px) {
  .peter-report-toolbar,
  .peter-report-summary,
  .live-movement-head,
  .ops-center-head,
  .investor-detail-head {
    align-items: stretch;
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .peter-report-actions,
  .ops-action-row {
    justify-content: flex-start;
  }

  .peter-report-screen {
    padding: 14px;
  }

  .live-movement-grid,
  .ops-center-grid {
    grid-template-columns: 1fr;
  }

  .ops-audit-list > div:not(.ops-audit-head) {
    grid-template-columns: 1fr;
  }

  .peter-report-bot dl div,
  .peter-report-conversion div,
  .peter-report-summary p {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}

@media print {
  @page {
    margin: 14mm;
    size: A4 portrait;
  }

  :root {
    --text: #102019;
    --muted: #486255;
    --muted-strong: #20382c;
    --green-bright: #0e4c2a;
    --cyan: #176271;
  }

  body {
    background: #ffffff !important;
    color: #102019 !important;
  }

  body::before,
  body::after,
  .matrix-rain,
  .scanlines,
  .ambient,
  .tab-list,
  .frontend-hero,
  .secret-controller,
  .report-elite-stage,
  .report-export-dock,
  .report-builder,
  .report-source-strip,
  .report-summary-grid,
  .report-preview-layout,
  .technician-notes-panel,
  .report-preview-toolbar,
  .report-panel.has-peter-report .report-studio-workbench,
  .report-panel.has-peter-report .report-source-strip,
  .peter-report-toolbar {
    display: none !important;
  }

  .app-shell,
  .frontend-layout,
  .frontend-tab-shell,
  .frontend-tab-panel.is-active,
  .report-panel,
  .report-studio-workbench,
  .report-preview-editor {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .frontend-tab-panel:not(.is-active) {
    display: none !important;
  }

  .report-preview-editor::before,
  .report-preview-paper::after,
  .report-paper-status .live-dot {
    display: none !important;
  }

  .report-preview-paper {
    min-height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: #ffffff !important;
    color: #102019 !important;
    box-shadow: none !important;
  }

  .report-paper-watermark {
    color: rgba(16, 32, 25, 0.045) !important;
  }

  .report-paper-status {
    border-color: #bdd4c8 !important;
    color: #0e4c2a !important;
    background: #f4fbf7 !important;
  }

  .report-paper-masthead,
  .report-preview-ledger-table,
  .report-preview-signoff div,
  .report-preview-kpis span,
  .report-editor-field textarea {
    border-color: #bdd4c8 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .report-paper-company strong,
  .report-paper-id strong,
  .report-paper-title h4,
  .report-preview-kpis strong,
  .report-preview-ledger strong,
  .report-preview-signoff strong {
    color: #0e4c2a !important;
  }

  .report-preview-ledger-table .report-preview-ledger-head {
    background: #eef7f1 !important;
  }

  .report-editor-field textarea {
    color: #102019 !important;
    min-height: 92px;
    resize: none;
  }

  .peter-quick-report,
  .peter-report-screen {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
  }
}

.note-meta {
  display: grid;
  gap: 4px;
  text-align: right;
  color: var(--muted-strong);
  font-size: 0.85rem;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes matrixDrift {
  from {
    background-position: 0 0, 0 0;
  }
  to {
    background-position: 180px 260px, -140px 220px;
  }
}

@keyframes fieldSweep {
  from {
    transform: translate3d(-3%, 0, 0);
    opacity: 0.44;
  }
  to {
    transform: translate3d(3%, 0, 0);
    opacity: 0.7;
  }
}

@keyframes matrixColumnFall {
  from {
    background-position: 0 -240px, 0 -320px;
  }
  to {
    background-position: 180px 420px, -120px 360px;
  }
}

@keyframes matrixColumnFallAlt {
  from {
    background-position: -80px 340px, 140px 260px;
  }
  to {
    background-position: 160px -360px, -120px -300px;
  }
}

@keyframes pulseCardIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes livePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(91, 210, 125, 0.45), 0 0 18px rgba(91, 210, 125, 0.42);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(91, 210, 125, 0), 0 0 18px rgba(91, 210, 125, 0.32);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(91, 210, 125, 0), 0 0 18px rgba(91, 210, 125, 0.42);
  }
}

@keyframes frontendSignalBars {
  from {
    opacity: 0.42;
    transform: scaleY(0.64);
  }
  to {
    opacity: 1;
    transform: scaleY(1);
  }
}

@keyframes liveSweep {
  to {
    transform: translateX(100%);
  }
}

@keyframes skeletonPulse {
  0% {
    background-position: 120% 0, 0 0;
    opacity: 0.62;
  }
  50% {
    opacity: 1;
  }
  100% {
    background-position: -120% 0, 0 0;
    opacity: 0.68;
  }
}

@keyframes chartDraw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dotPop {
  0% {
    transform: scale(0.35);
    opacity: 0;
  }
  70% {
    transform: scale(1.18);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

@keyframes barGrow {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

@keyframes heatCellIn {
  from {
    opacity: 0;
    transform: translateY(6px) scale(0.48);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(0.82);
  }
}

@keyframes gaugeSweep {
  from {
    stroke-dasharray: 0 264;
  }
}

@keyframes ribbonRise {
  from {
    transform: scaleY(0);
    opacity: 0.35;
  }
  to {
    transform: scaleY(1);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::after,
  .live-engine-strip::after,
  .live-orbit,
  .live-dot,
  .matrix-rain,
  .matrix-rain::before,
  .matrix-rain::after,
  .series-line,
  .sparkline-path,
  .series-dot,
  .bar-fill,
  .resource-track span,
  .allocation-segment,
  .allocation-track-line span,
  .daily-compare-track span,
  .momentum-fill,
  .pulse-card,
  .pulse-beacon,
  .consistency-lane span,
  .heatmap-cell,
  .radial-progress,
  .ribbon-cell i,
  .frontend-signal-bars i {
    animation: none;
  }

  .panel,
  .asset-card,
  .summary-tile,
  .document-card,
  .finance-status-card,
  .deposit-route-card,
  .withdrawal-request-card,
  .bot-card,
  .monthly-card,
  .chart-widget,
  .report-mini-card,
  .pulse-card,
  .consistency-card,
  .momentum-card,
  .heatmap-cell {
    transition: none;
  }
}

.field {
  display: grid;
  gap: 8px;
}

.field label,
.field > span {
  color: var(--muted-strong);
  font-size: 0.95rem;
  font-weight: 600;
}

.field input,
.field textarea,
.field select {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid rgba(151, 197, 171, 0.24);
  border-radius: var(--radius-lg);
  background: rgba(8, 21, 18, 0.88);
  color: var(--green-bright);
  font: inherit;
  font-size: 1rem;
}

.field input:focus,
.field textarea:focus,
.field select:focus {
  outline: none;
  border-color: rgba(139, 207, 218, 0.58);
  box-shadow: 0 0 0 3px rgba(139, 207, 218, 0.12);
}

.field textarea {
  resize: vertical;
}

.field-span {
  grid-column: 1 / -1;
}

.checkbox-field input {
  width: 18px;
  height: 18px;
  accent-color: var(--green);
}

.button {
  border: 1px solid var(--line-strong);
  background: rgba(9, 25, 21, 0.72);
  color: var(--text);
}

.button-small {
  padding: 8px 10px;
  font-size: 0.84rem;
}

.button-primary {
  color: #07110d;
  border-color: transparent;
  background: linear-gradient(135deg, var(--blue), var(--green-bright));
  box-shadow: 0 18px 36px rgba(139, 207, 218, 0.15);
}

.button-secondary {
  color: var(--green-bright);
}

.admin-actions {
  display: flex;
}

.auth-form {
  display: grid;
  gap: 14px;
}

.wow-login-shell {
  min-height: min(760px, calc(100vh - 70px));
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.72fr);
  align-items: center;
  gap: 28px;
  padding: 32px;
  background:
    linear-gradient(135deg, rgba(7, 28, 23, 0.96), rgba(3, 10, 11, 0.98)),
    repeating-linear-gradient(90deg, rgba(139, 207, 218, 0.05) 0 1px, transparent 1px 42px),
    repeating-linear-gradient(0deg, rgba(91, 210, 125, 0.04) 0 1px, transparent 1px 42px);
  background-size: auto, 84px 84px, 84px 84px;
  animation: loginGridFlow 16s linear infinite;
}

.wow-login-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(110deg, transparent 0%, rgba(139, 207, 218, 0.08) 38%, transparent 58%),
    linear-gradient(180deg, rgba(232, 203, 132, 0.04), transparent 34%, rgba(91, 210, 125, 0.035));
  opacity: 0.7;
  pointer-events: none;
  animation: loginLightSweep 6s ease-in-out infinite alternate;
}

.wow-login-shell::after {
  content: "";
  position: absolute;
  left: 7%;
  top: 10%;
  width: min(420px, 42vw);
  aspect-ratio: 1;
  border: 1px solid rgba(139, 207, 218, 0.16);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(78, 255, 226, 0.14), transparent 58%),
    conic-gradient(from 120deg, transparent, rgba(91, 210, 125, 0.2), transparent, rgba(232, 203, 132, 0.12), transparent);
  opacity: 0.46;
  filter: blur(0.2px);
  pointer-events: none;
  animation: loginOrbRotate 18s linear infinite;
}

.wow-login-shell .auth-copy {
  justify-items: center;
  text-align: center;
  gap: 16px;
}

.login-brand-stage {
  display: grid;
  place-items: center;
  width: 100%;
  padding: 8px 0 2px;
  position: relative;
}

.login-brand-stage::before {
  content: "";
  position: absolute;
  inset: 6% 15%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(78, 255, 226, 0.22), transparent 64%);
  filter: blur(20px);
  opacity: 0.76;
  animation: loginLogoGlow 3.4s ease-in-out infinite alternate;
}

.login-brand-stage .auth-brand-logo {
  position: relative;
  z-index: 1;
  width: min(560px, 88vw);
  margin: 0;
  filter: drop-shadow(0 20px 34px rgba(78, 255, 226, 0.18));
}

.login-product-title {
  position: relative;
  display: inline-grid;
  place-items: center;
  min-height: 42px;
  margin: 0;
  padding: 9px 18px;
  border: 1px solid rgba(139, 207, 218, 0.24);
  border-radius: 8px;
  color: var(--green-bright);
  font-family: "Bahnschrift", "Segoe UI Variable Display", "Aptos Display", "Segoe UI", Arial, sans-serif;
  font-size: clamp(1.2rem, 1.75vw, 1.72rem);
  font-weight: 860;
  line-height: 1;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(91, 210, 125, 0.08), rgba(139, 207, 218, 0.08), rgba(232, 203, 132, 0.06)),
    rgba(3, 16, 14, 0.56);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.18), 0 0 28px rgba(78, 255, 226, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.055);
  text-shadow: 0 0 26px rgba(78, 255, 226, 0.22);
}

.login-product-title::before,
.login-product-title::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 36px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(217, 247, 223, 0.58));
}

.login-product-title::before {
  right: 100%;
}

.login-product-title::after {
  left: 100%;
  transform: rotate(180deg);
}

.wow-login-shell h1 {
  max-width: 12ch;
  margin: 0;
  font-size: 3.1rem;
}

.wow-login-shell .supporting-copy {
  max-width: 54ch;
  font-size: 1.04rem;
}

.login-status-line {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 14px;
  width: min(620px, 100%);
  margin-top: 2px;
  color: rgba(194, 213, 202, 0.82);
  font-size: 0.86rem;
  font-weight: 720;
  text-transform: uppercase;
}

.login-status-line span {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.login-status-line span + span::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--green-bright);
  box-shadow: 0 0 12px rgba(91, 210, 125, 0.36);
}

.wow-login-shell .auth-card {
  display: grid;
  gap: 18px;
  padding: 22px;
  border: 1px solid rgba(139, 207, 218, 0.26);
  border-radius: 8px;
  background: rgba(3, 15, 13, 0.88);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  animation: loginCardFloat 5s ease-in-out infinite alternate;
}

.login-card-head,
.login-card-foot,
.login-submit-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.login-card-head h2 {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 1.35rem;
  font-weight: 640;
  letter-spacing: 0;
  text-transform: uppercase;
}

.wow-login-shell .online-status-pill {
  padding: 8px 10px;
}

.wow-login-shell .field input {
  min-height: 48px;
  border-color: rgba(139, 207, 218, 0.28);
  background: rgba(1, 8, 8, 0.74);
}

.wow-login-shell .field input:focus {
  border-color: rgba(217, 247, 223, 0.7);
  box-shadow: 0 0 0 4px rgba(139, 207, 218, 0.1);
}

.login-submit-button {
  position: relative;
  min-height: 50px;
  overflow: hidden;
  padding-inline: 16px;
  font-weight: 760;
}

.login-submit-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent);
  transform: translateX(-105%);
  transition: transform 580ms ease;
}

.login-submit-button:hover::before,
.auth-form.is-authenticating .login-submit-button::before {
  transform: translateX(105%);
}

.login-button-light {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #07110d;
  box-shadow: 0 0 0 5px rgba(7, 17, 13, 0.1);
}

.auth-form.is-authenticating .login-submit-button span:first-child {
  font-size: 0;
}

.auth-form.is-authenticating .login-submit-button span:first-child::after {
  content: "Opening";
  font-size: 1rem;
}

.login-card-foot {
  border-top: 1px solid rgba(139, 174, 156, 0.16);
  padding-top: 12px;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: uppercase;
}

@media (max-width: 780px) {
  .wow-login-shell {
    min-height: auto;
    padding: 20px;
  }

  .login-card-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

@keyframes loginGridFlow {
  from {
    background-position: 0 0, 0 0, 0 0;
  }
  to {
    background-position: 0 0, 168px 84px, -84px 168px;
  }
}

@keyframes loginLightSweep {
  from {
    transform: translateX(-6%) skewX(-2deg);
    opacity: 0.48;
  }
  to {
    transform: translateX(7%) skewX(2deg);
    opacity: 0.9;
  }
}

@keyframes loginOrbRotate {
  from {
    transform: rotate(0deg) scale(0.96);
  }
  to {
    transform: rotate(360deg) scale(1.04);
  }
}

@keyframes loginLogoGlow {
  from {
    transform: scale(0.96);
    opacity: 0.46;
  }
  to {
    transform: scale(1.08);
    opacity: 0.9;
  }
}

@keyframes loginTileFloat {
  0%,
  100% {
    transform: translateY(0);
    border-color: rgba(139, 207, 218, 0.24);
  }
  50% {
    transform: translateY(-5px);
    border-color: rgba(217, 247, 223, 0.46);
  }
}

@keyframes loginCardFloat {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-8px);
  }
}

.error-copy {
  margin: 0;
  color: #ffb4b4;
  line-height: 1.5;
}

.guidance-card h3,
.guidance-checklist h3 {
  font-size: 1.12rem;
}

.hosting-command .guidance-hero {
  display: grid;
  gap: 16px;
}

.hosting-status-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.command-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.command-box {
  padding: 14px;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: rgba(6, 16, 14, 0.84);
}

.command-box code {
  display: block;
  margin-top: 8px;
  color: var(--green-bright);
  font-family: "Cascadia Code", "Consolas", monospace;
  font-size: 0.92rem;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.55;
}

.number-list {
  margin: 12px 0 0;
  padding-left: 22px;
  color: var(--muted-strong);
  line-height: 1.65;
}

.number-list li + li {
  margin-top: 8px;
}

.flat-list {
  margin: 12px 0 0;
  padding-left: 18px;
  color: var(--muted-strong);
  line-height: 1.6;
}

.flat-list li + li {
  margin-top: 8px;
}

.link-chip {
  margin-top: 12px;
  width: fit-content;
  color: var(--green-bright);
}

.loading-state,
.error-state {
  display: grid;
  gap: 14px;
  min-height: 280px;
  place-content: center;
  padding: 32px;
}

.loading-skeleton {
  width: min(760px, calc(100vw - 28px));
  place-content: stretch;
  margin: 10vh auto 0;
}

.loading-skeleton-head {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) max-content;
  align-items: center;
  gap: 14px;
}

.loading-brand-logo {
  width: 46px;
  border-radius: 6px;
  box-shadow: none;
}

.loading-skeleton-head strong {
  display: block;
  color: var(--green-bright);
  font-size: 1.05rem;
  font-weight: 650;
}

.loading-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.loading-skeleton-grid span {
  min-height: 96px;
  border: 1px solid rgba(139, 207, 218, 0.16);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(90deg, rgba(217, 247, 223, 0.04), rgba(139, 207, 218, 0.11), rgba(217, 247, 223, 0.04)),
    rgba(9, 25, 21, 0.56);
  background-size: 220% 100%, auto;
  animation: skeletonPulse 1.8s ease-in-out infinite;
}

.error-state {
  border-color: rgba(255, 120, 120, 0.28);
}

.secret-controller {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 8;
  display: grid;
  grid-template-columns: 28px max-content;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 7px 11px 7px 7px;
  border: 1px solid rgba(123, 212, 148, 0.48);
  border-radius: 999px;
  background: rgba(2, 12, 6, 0.92);
  color: var(--green-bright);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45), 0 0 24px rgba(71, 209, 110, 0.12);
  cursor: pointer;
}

.secret-controller:hover {
  border-color: rgba(182, 245, 196, 0.72);
  transform: translateY(-1px);
}

.secret-controller.is-unlocking {
  opacity: 0.7;
  pointer-events: none;
}

.controller-logo {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--blue), var(--green-bright));
  color: #07110d;
  font-weight: 800;
}

.controller-label {
  color: var(--muted-strong);
  font-size: 0.66rem;
  letter-spacing: 0.12em;
}

.secret-gate-overlay {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(0, 8, 6, 0.74);
  backdrop-filter: blur(14px);
}

.secret-gate-modal {
  display: grid;
  gap: 16px;
  width: min(100%, 420px);
  padding: 22px;
  border: 1px solid rgba(123, 212, 148, 0.42);
  border-radius: var(--radius-xl);
  background:
    linear-gradient(145deg, rgba(82, 255, 125, 0.09), transparent 46%),
    rgba(5, 18, 15, 0.98);
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.58), 0 0 42px rgba(82, 255, 125, 0.12);
}

.secret-gate-modal h2 {
  margin: 0;
  color: var(--green-bright);
  font-size: 1.35rem;
  font-weight: 560;
}

.secret-gate-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 10px;
}

body[data-density="compact"] .kpi-card,
body[data-density="compact"] .chart-card,
body[data-density="compact"] .table-card,
body[data-density="compact"] .bot-card,
body[data-density="compact"] .monthly-card,
body[data-density="compact"] .admin-card,
body[data-density="compact"] .trend-panel,
body[data-density="compact"] .profile-panel,
body[data-density="compact"] .risk-panel,
body[data-density="compact"] .report-panel {
  padding: 16px;
}

body[data-density="compact"] .layout,
body[data-density="compact"] .admin-layout,
body[data-density="compact"] .guidance-stack,
body[data-density="compact"] .status-list,
body[data-density="compact"] .chip-row,
body[data-density="compact"] .kpi-grid,
body[data-density="compact"] .asset-grid,
body[data-density="compact"] .bot-grid,
body[data-density="compact"] .monthly-grid,
body[data-density="compact"] .note-list,
body[data-density="compact"] .day-counts,
body[data-density="compact"] .stat-grid,
body[data-density="compact"] .legend,
body[data-density="compact"] .field-grid,
body[data-density="compact"] .report-layout,
body[data-density="compact"] .summary-grid,
body[data-density="compact"] .insight-grid,
body[data-density="compact"] .trend-asset-grid,
body[data-density="compact"] .profile-grid,
body[data-density="compact"] .risk-layout {
  gap: 10px;
}

body[data-density="command"] {
  --green: #55c875;
  --green-bright: #ddf9e2;
  --line: rgba(132, 184, 154, 0.32);
}

@media (max-width: 1180px) {
  .hero,
  .auth-shell,
  .main-grid,
  .report-layout,
  .report-elite-stage,
  .report-export-dock,
  .report-studio-workbench,
  .report-hero,
  .report-command-head,
  .report-template-grid,
  .report-scope-bar,
  .report-builder-grid,
  .report-source-strip,
  .technician-note-form,
  .technician-note,
  .profile-grid,
  .risk-layout,
  .bot-ops-grid,
  .hosting-status-grid,
  .command-grid,
  .guidance-grid,
  .document-grid,
  .document-command-hero,
  .document-command-stats,
  .document-library-layout,
  .document-upload-form,
  .wallet-status-grid,
  .wallet-form-grid,
  .deposit-route-grid,
  .withdrawal-layout,
  .investor-summary-grid,
  .investor-add-form,
  .investor-youtube-form,
  .investor-bot-grid,
  .investor-bot-stats,
  .overview-command-grid,
  .overview-asset-grid,
  .overview-bot-strip,
  .daily-stats-controls,
  .daily-stats-summary,
  .daily-stats-summary.daily-selected-summary,
  .daily-asset-strip,
  .daily-compare-board,
  .command-pulse-grid,
  .allocation-layout,
  .consistency-grid,
  .bot-command-summary,
  .bot-command-grid,
  .bot-command-metrics,
  .resource-manager-grid,
  .bot-grid,
  .monthly-grid,
  .asset-grid,
  .analytics-grid,
  .ai-forecast-grid,
  .insight-grid,
  .trend-asset-grid {
    grid-template-columns: 1fr;
  }

  .chart-widget-wide {
    grid-column: auto;
  }

  .kpi-grid,
  .summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .app-shell {
    width: min(calc(100% - 18px), var(--page-width));
    padding: 18px 0 40px;
  }

  .hero,
  .auth-shell,
  .kpi-card,
  .chart-card,
  .table-card,
  .bot-card,
  .monthly-card,
  .admin-card,
  .report-panel {
    padding: 18px;
  }

  .hero h1,
  .auth-shell h1,
  .loading-state h1 {
    font-size: 2rem;
  }

  .tab-list {
    position: static;
  }

  .tab-brand {
    flex: 1 1 100%;
  }

  .tab-button {
    flex: 1 1 120px;
  }

  .tab-account-button {
    flex: 1 1 140px;
  }

  .profile-overlay {
    padding: 10px;
  }

  .profile-overlay-panel {
    width: calc(100vw - 20px);
    max-height: calc(100vh - 20px);
  }

  .loading-skeleton-head,
  .loading-skeleton-grid {
    grid-template-columns: 1fr;
  }

  .chart-title,
  .widget-head,
  .bar-label,
  .bar-meta {
    align-items: stretch;
    flex-direction: column;
  }

  .kpi-grid,
  .day-counts,
  .bot-accent-grid,
  .stat-grid,
  .field-grid,
  .inline-fields,
  .document-upload-form,
  .document-command-hero,
  .document-command-stats,
  .document-detail-grid,
  .wallet-status-grid,
  .wallet-form-grid,
  .deposit-route-grid,
  .withdrawal-layout,
  .withdrawal-bot-row,
  .investor-summary-grid,
  .investor-add-form,
  .investor-youtube-form,
  .investor-bot-grid,
  .investor-bot-stats,
  .overview-command-grid,
  .overview-asset-grid,
  .overview-bot-strip,
  .daily-stats-controls,
  .daily-stats-summary,
  .daily-stats-summary.daily-selected-summary,
  .daily-asset-strip,
  .daily-compare-board,
  .command-pulse-grid,
  .allocation-layout,
  .consistency-grid,
  .bot-command-summary,
  .bot-command-grid,
  .bot-command-metrics,
  .bot-strategy-grid,
  .resource-manager-grid,
  .bot-ops-summary,
  .bot-ops-metrics,
  .report-source-strip,
  .report-command-head,
  .report-template-grid,
  .report-scope-bar,
  .report-studio-workbench,
  .report-preview-head,
  .technician-note-form,
  .technician-note,
  .summary-grid {
    grid-template-columns: 1fr;
  }

  .document-details-drawer {
    position: static;
  }

  .ops-notes-strip {
    flex-direction: column;
  }

  .report-actions {
    grid-template-columns: 1fr;
  }

  .month-row {
    grid-template-columns: 58px minmax(0, 1fr) max-content;
  }

  .heatmap-row,
  .ribbon-row {
    grid-template-columns: 1fr;
  }

  .heatmap-cells {
    grid-template-columns: repeat(7, minmax(18px, 1fr));
  }

  .momentum-meta {
    align-items: stretch;
    flex-direction: column;
  }

  .ribbon-cells {
    overflow-x: auto;
    padding-bottom: 4px;
  }
}


/* Simplified public dashboard */
.frontend-layout {
  gap: 18px;
}

.frontend-hero {
  display: grid;
  grid-template-columns: minmax(390px, 1.18fr) minmax(210px, 0.5fr);
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  min-height: 210px;
  background:
    linear-gradient(135deg, rgba(4, 22, 19, 0.96), rgba(3, 10, 12, 0.98)),
    repeating-linear-gradient(90deg, rgba(139, 207, 218, 0.045) 0 1px, transparent 1px 38px),
    linear-gradient(110deg, rgba(91, 210, 125, 0.11), transparent 42%, rgba(232, 203, 132, 0.055));
}

.frontend-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent, rgba(217, 247, 223, 0.08), transparent),
    radial-gradient(circle at 18% 50%, rgba(78, 255, 226, 0.12), transparent 28%);
  opacity: 0.64;
  pointer-events: none;
  animation: wowHeroSweep 8s ease-in-out infinite alternate;
}

.frontend-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  position: relative;
  z-index: 1;
}

.frontend-logo-wrap .dashboard-brand-logo {
  width: clamp(590px, 56vw, 940px);
  max-width: 100%;
  filter: drop-shadow(0 32px 54px rgba(78, 255, 226, 0.24));
}

.frontend-hero-copy {
  min-width: 0;
  position: relative;
  z-index: 1;
  display: grid;
  gap: 6px;
}

.frontend-hero-copy .eyebrow {
  color: var(--green-bright);
  font-size: clamp(1.05rem, 1.55vw, 1.48rem);
  font-weight: 860;
  line-height: 1;
  text-shadow: 0 0 28px rgba(78, 255, 226, 0.22);
}

.frontend-hero-copy h1 {
  margin: 2px 0 8px;
  font-family: "Bahnschrift", "Segoe UI Variable Display", "Aptos Display", "Segoe UI", Arial, sans-serif;
  font-size: clamp(1.8rem, 3vw, 3rem);
  font-weight: 590;
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: uppercase;
}

.frontend-home-line {
  margin: 0;
  color: var(--green-bright);
  font-size: clamp(1rem, 1.28vw, 1.36rem);
  font-weight: 760;
  letter-spacing: 0;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 0 0 24px rgba(78, 255, 226, 0.16);
}

.frontend-hero-copy .supporting-copy {
  max-width: 36ch;
  font-size: 0.82rem;
  line-height: 1.46;
  color: rgba(194, 213, 202, 0.8);
}

.frontend-dashboard-stack,
.frontend-tab-shell,
.frontend-tab-panel {
  display: grid;
  gap: 16px;
}

.frontend-tab-panel {
  min-width: 0;
}

.frontend-tab-panel > .section-heading {
  margin-bottom: 2px;
}

.frontend-copyright-line {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
}

.main-wow-stage {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 150px minmax(0, 0.92fr) minmax(240px, 0.58fr);
  align-items: center;
  gap: 14px;
  min-height: 176px;
  padding: 16px;
  border: 1px solid rgba(139, 207, 218, 0.3);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(4, 24, 22, 0.96), rgba(2, 8, 11, 0.98)),
    repeating-linear-gradient(90deg, rgba(139, 207, 218, 0.055) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(0deg, rgba(91, 210, 125, 0.04) 0 1px, transparent 1px 34px);
  background-size: auto, 68px 68px, 68px 68px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  animation: mainGridFlow 18s linear infinite;
}

.main-wow-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(104deg, transparent 0%, rgba(217, 247, 223, 0.1) 42%, transparent 62%),
    radial-gradient(circle at 16% 50%, rgba(78, 255, 226, 0.18), transparent 26%),
    radial-gradient(circle at 86% 22%, rgba(232, 203, 132, 0.12), transparent 28%);
  opacity: 0.74;
  pointer-events: none;
  animation: mainStageSweep 7s ease-in-out infinite alternate;
}

.main-wow-stage > * {
  position: relative;
  z-index: 1;
}

.main-wow-orbit {
  display: grid;
  place-items: center;
  width: 150px;
  aspect-ratio: 1;
  justify-self: center;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(78, 255, 226, 0.15), rgba(3, 14, 13, 0.1) 58%, transparent 62%);
}

.main-wow-orbit span {
  position: absolute;
  inset: var(--orbit-inset, 12px);
  border: 1px solid rgba(139, 207, 218, 0.32);
  border-top-color: var(--green-bright);
  border-radius: 50%;
  animation: mainOrbitSpin 9s linear infinite;
}

.main-wow-orbit span:nth-child(2) {
  --orbit-inset: 26px;
  border-color: rgba(232, 203, 132, 0.28);
  border-left-color: var(--amber);
  animation-duration: 13s;
  animation-direction: reverse;
}

.main-wow-orbit span:nth-child(3) {
  --orbit-inset: 48px;
  border-color: rgba(91, 210, 125, 0.32);
  border-bottom-color: var(--green-bright);
  animation-duration: 7s;
}

.main-wow-orbit strong {
  display: grid;
  place-items: center;
  width: 78px;
  height: 78px;
  border: 1px solid rgba(217, 247, 223, 0.3);
  border-radius: 50%;
  color: var(--green-bright);
  font-size: 0.92rem;
  font-weight: 850;
  background: rgba(2, 12, 10, 0.78);
  box-shadow: 0 0 44px rgba(78, 255, 226, 0.18);
  animation: mainCorePulse 2.8s ease-in-out infinite alternate;
}

.main-wow-copy h2 {
  margin: 2px 0 6px;
  color: var(--text);
  font-size: clamp(1.25rem, 2vw, 2.15rem);
  line-height: 1.02;
  letter-spacing: 0;
  text-transform: uppercase;
}

.main-wow-copy .section-copy {
  max-width: 44ch;
  font-size: 0.82rem;
  line-height: 1.48;
}

.main-wow-stream {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.main-wow-stream span {
  border: 1px solid rgba(139, 207, 218, 0.24);
  border-radius: 999px;
  padding: 6px 9px;
  color: var(--green-bright);
  font-size: 0.68rem;
  font-weight: 750;
  background: rgba(2, 12, 11, 0.62);
  box-shadow: 0 0 22px rgba(78, 255, 226, 0.06);
}

.main-wow-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.main-wow-stats article {
  position: relative;
  overflow: hidden;
  min-width: 0;
  min-height: 76px;
  padding: 10px;
  border: 1px solid rgba(139, 207, 218, 0.18);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(139, 207, 218, 0.07), transparent 62%),
    rgba(2, 12, 11, 0.62);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.055);
  animation: mainTileRise 650ms cubic-bezier(0.16, 1, 0.3, 1) backwards;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.main-wow-stats article::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 8px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(139, 207, 218, 0.2), var(--green-bright), rgba(232, 203, 132, 0.5));
  opacity: 0.42;
}

.main-wow-stats article:hover {
  transform: translateY(-3px);
  border-color: rgba(217, 247, 223, 0.42);
  background:
    linear-gradient(145deg, rgba(139, 207, 218, 0.12), transparent 62%),
    rgba(4, 20, 17, 0.76);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.32), 0 0 24px rgba(78, 255, 226, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.main-wow-stats article:nth-child(2) {
  animation-delay: 90ms;
}

.main-wow-stats article:nth-child(3) {
  animation-delay: 180ms;
}

.main-wow-stats article:nth-child(4) {
  animation-delay: 270ms;
}

.main-wow-stats strong {
  display: block;
  margin-top: 5px;
  color: var(--green-bright);
  font-size: clamp(0.95rem, 1.2vw, 1.18rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.main-wow-stats small {
  display: block;
  margin-top: 5px;
  color: var(--muted-strong);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

@keyframes mainGridFlow {
  from {
    background-position: 0 0, 0 0, 0 0;
  }
  to {
    background-position: 0 0, 136px 68px, -68px 136px;
  }
}

@keyframes mainStageSweep {
  from {
    transform: translateX(-6%) skewX(-2deg);
    opacity: 0.48;
  }
  to {
    transform: translateX(7%) skewX(2deg);
    opacity: 0.9;
  }
}

@keyframes mainOrbitSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes mainCorePulse {
  from {
    transform: scale(0.96);
    box-shadow: 0 0 28px rgba(78, 255, 226, 0.13);
  }
  to {
    transform: scale(1.06);
    box-shadow: 0 0 62px rgba(78, 255, 226, 0.28);
  }
}

@keyframes mainStreamPulse {
  0%,
  100% {
    transform: translateY(0);
    border-color: rgba(139, 207, 218, 0.24);
  }
  50% {
    transform: translateY(-4px);
    border-color: rgba(217, 247, 223, 0.46);
  }
}

@keyframes mainTileRise {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.982);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes mainChartSweep {
  0%,
  18% {
    transform: translateX(-100%);
  }
  70%,
  100% {
    transform: translateX(100%);
  }
}

@keyframes mainChartDraw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes mainDotPulse {
  from {
    transform: scale(0.8);
    opacity: 0.68;
  }
  to {
    transform: scale(1.18);
    opacity: 1;
  }
}

.wow-bots-board {
  display: grid;
  gap: 14px;
}

.wow-bots-stage {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid rgba(139, 207, 218, 0.3);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(5, 30, 27, 0.96), rgba(2, 9, 12, 0.98)),
    repeating-linear-gradient(90deg, rgba(139, 207, 218, 0.055) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(0deg, rgba(232, 203, 132, 0.035) 0 1px, transparent 1px 34px);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.wow-bots-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(104deg, transparent 0%, rgba(217, 247, 223, 0.09) 42%, transparent 62%),
    linear-gradient(180deg, rgba(136, 174, 224, 0.075), transparent 36%, rgba(232, 203, 132, 0.045));
  opacity: 0.84;
  pointer-events: none;
  animation: wowStageSweep 7s ease-in-out infinite alternate;
}

.wow-bots-stage > * {
  position: relative;
  z-index: 1;
}

.wow-bots-live-line {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: var(--green-bright);
  font-size: 0.84rem;
  line-height: 1;
  text-transform: uppercase;
}

.wow-bots-live-line strong {
  font-weight: 820;
}

.wow-bots-feed-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid rgba(139, 207, 218, 0.22);
  border-radius: 8px;
  color: rgba(194, 213, 202, 0.72);
  font-size: 0.7rem;
  font-weight: 720;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  background: rgba(2, 12, 11, 0.56);
}

.wow-bot-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.wow-bot-card {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 16px;
  min-width: 0;
  min-height: 560px;
  padding: 22px;
  border: 1px solid color-mix(in srgb, var(--bot-color, var(--green)) 52%, var(--line));
  border-radius: 8px;
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--bot-color, var(--green)) 18%, transparent), transparent 34%),
    linear-gradient(145deg, color-mix(in srgb, var(--bot-color, var(--green)) 18%, transparent), transparent 48%),
    linear-gradient(180deg, rgba(5, 20, 18, 0.98), rgba(2, 10, 11, 0.98));
  box-shadow: 0 30px 78px rgba(0, 0, 0, 0.38), 0 0 38px color-mix(in srgb, var(--bot-color, var(--green)) 10%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.055);
  opacity: 1;
  transform: none;
  animation: wowBotRise 720ms cubic-bezier(0.16, 1, 0.3, 1) backwards;
  animation-delay: calc(var(--bot-index, 0) * 80ms);
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.wow-bot-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--bot-color, var(--green)), var(--cyan), var(--amber));
  background-size: 220% 100%;
  animation: wowSignalSweep 3.6s linear infinite;
}

.wow-bot-card::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 95px;
  background:
    repeating-linear-gradient(90deg, color-mix(in srgb, var(--bot-color, var(--green)) 15%, transparent) 0 1px, transparent 1px 22px),
    linear-gradient(180deg, transparent, rgba(217, 247, 223, 0.05));
  opacity: 0.7;
  pointer-events: none;
  animation: wowGridDrift 10s linear infinite;
}

.wow-bot-card:hover {
  transform: translateY(-6px) scale(1.012);
  border-color: color-mix(in srgb, var(--bot-color, var(--green)) 72%, var(--green-bright));
  box-shadow: 0 38px 98px rgba(0, 0, 0, 0.46), 0 0 48px color-mix(in srgb, var(--bot-color, var(--green)) 18%, transparent);
}

.wow-bot-watermark {
  position: absolute;
  right: -4px;
  top: 42px;
  color: color-mix(in srgb, var(--bot-color, var(--green)) 36%, transparent);
  font-size: clamp(4.4rem, 8vw, 7.4rem);
  font-weight: 900;
  line-height: 0.8;
  opacity: 0.1;
  pointer-events: none;
  animation: wowWatermarkFloat 8s ease-in-out infinite alternate;
}

.wow-bot-top,
.wow-bot-balance,
.wow-bot-chart,
.wow-bot-signal,
.wow-bot-metrics {
  position: relative;
  z-index: 1;
}

.wow-bot-top {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) max-content;
  align-items: center;
  gap: 10px;
}

.wow-bot-emblem {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border: 1px solid color-mix(in srgb, var(--bot-color, var(--green)) 58%, var(--line));
  border-radius: 50%;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), transparent),
    color-mix(in srgb, var(--bot-color, var(--green)) 18%, rgba(3, 13, 12, 0.92));
  box-shadow: 0 0 36px color-mix(in srgb, var(--bot-color, var(--green)) 18%, transparent);
  animation: wowEmblemPulse 2.8s ease-in-out infinite;
}

.wow-bot-emblem span {
  color: var(--green-bright);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0;
}

.wow-bot-title {
  min-width: 0;
}

.wow-bot-title span {
  display: block;
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 750;
  text-transform: uppercase;
}

.wow-bot-title h3 {
  margin: 3px 0 0;
  color: var(--text);
  font-size: clamp(1.18rem, 1.45vw, 1.6rem);
  line-height: 1.02;
  letter-spacing: 0;
  text-transform: uppercase;
}

.wow-bot-status {
  align-self: start;
  border: 1px solid rgba(91, 210, 125, 0.44);
  border-radius: 999px;
  padding: 5px 8px;
  color: var(--green-bright);
  font-size: 0.62rem;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
  background: rgba(4, 22, 15, 0.78);
  box-shadow: 0 0 22px rgba(91, 210, 125, 0.08);
}

.wow-bot-balance {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 8px;
  min-height: 112px;
  align-content: center;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--bot-color, var(--green)) 34%, rgba(139, 207, 218, 0.2));
  border-radius: 8px;
  background:
    radial-gradient(circle at 94% 16%, color-mix(in srgb, var(--bot-color, var(--green)) 24%, transparent), transparent 30%),
    linear-gradient(90deg, color-mix(in srgb, var(--bot-color, var(--green)) 18%, transparent), transparent),
    rgba(3, 17, 15, 0.74);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 0 26px color-mix(in srgb, var(--bot-color, var(--green)) 8%, transparent);
}

.wow-bot-balance::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--bot-color, var(--green)), var(--green-bright));
  opacity: 0.78;
}

.wow-bot-balance span,
.wow-bot-metrics span {
  position: relative;
  z-index: 1;
  display: block;
  color: color-mix(in srgb, var(--green-bright) 54%, var(--muted));
  font-size: 0.84rem;
  font-weight: 760;
  text-transform: uppercase;
}

.wow-bot-balance strong {
  position: relative;
  z-index: 1;
  color: var(--green-bright);
  font-size: clamp(1.55rem, 2.25vw, 2.35rem);
  font-weight: 720;
  line-height: 0.98;
  overflow-wrap: anywhere;
}

.wow-bot-chart {
  height: 140px;
  overflow: hidden;
  border: 1px solid rgba(139, 174, 156, 0.16);
  border-radius: 8px;
  background:
    repeating-linear-gradient(90deg, rgba(139, 207, 218, 0.035) 0 1px, transparent 1px 28px),
    rgba(1, 8, 9, 0.48);
}

.wow-bot-spark {
  width: 100%;
  height: 100%;
  display: block;
}

.wow-bot-spark-area {
  fill: color-mix(in srgb, var(--bot-color, var(--green)) 22%, transparent);
}

.wow-bot-spark-line {
  fill: none;
  stroke: var(--bot-color, var(--green));
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--bot-color, var(--green)) 38%, transparent));
  stroke-dasharray: 720;
  stroke-dashoffset: 720;
  animation: wowSparkDraw 1.25s ease forwards;
  animation-delay: calc((var(--bot-index, 0) * 80ms) + 280ms);
}

.wow-bot-spark-dot {
  fill: var(--green-bright);
  stroke: rgba(2, 10, 8, 0.9);
  stroke-width: 3;
  opacity: 0;
  animation: wowSparkDot 420ms ease forwards;
  animation-delay: calc((var(--bot-index, 0) * 80ms) + 1s);
}

.wow-bot-spark-empty {
  display: grid;
  place-items: center;
  height: 100%;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
}

.wow-bot-signal {
  height: 14px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(139, 174, 156, 0.16);
}

.wow-bot-signal span {
  display: block;
  width: var(--signal, 0%);
  min-width: 12%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--bot-color, var(--green)), var(--green-bright));
  box-shadow: 0 0 24px color-mix(in srgb, var(--bot-color, var(--green)) 42%, transparent);
  animation: wowSignalPulse 2.4s ease-in-out infinite alternate;
}

.wow-bot-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.wow-bot-metrics div {
  position: relative;
  overflow: hidden;
  min-width: 0;
  min-height: 104px;
  padding: 14px 10px;
  border: 1px solid color-mix(in srgb, var(--bot-color, var(--green)) 42%, rgba(139, 174, 156, 0.16));
  border-radius: 8px;
  background:
    radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--bot-color, var(--green)) 24%, transparent), transparent 30%),
    linear-gradient(145deg, color-mix(in srgb, var(--bot-color, var(--green)) 16%, transparent), transparent 62%),
    rgba(3, 17, 15, 0.78);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 0 24px color-mix(in srgb, var(--bot-color, var(--green)) 7%, transparent);
}

.wow-bot-metrics div::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 0;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--bot-color, var(--green)) 40%, transparent), var(--green-bright), color-mix(in srgb, var(--bot-color, var(--green)) 40%, transparent));
  opacity: 0.64;
}

.wow-bot-metrics div::after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 42px;
  height: 42px;
  border: 1px solid color-mix(in srgb, var(--bot-color, var(--green)) 32%, transparent);
  border-radius: 50%;
  opacity: 0.24;
  pointer-events: none;
}

.wow-bot-metrics strong {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 9px;
  color: var(--green-bright);
  font-size: clamp(1rem, 1.25vw, 1.24rem);
  line-height: 1.08;
  overflow-wrap: anywhere;
}

@keyframes wowHeroSweep {
  from {
    transform: translateX(-5%);
    opacity: 0.42;
  }
  to {
    transform: translateX(6%);
    opacity: 0.82;
  }
}

@keyframes wowStageSweep {
  from {
    transform: translateX(-4%) skewX(-2deg);
    opacity: 0.58;
  }
  to {
    transform: translateX(5%) skewX(2deg);
    opacity: 0.94;
  }
}

@keyframes wowBotRise {
  from {
    opacity: 0;
    transform: translateY(22px) scale(0.972);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes wowSignalSweep {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 220% 50%;
  }
}

@keyframes wowGridDrift {
  from {
    background-position: 0 0, 0 0;
  }
  to {
    background-position: 220px 0, 0 0;
  }
}

@keyframes wowWatermarkFloat {
  from {
    transform: translate3d(0, 0, 0) rotate(-1deg);
    opacity: 0.08;
  }
  to {
    transform: translate3d(-12px, 10px, 0) rotate(1deg);
    opacity: 0.16;
  }
}

@keyframes wowEmblemPulse {
  0%,
  100% {
    box-shadow: 0 0 24px color-mix(in srgb, var(--bot-color, var(--green)) 16%, transparent);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 46px color-mix(in srgb, var(--bot-color, var(--green)) 34%, transparent);
    transform: scale(1.035);
  }
}

@keyframes wowSparkDraw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes wowSparkDot {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes wowSignalPulse {
  from {
    filter: brightness(0.9);
    box-shadow: 0 0 14px color-mix(in srgb, var(--bot-color, var(--green)) 22%, transparent);
  }
  to {
    filter: brightness(1.25);
    box-shadow: 0 0 34px color-mix(in srgb, var(--bot-color, var(--green)) 48%, transparent);
  }
}

@media (prefers-reduced-motion: reduce) {
  .wow-login-shell,
  .wow-login-shell::before,
  .wow-login-shell::after,
  .login-brand-stage::before,
  .wow-login-shell .auth-card,
  .frontend-hero::before,
  .main-wow-stage,
  .main-wow-stage::before,
  .main-wow-orbit span,
  .main-wow-orbit strong,
  .main-wow-stream span,
  .main-wow-stats article,
  .report-elite-stage,
  .report-elite-stage::before,
  .report-elite-core span,
  .report-elite-core strong,
  .report-elite-stats article,
  .report-export-card::before,
  .simple-summary-tile,
  .home-summary-card::before,
  .home-summary-card::after,
  .home-summary-emblem,
  .home-summary-track span,
  .simple-bot-card,
  .simple-chart-panel,
  .simple-chart-frame::before,
  .simple-asset-chart .series-line,
  .simple-asset-chart .series-dot,
  .wow-bots-stage::before,
  .wow-bot-card,
  .wow-bot-card::before,
  .wow-bot-card::after,
  .wow-bot-watermark,
  .wow-bot-emblem,
  .wow-bot-spark-line,
  .wow-bot-spark-dot,
  .wow-bot-signal span {
    animation: none;
  }

  .wow-bot-card,
  .main-wow-stats article,
  .report-elite-stats article,
  .simple-summary-tile,
  .simple-bot-card,
  .simple-chart-panel,
  .wow-bot-spark-dot {
    opacity: 1;
    transform: none;
  }

  .simple-asset-chart .series-line,
  .wow-bot-spark-line {
    stroke-dashoffset: 0;
  }
}

.premium-bots-board {
  display: grid;
  gap: 16px;
}

.premium-bots-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  gap: 18px;
  min-height: 150px;
  padding: 20px;
  border: 1px solid rgba(139, 207, 218, 0.26);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(7, 30, 25, 0.94), rgba(4, 13, 13, 0.96)),
    repeating-linear-gradient(90deg, rgba(139, 207, 218, 0.045) 0 1px, transparent 1px 36px);
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.34);
}

.premium-bots-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(105deg, transparent 0%, rgba(217, 247, 223, 0.09) 42%, transparent 62%),
    radial-gradient(circle at 88% 22%, rgba(232, 203, 132, 0.11), transparent 24%);
  pointer-events: none;
}

.premium-bots-hero > * {
  position: relative;
  z-index: 1;
}

.premium-bots-hero h2 {
  margin: 4px 0 6px;
  color: var(--text);
  font-size: clamp(1.7rem, 2.6vw, 2.65rem);
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: uppercase;
}

.premium-bots-live {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.premium-asset-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.premium-asset-tile {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--asset-color, var(--green)) 36%, var(--line));
  border-radius: 8px;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--asset-color, var(--green)) 13%, transparent), transparent 62%),
    rgba(7, 22, 19, 0.9);
}

.premium-asset-tile::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: var(--asset-color, var(--green));
}

.premium-asset-tile strong {
  display: block;
  margin-top: 8px;
  color: var(--text);
  font-size: clamp(1.2rem, 1.65vw, 1.68rem);
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.premium-asset-tile small {
  display: block;
  margin-top: 8px;
  color: var(--muted-strong);
  font-size: 0.82rem;
  text-transform: uppercase;
}

.premium-bot-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
  gap: 14px;
}

.premium-bot-card {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--bot-color, var(--green)) 44%, var(--line));
  border-radius: 8px;
  background:
    linear-gradient(150deg, color-mix(in srgb, var(--bot-color, var(--green)) 10%, transparent), transparent 54%),
    rgba(5, 18, 16, 0.94);
  box-shadow: 0 20px 58px rgba(0, 0, 0, 0.3);
}

.premium-bot-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--bot-color, var(--green)), rgba(217, 247, 223, 0.82));
}

.premium-bot-card::after {
  content: "";
  position: absolute;
  right: -42px;
  top: -42px;
  width: 112px;
  height: 112px;
  border: 1px solid color-mix(in srgb, var(--bot-color, var(--green)) 42%, transparent);
  transform: rotate(26deg);
  opacity: 0.42;
  pointer-events: none;
}

.premium-bot-card-top,
.premium-bot-metrics {
  position: relative;
  z-index: 1;
}

.premium-bot-card-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.premium-bot-index {
  display: inline-grid;
  place-items: center;
  min-width: 32px;
  height: 24px;
  margin-bottom: 8px;
  border: 1px solid color-mix(in srgb, var(--bot-color, var(--green)) 48%, var(--line));
  border-radius: 6px;
  color: var(--green-bright);
  font-size: 0.72rem;
  font-weight: 760;
}

.premium-bot-card h3 {
  margin: 0;
  color: var(--text);
  font-size: 1.32rem;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
}

.premium-bot-card small {
  display: block;
  margin-top: 7px;
  color: var(--muted);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.premium-status-pill {
  align-self: start;
  border: 1px solid rgba(91, 210, 125, 0.38);
  border-radius: 999px;
  padding: 5px 8px;
  color: var(--green-bright);
  font-size: 0.68rem;
  font-weight: 760;
  line-height: 1;
  white-space: nowrap;
  background: rgba(4, 22, 15, 0.76);
}

.premium-bot-balance {
  position: relative;
  z-index: 1;
  padding: 12px;
  border: 1px solid rgba(139, 174, 156, 0.16);
  border-radius: 8px;
  background: rgba(1, 10, 10, 0.44);
}

.premium-bot-balance span,
.premium-bot-metrics span {
  display: block;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 650;
  text-transform: uppercase;
}

.premium-bot-balance strong {
  display: block;
  margin-top: 7px;
  color: var(--green-bright);
  font-size: clamp(1.18rem, 1.6vw, 1.58rem);
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.premium-bot-meter {
  position: relative;
  z-index: 1;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(139, 174, 156, 0.16);
}

.premium-bot-meter span {
  display: block;
  min-width: 10%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--bot-color, var(--green)), var(--green-bright));
  box-shadow: 0 0 18px color-mix(in srgb, var(--bot-color, var(--green)) 40%, transparent);
}

.premium-bot-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.premium-bot-metrics div {
  min-width: 0;
  padding-top: 8px;
  border-top: 1px solid rgba(139, 174, 156, 0.16);
}

.premium-bot-metrics strong {
  display: block;
  margin-top: 5px;
  color: var(--muted-strong);
  font-size: 0.88rem;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

@media (min-width: 1180px) {
  .frontend-layout {
    grid-template-columns: 1fr;
  }

  .frontend-layout > .tab-list {
    grid-column: 1;
    grid-row: auto;
    display: grid;
    grid-template-columns: max-content max-content minmax(260px, 1fr) max-content;
    align-self: auto;
  }

  .frontend-layout > :not(.tab-list) {
    grid-column: 1;
  }

  .frontend-layout .tab-brand {
    margin-right: 0;
  }

  .frontend-layout .tab-button,
  .frontend-layout .tab-account-button {
    width: auto;
    min-height: 34px;
    padding-inline: 11px;
    font-size: 0.82rem;
    text-align: center;
  }

  .frontend-layout .tab-account-button {
    margin-top: 0;
  }
}

@media (max-width: 980px) {
  .frontend-layout > .tab-list {
    grid-template-columns: 1fr;
  }

  .frontend-nav-tabs,
  .frontend-nav-signal,
  .frontend-nav-utility {
    justify-content: center;
    flex-wrap: wrap;
  }

  .frontend-hero,
  .main-wow-stage,
  .report-elite-stage,
  .wow-bots-stage,
  .premium-bots-hero {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .main-wow-orbit {
    order: -1;
  }

  .main-wow-stream {
    justify-content: center;
  }

  .report-elite-core {
    order: -1;
  }

  .report-elite-quick {
    justify-content: center;
  }

  .report-elite-stats,
  .report-export-dock {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .report-studio-workbench {
    grid-template-columns: 1fr;
  }

  .frontend-hero-copy .supporting-copy {
    margin-inline: auto;
  }

  .premium-bots-live {
    justify-content: center;
    justify-items: center;
  }

  .premium-asset-strip {
    grid-template-columns: 1fr;
  }

  .wow-bots-stage {
    align-items: stretch;
  }

  .wow-bots-live-line,
  .wow-bots-feed-label {
    justify-content: center;
    width: 100%;
  }

  .wow-bot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .frontend-hero,
  .main-wow-stage,
  .report-elite-stage,
  .wow-bots-stage,
  .premium-bots-hero {
    padding: 16px;
  }

  .main-wow-orbit {
    width: min(145px, 62vw);
  }

  .main-wow-stats {
    grid-template-columns: 1fr;
  }

  .report-elite-core {
    width: min(140px, 62vw);
  }

  .report-elite-stats,
  .report-export-dock {
    grid-template-columns: 1fr;
  }

  .report-export-card.is-featured {
    grid-column: span 1;
    min-height: 142px;
  }

  .report-preview-toolbar {
    display: grid;
  }

  .report-preview-kpis,
  .report-preview-signoff,
  .report-actions-primary {
    grid-template-columns: 1fr;
  }

  .report-paper-masthead,
  .report-preview-ledger-table div {
    grid-template-columns: 1fr;
  }

  .report-paper-id {
    text-align: left;
  }

  .frontend-logo-wrap .dashboard-brand-logo {
    width: min(570px, 96vw);
  }

  .frontend-nav-tabs,
  .frontend-nav-signal,
  .frontend-nav-utility {
    width: 100%;
    flex-wrap: wrap;
  }

  .frontend-nav-tabs > *,
  .frontend-nav-signal > *,
  .frontend-nav-utility > * {
    justify-content: center;
  }

  .frontend-nav-signal {
    text-align: center;
  }

  .wow-bot-grid,
  .wow-bot-top,
  .wow-bot-metrics,
  .premium-bot-grid,
  .premium-bot-metrics {
    grid-template-columns: 1fr;
  }

  .wow-bot-card {
    min-height: 0;
  }

  .wow-bot-status {
    justify-self: start;
  }
}

.simple-dashboard-layout {
  gap: 18px;
}

.simple-dashboard-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
}

.simple-hero-title,
.simple-hero-actions,
.simple-section-head,
.simple-chart-legend,
.simple-report-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.simple-hero-title h1,
.simple-section-head h2,
.simple-bot-head h3 {
  margin: 0;
  letter-spacing: 0;
  text-transform: uppercase;
}

.simple-hero-title h1 {
  font-size: clamp(1.55rem, 2.2vw, 2.35rem);
  line-height: 1.05;
}

.simple-hero-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.simple-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.simple-summary-tile,
.simple-bot-card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(139, 207, 218, 0.055), transparent 58%),
    rgba(7, 20, 17, 0.94);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.28);
  animation: mainTileRise 680ms cubic-bezier(0.16, 1, 0.3, 1) backwards;
  transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.simple-summary-tile {
  padding: 16px;
}

.simple-summary-tile:nth-child(2),
.simple-bot-card:nth-child(2) {
  animation-delay: 90ms;
}

.simple-summary-tile:nth-child(3),
.simple-bot-card:nth-child(3) {
  animation-delay: 180ms;
}

.simple-summary-tile:nth-child(4),
.simple-bot-card:nth-child(4) {
  animation-delay: 270ms;
}

.simple-bot-card:nth-child(5) {
  animation-delay: 360ms;
}

.simple-bot-card:nth-child(6) {
  animation-delay: 450ms;
}

.simple-bot-card:nth-child(7) {
  animation-delay: 540ms;
}

.simple-summary-tile:hover,
.simple-bot-card:hover {
  transform: translateY(-5px);
  border-color: rgba(217, 247, 223, 0.42);
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.36), 0 0 34px rgba(78, 255, 226, 0.07);
}

.simple-summary-tile strong {
  display: block;
  margin-top: 8px;
  color: var(--text);
  font-size: clamp(1.28rem, 1.8vw, 1.8rem);
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.home-summary-grid {
  gap: 16px;
}

.home-summary-card {
  overflow: hidden;
  min-height: 190px;
  padding: 18px;
  border-color: color-mix(in srgb, var(--home-color, var(--green)) 38%, var(--line));
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--home-color, var(--green)) 16%, transparent), transparent 58%),
    repeating-linear-gradient(90deg, rgba(139, 207, 218, 0.035) 0 1px, transparent 1px 30px),
    rgba(6, 20, 17, 0.96);
}

.home-summary-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--home-color, var(--green)), var(--green-bright), var(--amber));
  background-size: 220% 100%;
  animation: wowSignalSweep 4s linear infinite;
}

.home-summary-card::after {
  content: "";
  position: absolute;
  right: -38px;
  top: -46px;
  width: 150px;
  height: 150px;
  border: 1px solid color-mix(in srgb, var(--home-color, var(--green)) 34%, transparent);
  border-radius: 50%;
  opacity: 0.4;
  animation: homeHaloFloat 7s ease-in-out infinite alternate;
}

.home-summary-top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.home-summary-emblem {
  display: inline-grid;
  place-items: center;
  min-width: 54px;
  height: 54px;
  border: 1px solid color-mix(in srgb, var(--home-color, var(--green)) 50%, var(--line));
  border-radius: 50%;
  color: var(--green-bright);
  font-size: 0.82rem;
  font-weight: 850;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), transparent),
    color-mix(in srgb, var(--home-color, var(--green)) 16%, rgba(2, 12, 11, 0.92));
  box-shadow: 0 0 34px color-mix(in srgb, var(--home-color, var(--green)) 20%, transparent);
  animation: wowEmblemPulse 3.2s ease-in-out infinite;
}

.home-summary-live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(91, 210, 125, 0.34);
  border-radius: 999px;
  padding: 6px 9px;
  color: var(--green-bright);
  font-size: 0.68rem;
  font-weight: 820;
  background: rgba(4, 22, 15, 0.68);
}

.home-summary-card .metric-label,
.home-summary-card strong,
.home-summary-card small,
.home-summary-track {
  position: relative;
  z-index: 1;
}

.home-summary-card strong {
  margin-top: 8px;
  color: var(--green-bright);
  font-size: clamp(1.52rem, 2.25vw, 2.45rem);
  font-weight: 740;
  line-height: 1.02;
}

.home-summary-track {
  height: 10px;
  overflow: hidden;
  margin-top: 18px;
  border-radius: 999px;
  background: rgba(139, 174, 156, 0.14);
}

.home-summary-track span {
  display: block;
  width: var(--home-fill, 70%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--home-color, var(--green)), var(--green-bright));
  box-shadow: 0 0 24px color-mix(in srgb, var(--home-color, var(--green)) 35%, transparent);
  animation: wowSignalPulse 2.8s ease-in-out infinite alternate;
}

.home-summary-card small {
  display: block;
  margin-top: 12px;
  color: var(--muted-strong);
  font-size: 0.8rem;
  font-weight: 720;
  text-transform: uppercase;
}

@keyframes homeHaloFloat {
  from {
    transform: translate3d(0, 0, 0) scale(0.96);
    opacity: 0.26;
  }
  to {
    transform: translate3d(-14px, 12px, 0) scale(1.05);
    opacity: 0.52;
  }
}

.simple-bot-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.simple-bot-card {
  display: grid;
  align-content: start;
  gap: 15px;
  min-height: 258px;
  padding: 16px;
  border-color: color-mix(in srgb, var(--bot-color, var(--line-strong)) 50%, var(--line));
  background:
    radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--bot-color, var(--green)) 13%, transparent), transparent 32%),
    linear-gradient(145deg, color-mix(in srgb, var(--bot-color, var(--green)) 8%, transparent), transparent 56%),
    rgba(6, 20, 17, 0.95);
}

.simple-bot-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--bot-color, var(--green)), color-mix(in srgb, var(--bot-color, var(--green)) 38%, var(--green-bright)));
  opacity: 0.96;
}

.simple-bot-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding-bottom: 2px;
}

.simple-bot-head h3 {
  margin: 4px 0 0;
  color: var(--text);
  font-size: clamp(1.06rem, 1.28vw, 1.3rem);
  line-height: 1.05;
  text-transform: uppercase;
}

.simple-status-pill {
  align-self: start;
  border: 1px solid rgba(91, 210, 125, 0.42);
  border-radius: 999px;
  padding: 4px 8px;
  color: var(--green-bright);
  font-size: 0.62rem;
  font-weight: 820;
  line-height: 1;
  white-space: nowrap;
  background: rgba(4, 22, 15, 0.7);
}

.simple-bot-balance span,
.simple-bot-stats span {
  display: block;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 720;
  text-transform: uppercase;
}

.simple-bot-balance {
  position: relative;
  display: grid;
  gap: 7px;
  min-height: 84px;
  align-content: center;
  border: 1px solid color-mix(in srgb, var(--bot-color, var(--green)) 28%, rgba(139, 174, 156, 0.15));
  border-radius: 8px;
  padding: 13px 14px;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--bot-color, var(--green)) 12%, transparent), transparent 70%),
    rgba(2, 12, 10, 0.52);
}

.simple-bot-balance strong {
  display: block;
  color: var(--green-bright);
  font-size: clamp(1.2rem, 1.55vw, 1.58rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.simple-bot-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.simple-bot-stats div {
  display: grid;
  align-content: space-between;
  gap: 8px;
  min-height: 76px;
  border: 1px solid color-mix(in srgb, var(--bot-color, var(--green)) 20%, rgba(139, 174, 156, 0.14));
  border-radius: 8px;
  padding: 10px 9px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--bot-color, var(--green)) 7%, transparent), transparent 70%),
    rgba(2, 11, 11, 0.48);
}

.simple-bot-stats strong {
  color: var(--green-bright);
  font-size: clamp(0.9rem, 1.08vw, 1.08rem);
  font-weight: 800;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.simple-bot-stats small,
.wow-bot-metrics small {
  display: block;
  margin-top: 3px;
  color: rgba(194, 213, 202, 0.66);
  font-size: 0.68rem;
  font-weight: 720;
  line-height: 1.1;
  text-transform: uppercase;
}

.simple-chart-panel {
  padding: 18px;
  animation: mainTileRise 760ms cubic-bezier(0.16, 1, 0.3, 1) 320ms backwards;
}

.simple-section-head {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 14px;
}

.simple-chart-legend {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.simple-chart-legend span {
  border: 1px solid rgba(139, 174, 156, 0.2);
  border-left: 4px solid var(--legend-color, var(--green));
  border-radius: 8px;
  padding: 7px 9px;
  color: var(--muted-strong);
  font-size: 0.8rem;
  background: rgba(2, 12, 10, 0.42);
}

.simple-chart-frame {
  height: 320px;
  border: 1px solid rgba(139, 174, 156, 0.16);
  border-radius: 8px;
  background: rgba(2, 12, 10, 0.42);
  padding: 8px;
  position: relative;
  overflow: hidden;
}

.simple-chart-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(217, 247, 223, 0.08), transparent);
  transform: translateX(-100%);
  animation: mainChartSweep 4.8s ease-in-out infinite;
  pointer-events: none;
}

.simple-asset-chart {
  width: 100%;
  height: 100%;
}

.simple-asset-chart .series-line {
  stroke-width: 4;
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
  animation: mainChartDraw 1.4s ease forwards;
}

.simple-asset-chart .series-dot {
  transform-box: fill-box;
  transform-origin: center;
  animation: mainDotPulse 1.6s ease-in-out infinite alternate;
}

.simple-report-menu {
  position: relative;
}

.simple-report-menu summary {
  list-style: none;
  cursor: pointer;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  padding: 10px 13px;
  color: var(--text);
  background: rgba(5, 24, 19, 0.86);
  font-weight: 700;
}

.simple-report-menu summary::-webkit-details-marker {
  display: none;
}

.simple-report-actions {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 30;
  width: min(360px, calc(100vw - 32px));
  flex-wrap: wrap;
  justify-content: flex-end;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: rgba(4, 14, 12, 0.98);
  box-shadow: var(--shadow);
}

.simple-report-builder-panel {
  display: grid;
  gap: 16px;
}

.simple-report-builder-panel .report-panel {
  margin-top: 0;
}

@media (max-width: 1180px) {
  .simple-bot-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .simple-dashboard-hero,
  .simple-section-head {
    align-items: stretch;
    flex-direction: column;
  }

  .simple-hero-actions,
  .simple-chart-legend {
    justify-content: flex-start;
  }

  .simple-summary-grid,
  .simple-bot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .simple-chart-frame {
    height: 270px;
  }

  .simple-report-actions {
    left: 0;
    right: auto;
    justify-content: flex-start;
  }
}

@media (max-width: 560px) {
  .simple-summary-grid,
  .simple-bot-grid {
    grid-template-columns: 1fr;
  }

  .simple-bot-stats {
    grid-template-columns: 1fr;
  }

  .simple-dashboard-hero,
  .simple-chart-panel {
    padding: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .main-wow-stage,
  .main-wow-stage::before,
  .main-wow-orbit span,
  .main-wow-orbit strong,
  .main-wow-stream span,
  .main-wow-stats article,
  .report-elite-stage,
  .report-elite-stage::before,
  .report-elite-core span,
  .report-elite-core strong,
  .report-elite-stats article,
  .report-export-card::before,
  .simple-summary-tile,
  .home-summary-card::before,
  .home-summary-card::after,
  .home-summary-emblem,
  .home-summary-track span,
  .simple-bot-card,
  .simple-chart-panel,
  .simple-chart-frame::before,
  .simple-asset-chart .series-line,
  .simple-asset-chart .series-dot {
    animation: none;
  }

  .main-wow-stats article,
  .report-elite-stats article,
  .simple-summary-tile,
  .simple-bot-card,
  .simple-chart-panel {
    opacity: 1;
    transform: none;
  }

  .simple-asset-chart .series-line {
    stroke-dashoffset: 0;
  }
}