/*
  Neon Pridix Theme
  Built from the supplied dashboard reference:
  midnight glass panels, neon green actions, red/yellow status accents,
  tight sports-data spacing, dark sidebars, and bright live-score surfaces.
*/
:root{
  --bg:#020910;
  --bg2:#06121c;
  --card:#07131d;
  --card2:#0a1823;
  --glass:rgba(5,18,29,.78);
  --glass2:rgba(9,25,37,.88);
  --line:rgba(106,255,180,.14);
  --line2:rgba(255,255,255,.08);
  --text:#f6fff9;
  --muted:rgba(226,244,238,.72);
  --muted2:rgba(196,220,213,.52);
  --primary:#00ff7f;
  --primary2:#36f6a5;
  --success:#00ff7f;
  --warning:#ffd600;
  --danger:#ff2c38;
  --info:#00d9ff;
  --radius:8px;
  --radius2:10px;
  --shadow:0 22px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.035);
  --header-h:78px;
  --da-bg:#020910;
  --da-side:#05111a;
  --da-panel:#07131d;
  --da-panel2:#0b1b28;
  --da-panel3:#06111a;
  --da-line:rgba(106,255,180,.15);
  --da-dash:rgba(255,255,255,.08);
  --da-text:#f6fff9;
  --da-muted:rgba(226,244,238,.68);
  --da-dim:rgba(226,244,238,.48);
  --da-green:#00ff7f;
  --da-red:#ff2c38;
  --da-orange:#ffd600;
  --da-blue:#00d9ff;
  --da-radius:8px;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  background:#020910 !important;
  color-scheme:dark;
}

body,
body.admin-body,
body.user-body,
body.logged-user-body,
body.da-admin-body{
  color:var(--text) !important;
  font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  background:
    radial-gradient(circle at 6% 8%, rgba(255,44,56,.20), transparent 24%),
    radial-gradient(circle at 82% 12%, rgba(0,217,255,.16), transparent 28%),
    radial-gradient(circle at 38% 96%, rgba(0,255,127,.14), transparent 34%),
    linear-gradient(135deg,#020910 0%,#06121c 48%,#020910 100%) !important;
  min-height:100vh;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px),
    radial-gradient(circle at 18% 32%, rgba(255,44,56,.12), transparent 18%),
    radial-gradient(circle at 82% 40%, rgba(0,217,255,.11), transparent 18%);
  background-size:64px 64px,64px 64px,auto,auto;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.22));
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(120deg,transparent 0 45%,rgba(0,255,127,.055) 46%,transparent 54%),
    linear-gradient(65deg,transparent 0 48%,rgba(255,44,56,.04) 49%,transparent 58%);
}

a{color:inherit}

main{
  background:transparent !important;
}

.container{
  width:min(1440px,calc(100% - 28px)) !important;
}

.navbar,
.ultra-topbar,
.member-topbar,
.da-topbar{
  background:rgba(3,10,17,.84) !important;
  border-bottom:1px solid rgba(106,255,180,.13) !important;
  box-shadow:0 14px 44px rgba(0,0,0,.36) !important;
  backdrop-filter:blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(145%) !important;
}

.navbar .container,
.nav-container,
.member-topbar-inner{
  min-height:78px !important;
}

.nav-brand,
.member-brand,
.da-brand{
  color:#fff !important;
  letter-spacing:-.04em !important;
  font-style:italic;
  text-shadow:0 0 24px rgba(255,255,255,.16);
}

.nav-brand span:last-child,
.member-brand span:last-child,
.da-brand-text{
  color:#fff !important;
  font-size:clamp(24px,2.4vw,34px) !important;
  font-weight:1000 !important;
}

.nav-brand span:last-child::first-letter,
.member-brand span:last-child::first-letter,
.da-brand-text::first-letter{
  color:#ff2c38;
}

.brand-icon,
.member-brand-icon,
.da-brand-icon{
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,#ff2c38,#ffd600) !important;
  color:#020910 !important;
  box-shadow:0 0 22px rgba(255,44,56,.34),0 0 24px rgba(255,214,0,.22) !important;
}

.nav-links,
.member-center,
.da-top-actions{
  gap:10px !important;
}

