:root {
  --bg: #050B18;
  --panel: #10244D;
  --panel-strong: #126BFF;
  --text: #F4F8FF;
  --muted: #9EACCA;
  --line: rgba(0, 200, 255, 0.28);
  --pink: #00C8FF;
  --cyan: #00C8FF;
  --lime: #28E59A;
  --gold: #F5B82E;
  --amber: #FFD45A;
  --danger: #FF3D5A;
  --stripe: #0A1633;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.46);
}

body {
  color: #F4F8FF;
  background:
    linear-gradient(180deg, rgba(5, 11, 24, 0.72), rgba(5, 11, 24, 0.94)),
    var(--page-bg-image, url("/uploads/nova-img.png")) center top / cover no-repeat fixed,
    linear-gradient(135deg, #050B18, #0A1633, #10244D) !important;
}

.site-header,
.navbar,
.win-ticker,
.notice-strip,
.filter-box,
.admin-tabs {
  border-color: rgba(0, 200, 255, 0.24) !important;
  background: rgba(10, 22, 51, 0.9) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38), 0 0 22px rgba(0, 200, 255, 0.08) !important;
}

.nav-actions a,
.text-button,
.eyebrow,
.section-subtitle,
.empty-state,
.panel-label,
.row-muted,
.table-header span,
.current-source,
.hero-copy,
.signal-panel small,
.platform-card p,
.login-card label,
.platform-form label {
  color: #9EACCA !important;
}

