/*
 * Purple + green product theme inspired by the provided reference.
 * Presentation-only layer: do not change markup, data, permissions or flows.
 */
:root {
  --pg-purple: #5b43d6;
  --pg-purple-dark: #4933bd;
  --pg-purple-deep: #35238f;
  --pg-purple-soft: #f0ecff;
  --pg-green: #79ca73;
  --pg-green-dark: #4da65b;
  --pg-green-soft: #edf9ee;
  --pg-canvas: #faf8ff;
  --pg-canvas-2: #f4f1ff;
  --pg-surface: #ffffff;
  --pg-surface-soft: #fbfaff;
  --pg-line: #e7e2f5;
  --pg-line-strong: #d9d0ef;
  --pg-ink: #202033;
  --pg-muted: #74718d;
  --pg-shadow: 0 22px 52px rgba(64, 48, 130, 0.10);
  --pg-shadow-soft: 0 12px 28px rgba(64, 48, 130, 0.075);
}

html,
body {
  color: var(--pg-ink) !important;
  background:
    radial-gradient(circle at 15% 7%, rgba(91, 67, 214, 0.09), transparent 24%),
    radial-gradient(circle at 86% 12%, rgba(121, 202, 115, 0.12), transparent 19%),
    linear-gradient(180deg, var(--pg-canvas) 0%, #f6f4ff 48%, #fbfbff 100%) !important;
}

body {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

.shell,
.app-shell,
.main {
  background: transparent !important;
}

.shell {
  grid-template-columns: 268px minmax(0, 1fr) !important;
}

.main {
  padding: 18px 30px 42px !important;
}

.sidebar {
  position: relative;
  color: rgba(255, 255, 255, 0.86) !important;
  background:
    radial-gradient(circle at 35% 4%, rgba(255, 255, 255, 0.20), transparent 18%),
    linear-gradient(180deg, #6749df 0%, #5a40d2 42%, #4930ba 100%) !important;
  border-right: 0 !important;
  box-shadow: 18px 0 42px rgba(66, 49, 151, 0.18) !important;
}

.sidebar::before,
.sidebar::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
}

.sidebar::before {
  right: -42px;
  top: 90px;
  width: 130px;
  height: 130px;
  background: rgba(255, 255, 255, 0.12);
  filter: blur(1px);
}

.sidebar::after {
  left: 22px;
  bottom: 76px;
  width: 90px;
  height: 90px;
  background: rgba(121, 202, 115, 0.15);
}

.brand,
.sidebar .brand-panel {
  position: relative;
  z-index: 1;
  min-height: 84px;
  padding: 18px 18px 16px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
}

.brand-kicker,
.brand .brand-kicker,
.sidebar .brand-kicker {
  color: rgba(226, 255, 224, 0.78) !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
}

.brand h1,
.sidebar .brand-title {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  letter-spacing: -0.03em !important;
}

.brand-subtitle,
.sidebar .brand-copy {
  color: rgba(255, 255, 255, 0.62) !important;
}

.sidebar-user-card {
  position: relative;
  z-index: 1;
  margin: 16px 12px 8px !important;
  padding: 14px !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.13) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 24px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 14px 30px rgba(42, 27, 122, 0.16) !important;
  backdrop-filter: blur(10px);
}

.sidebar-user-card[hidden] {
  display: none !important;
}

.sidebar-user-welcome,
.sidebar-user-identity .person-identity-copy small {
  color: rgba(255, 255, 255, 0.66) !important;
}

.sidebar-user-identity .person-identity-copy strong {
  color: #ffffff !important;
}

.nav {
  position: relative;
  z-index: 1;
  padding: 14px 12px 18px !important;
  gap: 12px !important;
}

.nav-section-title {
  margin: 14px 0 7px !important;
  padding: 0 12px !important;
  color: rgba(255, 255, 255, 0.46) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
}

.nav-link {
  min-height: 46px !important;
  padding: 0 13px !important;
  gap: 12px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 18px !important;
  line-height: 46px !important;
  box-shadow: none !important;
  transition: transform 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease !important;
}

.nav-link:hover {
  transform: translateX(3px);
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.11) !important;
}