.nav-links li a,
.member-pill,
.member-back-btn,
.da-view-site,
.public-mobile-panel a,
.da-top-ico,
.member-profile-btn{
  color:rgba(246,255,249,.86) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(7,19,29,.68) !important;
  border-radius:8px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.nav-links li a:hover,
.nav-links li a.active,
.member-pill:hover,
.member-back-btn:hover,
.public-mobile-panel a:hover,
.da-view-site:hover,
.da-top-ico:hover,
.member-profile-btn:hover{
  color:#00ff7f !important;
  border-color:rgba(0,255,127,.48) !important;
  background:linear-gradient(180deg,rgba(0,255,127,.14),rgba(0,255,127,.045)) !important;
  box-shadow:0 0 22px rgba(0,255,127,.14),inset 0 0 0 1px rgba(0,255,127,.12) !important;
}

.public-nav-icon,
.da-icon,
.user-menu a span,
.member-drawer a span{
  background:rgba(0,255,127,.12) !important;
  color:#00ff7f !important;
  border:1px solid rgba(0,255,127,.2) !important;
  border-radius:8px !important;
  box-shadow:0 0 18px rgba(0,255,127,.10) !important;
}

.btn,
.btn-primary,
button.btn-primary,
.spw-btn-primary,
.da-main .btn,
.da-main button,
.admin-btn,
button[type="submit"],
input[type="submit"],
.premium-btn,
.unlock-btn,
.spw-btn,
.user-page-back-btn{
  border:1px solid rgba(0,255,127,.42) !important;
  background:linear-gradient(135deg,#00b95f 0%,#00ff7f 52%,#55f7ad 100%) !important;
  color:#020910 !important;
  border-radius:8px !important;
  box-shadow:0 0 24px rgba(0,255,127,.22), inset 0 1px 0 rgba(255,255,255,.28) !important;
  font-weight:900 !important;
  text-shadow:none !important;
}

.btn:hover,
.btn-primary:hover,
button[type="submit"]:hover,
.spw-btn:hover,
.da-main button:hover,
.admin-btn:hover,
.premium-btn:hover,
.unlock-btn:hover{
  filter:brightness(1.12) saturate(1.12);
  transform:translateY(-1px);
}

.btn-secondary,
.btn-ghost,
.spw-btn-soft,
.da-small-btn,
.da-btn-light,
.member-menu-btn,
.nav-toggle{
  color:#f6fff9 !important;
  background:rgba(7,19,29,.72) !important;
  border:1px solid rgba(106,255,180,.18) !important;
  border-radius:8px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.page-wrap,
.section,
.section-tight,
.premium-user-wrap,
.spw-dashboard,
.da-main{
  background:transparent !important;
}

.card,
.glass-card,
.premium-card,
.stat-card,
.pricing-card,
.prediction-card,
.match-card,
.news-card,
.blog-card,
.forum-card,
.alert,
.premium-strip,
.live-card,
.table-card,
.spw-panel,
.spw-kpi,
.spw-fan-card,
.da-card,
.da-generic-card,
.da-main .card,
.da-main .glass-card,
.da-main .admin-card,
.da-welcome,
.da-idea,
.user-profile-card,
.member-dropdown,
.public-mobile-panel,
.auth-card,
.plan-card,
.wallet-card,
.profile-card{
  background:
    linear-gradient(180deg,rgba(11,27,40,.88),rgba(5,15,24,.86)) !important;
  border:1px solid rgba(106,255,180,.14) !important;
  border-radius:8px !important;
  color:var(--text) !important;
  box-shadow:var(--shadow) !important;
}

.card:hover,
.prediction-card:hover,
.match-card:hover,
.news-card:hover,
.spw-panel:hover,
.spw-kpi:hover,
.da-card:hover{
  border-color:rgba(0,255,127,.32) !important;
  box-shadow:0 26px 86px rgba(0,0,0,.54),0 0 28px rgba(0,255,127,.10) !important;
}

.hero,
.home-hero,
.hero-section,
.spw-hero,
.da-welcome{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(106,255,180,.14) !important;
  border-radius:8px !important;
  background:
    linear-gradient(90deg,rgba(255,44,56,.18),transparent 34%),
    linear-gradient(270deg,rgba(0,217,255,.18),transparent 35%),
    linear-gradient(180deg,rgba(7,19,29,.90),rgba(3,9,15,.92)) !important;
  box-shadow:var(--shadow),0 0 64px rgba(0,217,255,.08) !important;
}

.hero::after,
.home-hero::after,
.hero-section::after,
.spw-hero::after,
.da-welcome::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 45%,rgba(255,44,56,.25),transparent 16%),
    radial-gradient(circle at 84% 46%,rgba(0,217,255,.20),transparent 18%),
    repeating-linear-gradient(145deg,rgba(255,255,255,.035) 0 1px,transparent 1px 26px);
  opacity:.62;
}

.hero > *,
.home-hero > *,
.hero-section > *,
.spw-hero > *,
.da-welcome > *{
  position:relative;
  z-index:1;
}

h1,
h2,
h3,
.section-title,
.da-page-title h1,
.spw-hero h1{
  color:#fff !important;
  letter-spacing:0 !important;
  text-shadow:0 0 24px rgba(0,255,127,.12);
}

.section-label,
.spw-kicker,
.kicker,
.eyebrow,
.da-section-label,
.badge,
.pill,
.status,
.tag{
  color:#00ff7f !important;
  background:rgba(0,255,127,.10) !important;
  border:1px solid rgba(0,255,127,.22) !important;
  border-radius:999px !important;
  box-shadow:0 0 18px rgba(0,255,127,.10) !important;
}

.muted,
.text-muted,
.section-subtitle,
.section-desc,
.da-muted,
small,
.card p,
.spw-panel p,
.spw-kpi small{
  color:var(--muted) !important;
}

input,
select,
textarea,
.form-control,
.spw-input,
.da-main input,
.da-main select,
.da-main textarea,
.da-main .form-control,
.search-input{
  color:#f6fff9 !important;
  background:rgba(3,10,17,.76) !important;
  border:1px solid rgba(106,255,180,.16) !important;
  border-radius:8px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 0 rgba(0,255,127,0) !important;
  outline:none !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.spw-input:focus{
  border-color:rgba(0,255,127,.62) !important;
  box-shadow:0 0 0 3px rgba(0,255,127,.12), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

::placeholder{
  color:rgba(226,244,238,.46) !important;
}

table,
.table,
.da-table{
  color:var(--text) !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}

th,
.da-table th{
  color:rgba(246,255,249,.76) !important;
  background:rgba(0,255,127,.07) !important;
  border-bottom:1px solid rgba(106,255,180,.16) !important;
}

td,
.da-table td{
  color:rgba(246,255,249,.82) !important;
  border-top:1px solid rgba(255,255,255,.07) !important;
}

tr:hover td{
  background:rgba(0,255,127,.045) !important;
}

.side,
.ultra-sidebar,
.admin-sidebar,
.user-premium-sidebar,
.da-sidebar,
.member-drawer{
  background:
    linear-gradient(180deg,rgba(5,17,26,.96),rgba(2,9,16,.98)) !important;
  border-right:1px solid rgba(106,255,180,.14) !important;
  box-shadow:20px 0 70px rgba(0,0,0,.42) !important;
}

.side a,
.admin-sidebar a,
.user-menu a,
.da-link,
.da-nav-top-link,
.da-group-btn,
.member-drawer a{
  color:rgba(246,255,249,.74) !important;
  border-radius:8px !important;
}

.side a:hover,
.side a.active,
.admin-sidebar a:hover,
.admin-sidebar a.active,
.user-menu a:hover,
.user-menu a.active,
.da-link:hover,
.da-link.active,
.da-nav-top-link:hover,
.da-group-btn:hover,
.member-drawer a:hover{
  color:#fff !important;
  background:linear-gradient(90deg,rgba(0,255,127,.16),rgba(0,255,127,.035)) !important;
  box-shadow:inset 3px 0 0 #00ff7f,0 0 24px rgba(0,255,127,.08) !important;
}

.admin-content,
.da-content,
.user-premium-main{
  background:transparent !important;
}

.admin-shell{
  width:min(1500px,calc(100% - 26px)) !important;
  gap:18px !important;
}

.admin-content{
  background:linear-gradient(180deg,rgba(7,19,29,.68),rgba(3,10,17,.44)) !important;
  border:1px solid rgba(106,255,180,.12) !important;
  border-radius:8px !important;
  box-shadow:var(--shadow) !important;
}

.da-admin-shell{
  background:transparent !important;
}

.da-main{
  padding:24px clamp(14px,2vw,28px) 52px !important;
}

.da-sidebar{
  border-right-style:solid !important;
}

.da-brand{
  border-bottom:1px solid rgba(106,255,180,.12);
}

.da-kpi-icon,
.spw-kpi strong,
.stat-card strong,
.metric-value,
.counter,
.score,
.win,
.won,
.success,
.text-success{
  color:#00ff7f !important;
  text-shadow:0 0 20px rgba(0,255,127,.22);
}

.danger,
.lost,
.loss,
.error,
.text-danger,
.da-status.danger{
  color:#ff2c38 !important;
  text-shadow:0 0 20px rgba(255,44,56,.20);
}

.warning,
.pending,
.medium,
.text-warning,
.da-status.warn{
  color:#ffd600 !important;
  text-shadow:0 0 20px rgba(255,214,0,.18);
}

.info,
.live,
.text-info,
.da-status.info{
  color:#00d9ff !important;
  text-shadow:0 0 20px rgba(0,217,255,.18);
}

.alert,
.success-box{
  background:rgba(0,255,127,.10) !important;
  color:#abffd1 !important;
  border-color:rgba(0,255,127,.24) !important;
}

.error-box{
  background:rgba(255,44,56,.10) !important;
  color:#ffc4c8 !important;
  border-color:rgba(255,44,56,.24) !important;
}

.progress,
.progress-bar,
.bar,
.da-bar{
  background:rgba(255,255,255,.10) !important;
  border-radius:999px !important;
  overflow:hidden !important;
}

.progress span,
.progress-bar span,
.bar span,
.da-bar span{
  background:linear-gradient(90deg,#00ff7f,#42f5a8) !important;
  box-shadow:0 0 16px rgba(0,255,127,.36) !important;
}

.live-row,
.match-row,
.prediction-row,
.premium-strip{
  background:linear-gradient(180deg,rgba(10,24,35,.86),rgba(5,15,24,.86)) !important;
  border:1px solid rgba(106,255,180,.11) !important;
  border-radius:8px !important;
}

.live-row:hover,
.match-row:hover,
.prediction-row:hover,
.premium-strip:hover{
  border-color:rgba(0,255,127,.28) !important;
  background:linear-gradient(180deg,rgba(12,31,44,.92),rgba(6,18,28,.92)) !important;
}

.spw-dashboard{
  width:min(1440px,calc(100% - 28px)) !important;
  margin:0 auto !important;
  padding:28px 0 54px !important;
}

.spw-hero{
  min-height:360px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr) !important;
  gap:18px !important;
}

.spw-kpi-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}

.spw-panel,
.spw-kpi{
  padding:18px !important;
}

.user-premium-shell{
  gap:18px !important;
}

.user-avatar,
.da-avatar,
.member-profile-avatar,
.member-profile-btn img{
  border:2px solid rgba(0,255,127,.36) !important;
  box-shadow:0 0 0 4px rgba(0,255,127,.08),0 0 22px rgba(0,255,127,.18) !important;
}

.public-mobile-panel{
  background:rgba(3,10,17,.96) !important;
  border-left:1px solid rgba(106,255,180,.18) !important;
}

.footer,
footer,
.site-footer{
  background:rgba(3,10,17,.92) !important;
  border-top:1px solid rgba(106,255,180,.13) !important;
  color:rgba(246,255,249,.76) !important;
}

.footer a,
footer a,
.site-footer a{
  color:rgba(246,255,249,.80) !important;
}

.footer a:hover,
footer a:hover,
.site-footer a:hover{
  color:#00ff7f !important;
}

hr{
  border:0 !important;
  border-top:1px solid rgba(106,255,180,.12) !important;
}

code,
pre,
.code-block{
  color:#b9ffd8 !important;
  background:rgba(3,10,17,.8) !important;
  border:1px solid rgba(106,255,180,.14) !important;
  border-radius:8px !important;
}

::-webkit-scrollbar{
  width:8px;
  height:8px;
}

::-webkit-scrollbar-track{
  background:#020910;
}

::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#00ff7f,#00a95a);
  border-radius:999px;
}

@media(max-width:1100px){
  .spw-hero,
  .da-hero-grid,
  .da-grid-2{
    grid-template-columns:1fr !important;
  }
  .spw-kpi-grid,
  .da-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  :root{--header-h:82px}
  .container,
  .spw-dashboard{
    width:min(100% - 18px,1440px) !important;
  }
  .nav-brand span:last-child,
  .member-brand span:last-child,
  .da-brand-text{
    font-size:22px !important;
  }
  .spw-kpi-grid,
  .da-kpis{
    grid-template-columns:1fr !important;
  }
  .card,
  .glass-card,
  .premium-card,
  .spw-panel,
  .da-main .card{
    border-radius:8px !important;
  }
}