.nav-actions a:hover,
.text-button:hover,
.platform-tab.active,
.category-button.active {
  color: #F4F8FF !important;
  border-color: rgba(0, 200, 255, 0.68) !important;
  background: linear-gradient(90deg, #126BFF, #00C8FF) !important;
  box-shadow: 0 0 22px rgba(0, 200, 255, 0.22) !important;
}

.hero {
  color: #F4F8FF;
  background:
    linear-gradient(90deg, rgba(5, 11, 24, 0.96), rgba(10, 22, 51, 0.72), rgba(16, 36, 77, 0.42)),
    var(--hero-banner, var(--page-bg-image, url("/uploads/nova-img.png"))) center / cover no-repeat,
    linear-gradient(135deg, #050B18, #0A1633, #10244D) !important;
}

.hero::after,
.platform-hero::after {
  background: linear-gradient(transparent, rgba(0, 200, 255, 0.16)) !important;
}

.hero h1,
.login-card h1,
.dashboard-heading h1,
.platform-hero-title,
.special-title,
.section-heading h2,
.table-header h2 {
  color: #F4F8FF !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F4F8FF 30%, #00C8FF 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 0.55px rgba(5, 11, 24, 0.46) !important;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.42)) drop-shadow(0 0 18px rgba(0, 200, 255, 0.16)) !important;
  text-shadow: none !important;
}

.signal-panel,
.platform-card,
.admin-card,
.social-editor,
.permission-box,
.launch-card,
.signal-modal-card,
.filter-box,
.music-form,
.settings-form,
.import-panel,
.table-card,
.compact-row,
.analytics-card {
  border: 1px solid rgba(0, 200, 255, 0.24) !important;
  color: #F4F8FF !important;
  background:
    linear-gradient(145deg, rgba(16, 36, 77, 0.96), rgba(10, 22, 51, 0.94)),
    #10244D !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.42), inset 0 0 0 1px rgba(244, 248, 255, 0.03) !important;
}

.platform-card:not(.slot-card),
.admin-card,
.table-card {
  color: #F4F8FF !important;
  background:
    linear-gradient(145deg, rgba(16, 36, 77, 0.98), rgba(10, 22, 51, 0.95)),
    #10244D !important;
}

.slot-card {
  border-color: rgba(0, 200, 255, 0.30) !important;
  background:
    linear-gradient(180deg, rgba(244, 248, 255, 0.12), transparent 36%),
    linear-gradient(145deg, var(--slot-a), var(--slot-b)) !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.36), 0 0 24px rgba(0, 200, 255, 0.08) !important;
}

.slot-title-row,
.slot-stakes,
.game-tags span,
.vip-badge,
.filter-title,
.table-header,
.platform-row:hover,
.permission-box label,
.row-tags span {
  color: #F4F8FF !important;
  background: rgba(0, 200, 255, 0.10) !important;
}

.search-box,
.login-card input,
.platform-form input,
.platform-form select,
.admin-card input,
.admin-card textarea,
.admin-card select {
  border-color: rgba(0, 200, 255, 0.26) !important;
  color: #F4F8FF !important;
  background: rgba(5, 11, 24, 0.72) !important;
}

.search-box input,
.search-box input::placeholder,
.admin-card input::placeholder,
.admin-card textarea::placeholder {
  color: #9EACCA !important;
}

.search-box:focus-within,
.login-card input:focus,
.platform-form input:focus,
.platform-form select:focus,
.admin-card input:focus,
.admin-card textarea:focus,
.admin-card select:focus {
  border-color: rgba(0, 200, 255, 0.82) !important;
  box-shadow: 0 0 0 3px rgba(0, 200, 255, 0.16), 0 0 22px rgba(0, 200, 255, 0.12) !important;
}

.filter-toggle,
.music-toggle,
.platform-tab,
.category-button,
.admin-tab,
.password-toggle,
.icon-action,
.primary-button,
.load-more-button,
.page-button,
.modal-generate {
  border-color: rgba(0, 200, 255, 0.42) !important;
  color: #F4F8FF !important;
  background: linear-gradient(90deg, #126BFF, #00C8FF) !important;
  box-shadow: 0 14px 30px rgba(18, 107, 255, 0.25), 0 0 20px rgba(0, 200, 255, 0.14) !important;
}

.generate-button,
.slot-generate,
.signal-game-button,
.initial-launch-action,
.access-card .generate-button {
  border-color: rgba(255, 212, 90, 0.62) !important;
  color: #050B18 !important;
  background: linear-gradient(90deg, #F5B82E, #FFD45A) !important;
  box-shadow: 0 16px 34px rgba(245, 184, 46, 0.28), 0 0 24px rgba(255, 212, 90, 0.18) !important;
}

.filter-toggle.active,
.music-toggle:hover,
.platform-tab:hover,
.category-button:hover,
.admin-tab.active,
.icon-action:hover,
.primary-button:hover,
.load-more-button:hover,
.page-button.active,
.modal-generate:hover {
  background: linear-gradient(90deg, #00C8FF, #126BFF) !important;
  filter: brightness(1.05);
}

.generate-button:hover,
.slot-generate:hover,
.signal-game-button:hover,
.initial-launch-action:hover,
.access-card .generate-button:hover {
  background: linear-gradient(90deg, #FFD45A, #F5B82E) !important;
  filter: brightness(1.04);
}

.platform-logo,
.brand-mark,
.analytics-rank,
.signal-panel::before {
  background: linear-gradient(135deg, #126BFF, #00C8FF) !important;
  box-shadow: 0 14px 30px rgba(18, 107, 255, 0.30), 0 0 24px rgba(0, 200, 255, 0.20) !important;
}

.row-title strong,
.analytics-card strong,
.analytics-card span,
.analytics-date,
.permission-box legend,
.permission-box label,
.platform-card h3,
.slot-card h3,
.signal-panel strong {
  color: #F4F8FF !important;
}

.status-pill,
.form-message.success,
.slot-bar.green i {
  color: #06180F !important;
  background: linear-gradient(90deg, #28E59A, #7CFFC9) !important;
}

.status-pill.inactive,
.delete-button,
.danger-button,
.form-message,
.slot-bar.red i {
  color: #FFFFFF !important;
  background: linear-gradient(90deg, #FF3D5A, #B0142D) !important;
}

.slot-bar.yellow i {
  background: linear-gradient(90deg, #F5B82E, #FFD45A) !important;
}

.social-action.telegram {
  background: linear-gradient(90deg, #126BFF, #00C8FF) !important;
}

.social-action.whatsapp {
  color: #06180F !important;
  background: linear-gradient(90deg, #28E59A, #0FBF77) !important;
}

.admin-brand-badge,
.vip-badge {
  color: #050B18 !important;
  border-color: rgba(255, 212, 90, 0.62) !important;
  background: linear-gradient(90deg, #F5B82E, #FFD45A) !important;
}

@media (max-width: 880px) {
  body {
    background:
      linear-gradient(180deg, rgba(5, 11, 24, 0.68), rgba(5, 11, 24, 0.94)),
      var(--page-bg-image, url("/uploads/nova-img.png")) center top / contain no-repeat fixed,
      linear-gradient(135deg, #050B18, #0A1633, #10244D) !important;
  }

  .hero {
    background:
      linear-gradient(180deg, rgba(5, 11, 24, 0.78), rgba(10, 22, 51, 0.58)),
      var(--hero-banner, var(--page-bg-image, url("/uploads/nova-img.png"))) center top / contain no-repeat,
      linear-gradient(135deg, #050B18, #0A1633, #10244D) !important;
  }
}