/* XTRA // QUANTUM PULSE — REWARDOS
   A distinct futuristic earning interface: signal bars, luminous status chips,
   command-center navigation, reward icons and subtle grid/scanline details.
*/
:root{
  --qp-bg:#050812;--qp-panel:#091120;--qp-panel2:#0d1729;--qp-text:#f2f8ff;--qp-muted:#8fa4bf;
  --qp-cyan:#00e5ff;--qp-cyan2:#63f3ff;--qp-lime:#7cff6b;--qp-blue:#6ea8ff;--qp-purple:#8d7dff;
  --qp-line:rgba(99,243,255,.16);--qp-glow:rgba(0,229,255,.18);--qp-radius:18px;
}
html{background:var(--qp-bg)!important}
body{
  color:var(--qp-text)!important;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(800px 400px at 15% -10%,rgba(0,229,255,.13),transparent 65%),
    radial-gradient(700px 420px at 95% 20%,rgba(141,125,255,.11),transparent 65%),
    var(--qp-bg)!important;
  background-size:32px 32px,32px 32px,auto,auto,auto;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%,transparent 82%,rgba(0,229,255,.015));z-index:-1}
body,a,h1,h2,h3,h4,p,span,div{ }
h1,h2,h3{color:#f8fbff!important;letter-spacing:-.035em}
a{color:var(--qp-cyan2)}
.main{max-width:1200px;padding-top:22px}
.card,.tile,.stat-chip,.offer-card,.wall-tile,.table-wrap,.auth-card,.account-stat{
  background:linear-gradient(145deg,rgba(13,23,41,.96),rgba(7,14,27,.96))!important;
  border:1px solid var(--qp-line)!important;border-radius:var(--qp-radius)!important;
  box-shadow:0 16px 45px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.card:before,.tile:before,.offer-card:before,.wall-tile:before,.account-stat:before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--qp-cyan),transparent);opacity:.45;pointer-events:none}