.nav-link.active,
.nav-link.is-active,
.nav-link[aria-current="page"] {
  color: var(--pg-purple-dark) !important;
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 14px 30px rgba(35, 21, 111, 0.16) !important;
}

.nav-icon {
  color: currentColor !important;
  background: rgba(255, 255, 255, 0.13) !important;
  border-color: rgba(255, 255, 255, 0.20) !important;
}

.nav-link.active .nav-icon,
.nav-link.is-active .nav-icon,
.nav-link[aria-current="page"] .nav-icon {
  color: var(--pg-green-dark) !important;
  background: var(--pg-green-soft) !important;
  border-color: rgba(121, 202, 115, 0.38) !important;
}

.sidebar-collapse-button {
  position: relative;
  z-index: 1;
  color: rgba(255, 255, 255, 0.86) !important;
  background: rgba(255, 255, 255, 0.13) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  border-radius: 18px !important;
}

.sidebar-collapse-button:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.20) !important;
}

.topbar {
  min-height: 76px !important;
  margin: 0 -30px 26px !important;
  padding: 12px 30px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(231, 226, 245, 0.92) !important;
  box-shadow: 0 10px 30px rgba(64, 48, 130, 0.055) !important;
  backdrop-filter: blur(16px);
}

.enterprise-breadcrumb,
.topbar .eyebrow {
  color: var(--pg-muted) !important;
}

.topbar h2,
.page-title,
.page-shell h1,
.page-header h1,
.section-heading h2,
.section-heading h3,
.management-toolbar h2,
.card h3,
.card h4 {
  color: var(--pg-ink) !important;
  letter-spacing: -0.03em !important;
}

#app {
  max-width: 1780px !important;
}

.page-grid,
.page-shell,
.platform-center-page {
  gap: 22px !important;
}

.card,
.panel,
.tech-panel,
.dashboard-section,
.metric-card,
.metric-card-link,
.quick-link-card,
.tech-link-card,
.management-toolbar-panel,
.filter-panel,
.collapsible-form-panel,
.compact-list-panel,
.management-record,
.list-item,
.empty-panel,
.drawer-subpanel,
.modal-panel,
.drawer-panel,
.detail-drawer,
.table-wrap,
.toolbar-card,
.stats-chart-panel,
.stats-table-panel,
.stats-summary-panel,
.commission-store-card,
.commission-summary-card,
.platform-hero,
.platform-store-banner,
.platform-section-card,
.platform-metric-card,
.platform-store-card,
.platform-store-data-row,
.platform-store-data-cell,
.platform-guarantee-panel,
.platform-connection-card,
.platform-connection-icon-card,
.platform-table-wrap,
.workbench-news-board {
  color: var(--pg-ink) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid var(--pg-line) !important;
  border-radius: 28px !important;
  box-shadow: var(--pg-shadow-soft) !important;
}

.card,
.panel,
.tech-panel,
.dashboard-section,
.management-toolbar-panel,
.filter-panel,
.collapsible-form-panel,
.compact-list-panel,
.platform-section-card,
.commission-lines-panel,
.commission-manager-panel,
.commission-bonus-panel,
.commission-filter-panel,
.commission-adjustment-panel {
  padding: 26px !important;
}

.metric-card,
.metric-card-link,
.quick-link-card,
.tech-link-card,
.platform-metric-card,
.commission-summary-card {
  border-radius: 24px !important;
  box-shadow: 0 16px 34px rgba(64, 48, 130, 0.08) !important;
}

.metric-card::before,
.metric-card-link::before,
.quick-link-card::before,
.tech-link-card::before,
.dashboard-section::after,
.platform-section-card::before,
.platform-hero::before,
.platform-hero::after,
.management-toolbar-panel::before,
.filter-panel::before,
.compact-list-panel::before,
.collapsible-form-panel::before {
  opacity: 0.25 !important;
}

