:root {
  --rod-bg: #050505;
  --rod-bg-2: #0B0F0D;
  --rod-card: rgba(17, 17, 17, .86);
  --rod-card-2: rgba(21, 21, 21, .94);
  --rod-neon: #2ECC71;
  --rod-neon-soft: rgba(46, 204, 113, .22);
  --rod-text: #FFFFFF;
  --rod-muted: #A0A0A0;
}

body,
.page-wrapper,
.page-body-wrapper,
.page-body,
.page-main-header,
.page-header,
.footer {
  background:
    radial-gradient(circle at 80% 0%, rgba(46, 204, 113, .14), transparent 32rem),
    linear-gradient(180deg, var(--rod-bg), var(--rod-bg-2)) !important;
  color: var(--rod-text) !important;
  font-family: Montserrat, system-ui, sans-serif !important;
}

.page-title h3,
.card h4,
.card h5,
.card h6,
.sidebar-link span,
.navbar-nav .nav-link,
label,
th {
  color: var(--rod-text) !important;
}

.sidebar-wrapper,
.page-main-header,
.page-header,
.card,
.modal-content,
.table-responsive,
.dataTables_wrapper,
.rod-panel {
  background: var(--rod-card) !important;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 70px rgba(0, 0, 0, .38), 0 0 28px rgba(46, 204, 113, .08) !important;
  backdrop-filter: blur(18px);
}

.sidebar-wrapper .logo-wrapper,
.sidebar-main,
.sidebar-links,
.sidebar-list,
.sidebar-submenu,
.sidebar-submenu a,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a {
  background: transparent !important;
}

.sidebar-link:hover,
.sidebar-link.active,
.sidebar-submenu a:hover,
.btn-primary,
.badge-primary,
.page-item.active .page-link {
  background: linear-gradient(135deg, var(--rod-neon), #8dffb6) !important;
  border-color: var(--rod-neon) !important;
  color: #031006 !important;
  box-shadow: 0 0 26px rgba(46, 204, 113, .34) !important;
}

.btn,
.form-control,
.form-select,
select,
input,
textarea,
.select2-selection,
.dataTables_filter input {
  background-color: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 12px !important;
  color: var(--rod-text) !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus {
  border-color: var(--rod-neon) !important;
  box-shadow: 0 0 0 4px rgba(46, 204, 113, .16) !important;
}

.table,
.table td,
.table th,
table.dataTable {
  color: var(--rod-text) !important;
  border-color: rgba(255, 255, 255, .08) !important;
}

.table-striped tbody tr:nth-of-type(odd),
table.dataTable tbody tr {
  background-color: rgba(255, 255, 255, .03) !important;
}

.rod-brand-pill,
.rod-status {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .42rem .7rem;
  border-radius: 999px;
  border: 1px solid var(--rod-neon-soft);
  background: rgba(46, 204, 113, .1);
  color: #dfffe9;
  font-weight: 700;
}

.rod-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 24px;
}

.rod-metric {
  padding: 22px;
  background: var(--rod-card);
  border: 1px solid rgba(46, 204, 113, .22);
  border-radius: 14px;
  min-height: 128px;
}

.rod-metric span {
  color: var(--rod-muted);
  font-weight: 600;
}

.rod-metric strong {
  display: block;
  margin-top: 8px;
  color: var(--rod-text);
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1;
}

.rod-glow-line {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--rod-neon), transparent);
  opacity: .8;
  margin: 18px 0;
}

@media (max-width: 1100px) {
  .rod-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .rod-dashboard-grid {
    grid-template-columns: 1fr;
  }
}