/* Command-center navigation */
.user-topnav.topnav{
  min-height:68px!important;padding:8px max(10px,env(safe-area-inset-left))!important;gap:5px!important;
  background:rgba(5,8,18,.91)!important;border:1px solid rgba(0,229,255,.14)!important;border-radius:16px!important;
  box-shadow:0 12px 38px rgba(0,0,0,.32),0 0 30px rgba(0,229,255,.035)!important;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)
}
.user-topnav .brand{color:#fff!important;font-weight:950!important;letter-spacing:-.06em!important;font-size:20px!important;position:relative;padding-left:29px!important}
.user-topnav .brand:before{content:"◈";position:absolute;left:2px;top:50%;transform:translateY(-52%);color:var(--qp-cyan);text-shadow:0 0 14px var(--qp-cyan);font-size:19px}
.user-topnav .nav-link{color:#8297b2!important;border-radius:11px!important;font-weight:800!important;font-size:12px!important;padding:10px 12px!important;position:relative;transition:.18s ease}
.user-topnav .nav-link:before{font-size:12px;margin-right:6px;color:#5f7897;vertical-align:-1px}
.user-topnav .nav-link[href="/"]:before{content:"⌂"}.user-topnav .nav-link[href="/earn"]:before{content:"⚡"}.user-topnav .nav-link[href="/cashout"]:before{content:"◉"}.user-topnav .nav-link[href="/refer"]:before{content:"♧"}.user-topnav .nav-link[href="/contests"]:before{content:"✦"}.user-topnav .nav-link[href="/recent"]:before{content:"◷"}
.user-topnav .nav-link:hover,.user-topnav .nav-link.active{color:#fff!important;background:linear-gradient(135deg,rgba(0,229,255,.12),rgba(110,168,255,.08))!important;box-shadow:inset 0 0 0 1px rgba(0,229,255,.13),0 0 18px rgba(0,229,255,.05)!important}
.user-topnav .nav-link.active:after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;background:var(--qp-cyan);box-shadow:0 0 10px var(--qp-cyan)}
.user-topnav .points-nav{order:-1;display:inline-flex!important;align-items:center;gap:9px;color:#fff!important;background:linear-gradient(135deg,#0e2133,#10192d)!important;border:1px solid rgba(0,229,255,.3)!important;border-radius:13px!important;padding:8px 13px!important;box-shadow:0 0 20px rgba(0,229,255,.08),inset 0 1px 0 rgba(255,255,255,.05)!important;position:relative}
.user-topnav .points-nav:before{content:"✦";display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,var(--qp-cyan),var(--qp-blue));color:#031018;font-weight:950;box-shadow:0 0 18px rgba(0,229,255,.35)}
.user-topnav .points-nav-value{color:#fff!important;font-weight:950!important;font-size:15px!important}.user-topnav .points-nav-label{color:var(--qp-cyan2)!important;font-weight:800!important;letter-spacing:.08em}
.user-topnav .topnav-right .btn-outline{color:#9bb0c9!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(99,243,255,.13)!important}
/* Buttons become status controls */
.btn,button,input[type=submit]{background:linear-gradient(135deg,#00bcd4,#537cff)!important;color:#021016!important;border:0!important;font-weight:900!important;box-shadow:0 8px 22px rgba(0,229,255,.15)!important}
.btn:hover,button:hover,input[type=submit]:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn-outline{background:rgba(255,255,255,.025)!important;color:#b9c8da!important;border:1px solid rgba(99,243,255,.16)!important;box-shadow:none!important}
input,select,textarea{background:#07101d!important;color:#edf7ff!important;border-color:rgba(99,243,255,.15)!important}
/* Reward signal cards */
.tile,.offer-card,.wall-tile{transition:.2s ease!important}.tile:hover,.offer-card:hover,.wall-tile:hover{transform:translateY(-3px);border-color:rgba(0,229,255,.34)!important;box-shadow:0 18px 45px rgba(0,0,0,.35),0 0 24px rgba(0,229,255,.05)!important}
.tile-icon-badge,.account-stat-icon,.wall-tile-icon,.offerwall-icon{background:rgba(0,229,255,.08)!important;color:var(--qp-cyan)!important;border:1px solid rgba(0,229,255,.14)!important;box-shadow:0 0 18px rgba(0,229,255,.06)}
.tile-earn .tile-icon-badge:after{content:"⚡"}.tile-cashout .tile-icon-badge:after{content:"$"}.tile-refer .tile-icon-badge:after{content:"↗"}
.tile-icon-badge svg{display:none}
/* Dashboard reward banner */
.ledger-tape,.account-balance-card,.earn-hero,.offerwall-header{
  background:radial-gradient(360px 180px at 90% 0%,rgba(0,229,255,.18),transparent 70%),linear-gradient(135deg,#0b1b2b,#0b1425 60%,#101a32)!important;
  border:1px solid rgba(0,229,255,.2)!important;box-shadow:0 20px 55px rgba(0,0,0,.32)!important
}
.account-balance-number,.ledger-tape .amount{color:#fff!important;text-shadow:0 0 18px rgba(0,229,255,.12)}
/* Tiny tech labels */
.badge{border-radius:999px!important;font-weight:900!important;letter-spacing:.02em}.badge.credited{color:#03130a!important;background:var(--qp-lime)!important}
table th{background:rgba(0,229,255,.035)!important;color:#6f89a5!important}table td{border-color:rgba(99,243,255,.08)!important;color:#dce9f5!important}
.success-box{background:rgba(124,255,107,.07)!important;border-color:rgba(124,255,107,.22)!important;color:#a8ff9c!important}.error-box{background:rgba(255,95,122,.07)!important;border-color:rgba(255,95,122,.2)!important;color:#ff9eae!important}
/* Daily challenge gets a mission-control treatment */
.daily-goal-bar-wrap{background:linear-gradient(135deg,rgba(0,229,255,.055),rgba(141,125,255,.055))!important;border:1px solid rgba(0,229,255,.16)!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.daily-goal-label:before{content:"◉  ";color:var(--qp-cyan);text-shadow:0 0 8px var(--qp-cyan)}
.daily-goal-line-fill{background:linear-gradient(90deg,var(--qp-cyan),var(--qp-blue),var(--qp-purple))!important;box-shadow:0 0 12px rgba(0,229,255,.35)}
/* Earn-first wall headers */
.offerwall-header h1:before{content:"⚡";color:var(--qp-cyan);margin-right:9px;text-shadow:0 0 12px var(--qp-cyan)}
/* Mobile */
@media(max-width:760px){
 .user-topnav.topnav{min-height:60px!important;height:60px!important;padding:6px 8px!important;overflow-x:auto;flex-wrap:nowrap}
 .user-topnav .brand{font-size:17px!important;padding-left:25px!important}.user-topnav .nav-link{font-size:11px!important;padding:9px 9px!important;white-space:nowrap}.user-topnav .nav-link:before{margin-right:4px;font-size:11px}
 .user-topnav .points-nav{padding:6px 10px!important;gap:6px}.user-topnav .points-nav:before{width:27px;height:27px}.user-topnav .points-nav-value{font-size:13px!important}.user-topnav .points-nav-label{font-size:9px!important}
 .main{padding:14px 10px 65px!important}.card{border-radius:16px!important}.offer-grid,.wall-grid{grid-template-columns:1fr!important}
}
@media(max-width:430px){.user-topnav .brand{font-size:16px!important}.user-topnav .nav-link{font-size:10px!important;padding:8px 7px!important}.user-topnav .points-nav{min-width:100px}.user-topnav .points-nav-label{display:none}}

/* Numeric visibility patch: keep all balances, counts, referral totals and
   dashboard metrics unmistakably readable against the Quantum Pulse surfaces. */
.stat .num,.stat .num-row,.stat .label,
.stat-chip .num,.stat-chip .label,
.mono,.amt-positive,.amt-negative,
.points-nav-value,.points-nav-label,
.account-balance-number,.account-stat .num,.account-stat .value,
.dashboard-number,.balance-number,.points-balance,
.referral-count,.referral-points,.referral-total,
strong,.value,.number,.count,.amount,.total,
td.mono,td.amt-positive,td.amt-negative,th,
.ledger-tape .amount,.ledger-tape .label {
  opacity:1!important;
  visibility:visible!important;
}
.stat .num,.stat-chip .num,.account-stat .num,
.dashboard-number,.balance-number,.points-balance,
.referral-count,.referral-points,.referral-total,
.value,.number,.count,.amount,.total {
  color:#f7fbff!important;
  text-shadow:0 0 14px rgba(0,229,255,.10)!important;
}
.stat .label,.stat-chip .label,.account-stat .label,
.points-nav-label,.ledger-tape .label {
  color:#9bb0c9!important;
}
.mono,td.mono { color:#dff7ff!important; }
.amt-positive { color:#7cff6b!important; }
.amt-negative { color:#ff7b91!important; }
.stat-delta-up { color:#07150d!important; }
.stat-delta-down { color:#fff!important; }
.stat-delta-flat,.stat-delta-muted { color:#9bb0c9!important; }
.user-topnav .points-nav-value { color:#ffffff!important; opacity:1!important; visibility:visible!important; }
.user-topnav .points-nav-label { color:#63f3ff!important; opacity:1!important; visibility:visible!important; }

/* Admin overview/stat cards */
.stat,.stat.stat-blue { color:#f7fbff!important; }
.stat .num a,.stat a .num { color:#f7fbff!important; }
.stat .label a,.stat a .label { color:#9bb0c9!important; }

/* QP2 HARD VISIBILITY PATCH - actual app selectors */
.home-balance strong,
.account-balance strong,
.account-stats strong,
.earn-balance .num,
.earn-balance strong,
.earn-header .num,
.account-main .account-balance strong,
.account-main .account-stats strong,
.stat-grid .stat .num,
.stat-grid .stat .num-row .num,
.stat-grid .stat .num-row > .num,
.card .stat .num,
.card .stat .num-row .num,
.table-wrap td.mono,
td.mono,
td.amt-positive,
td.amt-negative,
.reward-option .reward-net,
.reward-option .reward-cost,
.cashout-preview strong,
.points-nav-value,
.detail-list > div > span:last-child,
strong { 
  color:#F8FCFF !important;
  opacity:1 !important;
  visibility:visible !important;
  -webkit-text-fill-color:#F8FCFF !important;
}

.home-balance strong,
.account-balance strong,
.account-stats strong,
.points-nav-value,
.stat-grid .stat .num,
.card .stat .num,
.earn-balance .num,
.earn-header .num {
  font-weight:900 !important;
  text-shadow:0 0 18px rgba(0,229,255,.18) !important;
}

.account-stats span,
.account-balance span,
.home-balance span,
.home-balance small,
.detail-list > div > span:first-child,
.stat .label,
.stat-chip .label,
.points-nav-label {
  color:#91A7BF !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Make the actual user navigation receive Quantum Pulse styling. */
.topnav.user-topnav,
.user-topnav.topnav {
  background:rgba(5,10,19,.96) !important;
  color:#F8FCFF !important;
}
.topnav.user-topnav .points-nav,
.user-topnav.topnav .points-nav {
  color:#fff !important;
}
.topnav.user-topnav .points-nav-value,
.user-topnav.topnav .points-nav-value {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Admin metric cards and tables */
main .stat-grid .stat,
main .stat-grid .stat.stat-blue {
  background:linear-gradient(145deg,rgba(16,29,47,.98),rgba(10,18,31,.98)) !important;
  border-color:rgba(99,243,255,.16) !important;
}
main .stat-grid .stat .num,
main .stat-grid .stat .num-row .num {
  color:#F8FCFF !important;
  -webkit-text-fill-color:#F8FCFF !important;
}
main table td.mono,
main table td.amt-positive,
main table td.amt-negative {
  color:#E9FAFF !important;
  -webkit-text-fill-color:#E9FAFF !important;
}

/* XtraCash visibility patch: admin Overview percentages and stat text */
.stat-delta{
  opacity:1!important;visibility:visible!important;
  font-size:12px!important;font-weight:900!important;
  line-height:1.35!important;
  border:1px solid rgba(255,255,255,.16)!important;
  text-shadow:0 0 8px rgba(255,255,255,.10)!important;
}
.stat-delta-up{color:#7CFFB2!important;-webkit-text-fill-color:#7CFFB2!important;background:rgba(34,197,94,.16)!important;}
.stat-delta-down{color:#FF8FA3!important;-webkit-text-fill-color:#FF8FA3!important;background:rgba(239,68,68,.16)!important;}
.stat-delta-flat{color:#E8EDF5!important;-webkit-text-fill-color:#E8EDF5!important;background:rgba(148,163,184,.16)!important;}
.stat-delta-muted{color:#C9D2DF!important;-webkit-text-fill-color:#C9D2DF!important;background:rgba(148,163,184,.10)!important;}
.stat .num{opacity:1!important;visibility:visible!important;-webkit-text-fill-color:currentColor!important;}
.stat .label{opacity:1!important;visibility:visible!important;}