.metric-card.focus,
.metric-card.warm,
.metric-card.cool,
.metric-card.risk,
.platform-metric-card.link,
.platform-metric-card.meituan,
.platform-metric-card.taobao,
.platform-metric-card.warning,
.platform-metric-card.collect,
.platform-metric-card.error,
.platform-metric-card.raw {
  background: linear-gradient(145deg, #ffffff 0%, #f8f5ff 100%) !important;
}

.metric-grid > *:nth-child(3n + 1) .metric-card,
.platform-metric-grid > *:nth-child(3n + 1),
.quick-link-grid > *:nth-child(3n + 1) .quick-link-card {
  background: linear-gradient(145deg, #ffffff 0%, var(--pg-green-soft) 100%) !important;
}

.metric-grid > *:nth-child(3n + 2) .metric-card,
.platform-metric-grid > *:nth-child(3n + 2),
.quick-link-grid > *:nth-child(3n + 2) .quick-link-card {
  background: linear-gradient(145deg, #ffffff 0%, var(--pg-purple-soft) 100%) !important;
}

.metric-icon,
.quick-link-icon,
.platform-metric-icon,
.platform-title-icon {
  color: var(--pg-purple) !important;
  background: var(--pg-purple-soft) !important;
  border-color: rgba(91, 67, 214, 0.20) !important;
}

.metric-grid > *:nth-child(3n + 1) .metric-icon,
.quick-link-grid > *:nth-child(3n + 1) .quick-link-icon {
  color: var(--pg-green-dark) !important;
  background: var(--pg-green-soft) !important;
}

.primary-button,
a.primary-button,
.button.primary,
.login-submit,
button[type="submit"].primary-button {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--pg-purple) 0%, var(--pg-purple-dark) 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 14px 28px rgba(91, 67, 214, 0.24) !important;
}

.primary-button:hover,
a.primary-button:hover,
.button.primary:hover,
.login-submit:hover {
  background: linear-gradient(135deg, #654ee2 0%, #4e36c2 100%) !important;
  box-shadow: 0 18px 34px rgba(91, 67, 214, 0.30) !important;
}

.secondary-button,
.ghost-button,
.button.secondary,
.button.ghost,
.icon-button,
.status-input {
  color: var(--pg-ink) !important;
  background: #ffffff !important;
  border-color: var(--pg-line-strong) !important;
  box-shadow: 0 8px 18px rgba(64, 48, 130, 0.055) !important;
}

.secondary-button:hover,
.ghost-button:hover,
.button.secondary:hover,
.button.ghost:hover,
.icon-button:hover {
  color: var(--pg-purple-dark) !important;
  background: #fbf9ff !important;
  border-color: rgba(91, 67, 214, 0.30) !important;
}

.success-button,
.tag.success,
.pill.success,
.platform-status-pill.connected {
  color: #28783e !important;
  background: var(--pg-green-soft) !important;
  border-color: rgba(121, 202, 115, 0.42) !important;
}

.tag,
.pill,
.score-chip,
.subtle-tag,
.result-count,
.platform-status-pill {
  color: #615b83 !important;
  background: #f6f3ff !important;
  border: 1px solid var(--pg-line-strong) !important;
  border-radius: 999px !important;
}

.tag.warning,
.pill.warning,
.platform-status-pill.warning {
  color: #91651f !important;
  background: #fff8e6 !important;
  border-color: #f2ddb1 !important;
}

.tag.danger,
.pill.danger,
.platform-status-pill.error,
.platform-status-pill.login_required {
  color: #b94b58 !important;
  background: #fff0f3 !important;
  border-color: #f2c7d0 !important;
}

.field input,
.field select,
.field textarea,
.toolbar-card .filters input,
.toolbar-card .filters select,
.table input,
.table select,
.platform-filter-row input,
.platform-filter-row select,
.platform-store-form input,
.platform-store-form select,
.platform-store-form textarea,
.platform-form-grid input,
.platform-form-grid select,
.platform-form-grid textarea,
input,
select,
textarea {
  color: var(--pg-ink) !important;
  background: #ffffff !important;
  border-color: var(--pg-line-strong) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

.field input:focus,
.field select:focus,
.field textarea:focus,
.toolbar-card .filters input:focus,
.toolbar-card .filters select:focus,
.table input:focus,
.table select:focus,
.platform-filter-row input:focus,
.platform-filter-row select:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none !important;
  border-color: rgba(91, 67, 214, 0.62) !important;
  box-shadow: 0 0 0 4px rgba(91, 67, 214, 0.11) !important;
}

.table-wrap,
.platform-table-wrap {
  overflow: auto;
  background: #ffffff !important;
}

.table,
.platform-table {
  background: #ffffff !important;
}

.table th,
.platform-table th {
  color: #5b5680 !important;
  background: #f5f2ff !important;
  border-bottom-color: var(--pg-line-strong) !important;
}

.table td,
.platform-table td {
  color: var(--pg-ink) !important;
  border-bottom-color: var(--pg-line) !important;
}

.table tr:hover td,
.platform-table tbody tr:hover td {
  background: rgba(240, 236, 255, 0.46) !important;
}

.section-heading .eyebrow,
.management-toolbar .eyebrow,
.hero-copy .eyebrow,
.platform-eyebrow,
.eyebrow,
.kicker,
.section-kicker {
  color: var(--pg-purple) !important;
  background: transparent !important;
  border-color: transparent !important;
  letter-spacing: 0.10em !important;
}

.section-heading .eyebrow::before,
.management-toolbar .eyebrow::before,
.hero-copy .eyebrow::before,
.eyebrow::before,
.kicker::before,
.section-kicker::before {
  background: var(--pg-green) !important;
  box-shadow: 12px 0 0 rgba(91, 67, 214, 0.72) !important;
}

.muted,
.record-meta,
.record-stat-label,
.field span + small,
.platform-section-heading p,
.platform-store-identity p,
.platform-store-data-cell small,
.platform-store-data-cell > span,
.commission-period-note,
.commission-fact-grid span,
.commission-fact-grid small,
.person-identity-copy small {
  color: var(--pg-muted) !important;
}

.management-record,
.operation-record,
.lead-record,
.commission-store-card,
.platform-store-data-row {
  border-color: var(--pg-line-strong) !important;
  box-shadow: 0 18px 40px rgba(64, 48, 130, 0.075) !important;
}

.operations-card-list .management-record::before,
.leads-card-list .management-record::before {
  width: 5px !important;
  background: linear-gradient(180deg, var(--pg-purple), var(--pg-green)) !important;
  box-shadow: 0 0 22px rgba(91, 67, 214, 0.24) !important;
}

.record-stat,
.operation-contract-summary-grid > div,
.commission-fact-grid > div,
.platform-store-card dl div,
.platform-connection-card dl div,
.platform-store-data-cell,
.platform-guarantee-metrics > div {
  background: #fbfaff !important;
  border: 1px solid var(--pg-line) !important;
  border-radius: 20px !important;
}

.progress-bar,
.inline-progress-bar {
  background: #ebe7f9 !important;
}

.progress-value,
.inline-progress-bar span {
  background: linear-gradient(90deg, var(--pg-purple), var(--pg-green)) !important;
}

.platform-hero,
.platform-store-banner,
.workbench-hero {
  overflow: hidden;
  background:
    radial-gradient(circle at 75% 22%, rgba(121, 202, 115, 0.18), transparent 25%),
    radial-gradient(circle at 38% 10%, rgba(91, 67, 214, 0.14), transparent 22%),
    linear-gradient(135deg, #ffffff 0%, #f7f3ff 100%) !important;
}

.platform-pixel-cosmos {
  border: 1px solid rgba(91, 67, 214, 0.15) !important;
  background:
    radial-gradient(circle at 72% 18%, rgba(121, 202, 115, 0.18), transparent 25%),
    linear-gradient(135deg, #ffffff 0%, #f1ecff 100%) !important;
  box-shadow: 0 18px 36px rgba(64, 48, 130, 0.10) !important;
}

.workbench-news-board {
  background:
    linear-gradient(135deg, var(--pg-purple) 0%, var(--pg-purple-dark) 100%) !important;
  color: #ffffff !important;
}

.workbench-news-board h3,
.workbench-news-board p,
.workbench-news-board strong,
.workbench-news-board small,
.workbench-news-board time {
  color: #ffffff !important;
}

.workbench-news-item {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  border-radius: 22px !important;
}

.workbench-news-live,
.platform-live-dot {
  background: var(--pg-green) !important;
  box-shadow: 0 0 0 8px rgba(121, 202, 115, 0.16) !important;
}

.modal-panel,
.drawer-panel,
.detail-drawer {
  background: #ffffff !important;
  border-color: var(--pg-line-strong) !important;
}

.drawer-header,
.modal-header,
.detail-drawer-header,
.detail-drawer-footer {
  background: #fbfaff !important;
  border-color: var(--pg-line) !important;
}

.login-card {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid var(--pg-line) !important;
  border-radius: 32px !important;
  box-shadow: var(--pg-shadow) !important;
}

.login-card h1 {
  color: var(--pg-purple-dark) !important;
}

.platform-enter-store,
a,
.text-link {
  color: var(--pg-purple-dark);
}

.text-danger-button,
.danger-ghost {
  color: #b94b58 !important;
}

.tech-operations-page .compact-list-panel[data-operation-results],
.commission-filter-panel,
.commission-adjustment-panel,
.commission-bonus-panel,
.commission-lines-panel,
.commission-manager-panel,
.commission-rule-panel {
  width: min(100%, 1420px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.tech-operations-page .operations-card-list,
.commission-store-list,
.commission-summary-grid {
  width: min(100%, 1340px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.tech-operations-page .operation-record,
.commission-store-card {
  width: min(100%, 1320px) !important;
}

@media (max-width: 980px) {
  .shell {
    grid-template-columns: 1fr !important;
  }

  .sidebar {
    border-radius: 0 !important;
  }

  .main {
    padding: 14px !important;
  }

  .topbar {
    margin: 0 -14px 18px !important;
    padding: 12px 14px !important;
  }
}

/* Keep these two hero components in the original black + fluorescent green style. */
.workbench-news-board {
  position: relative !important;
  overflow: hidden !important;
  color: #f4f3ea !important;
  background: linear-gradient(145deg, #171a18 0%, #0e100f 72%) !important;
  border: 1px solid #2e3331 !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 34px rgba(20, 24, 22, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important;
}

.workbench-news-board::before {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  top: 72px !important;
  height: 1px !important;
  background: linear-gradient(90deg, #c8ff20, rgba(200, 255, 32, 0.06)) !important;
}

.workbench-news-header {
  margin: -18px -20px 15px !important;
  padding: 16px 20px 15px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 21px 21px 13px 13px !important;
  background: linear-gradient(100deg, #c8ff20 0%, #dcff45 58%, #c3f91d 100%) !important;
  box-shadow: inset 0 -1px rgba(24, 30, 19, 0.12), 0 8px 22px rgba(139, 184, 28, 0.16) !important;
}

.workbench-news-header::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  left: -34% !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 24% !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.46), transparent) !important;
  transform: skewX(-18deg) !important;
  animation: neonNewsHeaderSweep 5.8s ease-in-out infinite !important;
}

.workbench-news-header > * {
  position: relative !important;
  z-index: 2 !important;
}

.workbench-news-title-wrap p {
  color: #31401b !important;
}

.workbench-news-title-wrap h3 {
  color: #11150f !important;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Microsoft YaHei", sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  letter-spacing: 0.035em !important;
  text-shadow: none !important;
}

.workbench-news-header time {
  color: #d9ff46 !important;
  background: #11150f !important;
  border-color: rgba(17, 21, 15, 0.22) !important;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important;
}

.workbench-news-live {
  background: #11150f !important;
  border-color: #11150f !important;
  box-shadow: 0 5px 12px rgba(17, 21, 15, 0.16) !important;
  animation: neonNewsStatusFloat 2.8s ease-in-out infinite !important;
}

.workbench-news-live i {
  width: 8px !important;
  height: 8px !important;
  border-radius: 1px !important;
  background: #d5ff3d !important;
  box-shadow: 7px 0 #d5ff3d, 0 7px #d5ff3d, 7px 7px #d5ff3d !important;
}

.workbench-news-item {
  position: relative !important;
  min-height: 91px !important;
  color: #f4f3ea !important;
  background: linear-gradient(145deg, #202421, #181b19) !important;
  border: 1px solid #303633 !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025) !important;
  animation: neonNewsCardGlow 4.8s ease-in-out infinite !important;
}

.workbench-news-item:nth-child(2) {
  animation-delay: -2.4s !important;
}

.workbench-news-item::before {
  content: "FZC  →  TODAY" !important;
  position: absolute !important;
  right: 14px !important;
  top: 10px !important;
  color: #74815b !important;
  font: 700 8px/1 ui-monospace, Consolas, monospace !important;
  letter-spacing: 0.12em !important;
}

.workbench-news-index,
.workbench-news-item em {
  color: #d7e17f !important;
}

.workbench-news-item small {
  color: #aab66d !important;
  font-family: ui-monospace, Consolas, monospace !important;
}

.workbench-news-item strong {
  color: #f5f4eb !important;
}

.workbench-news-item p {
  color: #9ca5a0 !important;
}

.platform-hero {
  color: #f7f7ed !important;
  background:
    radial-gradient(circle at 82% 23%, rgba(201, 255, 38, 0.12), transparent 25%),
    radial-gradient(circle at 24% 86%, rgba(117, 158, 66, 0.10), transparent 29%),
    linear-gradient(135deg, #0d100d 0%, #151a13 55%, #1c2618 100%) !important;
  border: 1px solid #303a25 !important;
  box-shadow: 0 16px 38px rgba(9, 13, 9, 0.20), inset 0 0 0 1px rgba(201, 255, 38, 0.035) !important;
  animation: merchantNeonFrame 5.6s ease-in-out infinite !important;
}

.platform-hero::before,
.platform-hero::after {
  display: none !important;
}

.platform-hero > div:first-child .platform-eyebrow {
  color: #91aa59 !important;
}

.platform-hero > div:first-child h3,
.platform-hero h3 {
  color: #c9ff26 !important;
  text-shadow: 0 0 22px rgba(201, 255, 38, 0.13) !important;
}

.platform-hero p {
  color: #aeb9ae !important;
}

.platform-hero .platform-title-icon {
  color: #10140e !important;
  background: #c9ff26 !important;
  border: 1px solid rgba(201, 255, 38, 0.42) !important;
  box-shadow: 0 0 0 5px rgba(201, 255, 38, 0.06), 0 8px 20px rgba(0, 0, 0, 0.20) !important;
}

.platform-pixel-cosmos {
  color: #f7f7ed !important;
  background:
    radial-gradient(circle at 78% 31%, rgba(201, 255, 38, 0.10), transparent 24%),
    linear-gradient(155deg, #11170f 0%, #192319 58%, #24341d 100%) !important;
  border: 1px solid rgba(201, 255, 38, 0.18) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.20), inset 0 1px rgba(201, 255, 38, 0.04) !important;
}

.platform-pixel-cosmos::before {
  display: block !important;
  opacity: 0.78 !important;
  mask-image: none !important;
  background:
    radial-gradient(circle at 78% 31%, transparent 0 72px, rgba(201, 255, 38, 0.12) 73px 74px, transparent 75px 100px, rgba(201, 255, 38, 0.05) 101px 102px, transparent 103px),
    radial-gradient(circle at 91% 9%, rgba(201, 255, 38, 0.48) 0 3px, transparent 4px),
    radial-gradient(circle at 69% 18%, rgba(139, 178, 84, 0.32) 0 3px, transparent 4px),
    repeating-linear-gradient(118deg, transparent 0 34px, rgba(201, 255, 38, 0.025) 35px, transparent 36px 68px) !important;
  animation: merchantNeonAtmosphere 8s ease-in-out infinite !important;
}

.pixel-team-ecosystem {
  background: rgba(12, 16, 12, 0.86) !important;
  border-color: rgba(201, 255, 38, 0.22) !important;
  box-shadow: 0 13px 30px rgba(0, 0, 0, 0.20), inset 0 1px rgba(201, 255, 38, 0.04) !important;
}

.pixel-eco-person > span {
  color: #11150f !important;
  background: #c9ff26 !important;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.18) !important;
}

.pixel-eco-person .pixel-eco-avatar {
  background: #f4eed9 !important;
  border-color: rgba(201, 255, 38, 0.42) !important;
}

@media (prefers-reduced-motion: reduce) {
  .workbench-news-header::after,
  .workbench-news-live,
  .workbench-news-item,
  .platform-hero,
  .platform-pixel-cosmos::before {
    animation: none !important;
  }
}