:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}:root{color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;background:#071019;font-family:Inter,Arial,sans-serif}body{background:radial-gradient(circle at 15% 10%,#1f82ff1f,#0000 28%),radial-gradient(circle at 85% 20%,#00dcaa14,#0000 25%),#071019;min-width:320px;margin:0}button,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#071019d1;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:76px;padding:0 6%;display:flex;position:sticky;top:0}.logo{align-items:center;gap:12px;display:flex}.logoMark{color:#061018;background:linear-gradient(135deg,#32e6b0,#238cff);border-radius:12px;place-items:center;width:38px;height:38px;font-size:21px;font-weight:800;display:grid}.logo strong{letter-spacing:.3px;font-size:15px;display:block}.logo small{color:#718297;margin-top:3px;font-size:10px;display:block}.navRight{align-items:center;gap:10px;display:flex}.navRight select{color:#dbe6f3;background:#101d2a;border:1px solid #26394d;border-radius:10px;outline:none;height:42px;padding:0 14px}.walletBtn,.primary,.secondary{border:0;border-radius:10px;height:42px;padding:0 18px;font-weight:700;transition:all .2s}.walletBtn,.primary{color:#041018;background:linear-gradient(135deg,#36e6b1,#36b7ff)}.walletBtn:hover,.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary{color:#dbe8f5;background:#122131;border:1px solid #294057}.container{width:min(1180px,88%);margin:auto}.hero{grid-template-columns:1.3fr .7fr;align-items:center;gap:70px;min-height:560px;padding:70px 0;display:grid}.eyebrow{color:#3de0b1;letter-spacing:2px;margin-bottom:14px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-3px;max-width:720px;margin:0;font-size:clamp(45px,6vw,76px);line-height:.98}.hero h1 span{background:linear-gradient(90deg,#3de0b1,#38aaff);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:#8798aa;max-width:590px;margin:25px 0;font-size:17px;line-height:1.7}.heroActions{gap:12px;display:flex}.heroCard{background:linear-gradient(145deg,#192e41d1,#0a1622eb);border:1px solid #22364a;border-radius:24px;min-height:310px;padding:28px;box-shadow:0 30px 90px #00000040}.cardLabel{color:#73879b;letter-spacing:1.6px;font-size:11px;font-weight:800}.balance{letter-spacing:-2px;margin-top:22px;font-size:46px;font-weight:800}.usdt{color:#39dfae;margin-bottom:55px;font-size:12px;font-weight:800}.cardLine{color:#77899b;border-top:1px solid #ffffff12;justify-content:space-between;padding:14px 0;font-size:13px;display:flex}.cardLine strong{color:#e6eef7}.status{color:#89d9c1;background:#3de0b10f;border:1px solid #3de0b133;border-radius:12px;margin-bottom:20px;padding:14px 18px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:90px;display:grid}.stat{background:#0b1722;border:1px solid #1d3042;border-radius:16px;padding:23px}.stat span{color:#718497;margin-bottom:13px;font-size:12px;display:block}.stat strong{font-size:22px}.dashboard,.plans{margin-bottom:90px}.sectionHeader{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.sectionHeader h2,.referral h2{letter-spacing:-1px;margin:0;font-size:30px}.small{height:38px;padding:0 15px}.empty{text-align:center;background:#0c19258c;border:1px dashed #294055;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:310px;display:flex}.emptyIcon{color:#3de0b1;background:#3de0b114;border-radius:50%;place-items:center;width:62px;height:62px;font-size:31px;display:grid}.empty h3{margin:18px 0 7px;font-size:19px}.empty p{color:#74879a;margin:0 0 20px}.planGrid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.plan{background:#0b1722;border:1px solid #21364a;border-radius:20px;min-height:280px;padding:28px}.plan.featured{background:radial-gradient(circle at 100% 0,#3de0b11a,#0000 35%),#0b1722;border-color:#2c7867}.planTop{color:#71879a;letter-spacing:1px;justify-content:space-between;font-size:11px;font-weight:800;display:flex}.coming{color:#708194}.plan h3{margin:30px 0 16px;font-size:23px}.rate strong{font-size:39px}.rate span{color:#718397;font-size:13px}.plan p{color:#75889a;line-height:1.6}.plan button{color:#65788b;background:#101e2b;border:1px solid #253b50;border-radius:10px;width:100%;height:43px}.referral{background:radial-gradient(circle at 80% 20%,#36b7ff14,#0000 30%),#0a1920cc;border:1px solid #1f3940;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:80px;padding:35px;display:flex}.referral p{color:#7d90a1;max-width:600px;line-height:1.6}.refBox{background:#101e2a;border-radius:15px;min-width:230px;padding:22px}.refBox span{color:#75889a;margin-bottom:9px;font-size:12px;display:block}.refBox strong{font-size:20px}footer{color:#596d80;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:100px;padding:0 6%;font-size:12px;display:flex}@media (width<=850px){.navbar{padding:0 5%}.hero{grid-template-columns:1fr;gap:30px;padding-top:55px}.heroCard{min-height:auto}.stats{grid-template-columns:repeat(2,1fr);margin-bottom:60px}.planGrid{grid-template-columns:1fr}.referral{flex-direction:column;align-items:stretch}}@media (width<=560px){.navbar{flex-direction:column;align-items:stretch;gap:14px;height:auto;padding:14px 5%}.navRight{justify-content:space-between}.hero h1{letter-spacing:-2px;font-size:46px}.heroActions{flex-direction:column}.stats{grid-template-columns:1fr}.sectionHeader{flex-direction:column;align-items:stretch}footer{gap:10px;height:auto;padding:20px 5%}}

/* Monster Trader readability fix */
body {
  color: #f8fafc !important;
}

h1, h2, h3, h4, h5, h6,
p, span, label, strong, small {
  color: inherit;
}

.hero p,
.hero h1,
.sectionHeader h2,
.sectionHeader p,
.stats .stat span,
.stats .stat strong,
.investBox h3,
.investmentCard,
.investmentCard span,
.investmentCard strong,
.referralCard,
.referralCard p,
.referralCard span,
footer span {
  color: #f8fafc !important;
}

input,
select,
textarea {
  color: #f8fafc !important;
  background: rgba(255,255,255,.08) !important;
}

input::placeholder {
  color: rgba(248,250,252,.65) !important;
}

button {
  color: #ffffff !important;
}

.muted,
.secondary,
small {
  color: #cbd5e1 !important;
}


/* Final Monster Trader text contrast */
:root {
  --text: #f4f7fb !important;
  --text-h: #ffffff !important;
}

body,
main,
section,
article,
.card,
.panel,
.dashboard,
.hero,
.stats,
.stat,
.plan,
.referral,
.referralCard,
.investBox,
.investmentCard {
  color: #f4f7fb !important;
}

h1, h2, h3, h4, h5, h6,
p,
label,
strong,
span {
  color: #f4f7fb !important;
}

h1, h2, h3, h4, h5, h6,
strong {
  color: #ffffff !important;
}

input,
select,
textarea {
  color: #ffffff !important;
}

input::placeholder,
textarea::placeholder {
  color: #b8c6d4 !important;
}

button {
  color: #ffffff !important;
}

a {
  color: #39dfae !important;
}

footer,
footer span {
  color: #cbd5e1 !important;
}


/* Monster Trader - Premium Multi Color Trading Theme */

:root {
  --text: #f8fafc !important;
  --text-h: #ffffff !important;
  --primary: #38bdf8 !important;
  --secondary: #a78bfa !important;
  --accent: #2dd4bf !important;
  --gold: #fbbf24 !important;
  --danger: #fb7185 !important;
}

/* Main headings */
h1 {
  color: #ffffff !important;
  background: linear-gradient(90deg,#38bdf8,#a78bfa,#2dd4bf);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h2 {
  color: #ffffff !important;
  background: linear-gradient(90deg,#60a5fa,#c084fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h3 {
  color: #e0f2fe !important;
}

p {
  color: #cbd5e1 !important;
}

/* Highlight numbers */
.stat strong,
.balance,
.investmentCard strong {
  color: #38bdf8 !important;
}

.stat:nth-child(2) strong {
  color: #2dd4bf !important;
}

.stat:nth-child(3) strong {
  color: #fbbf24 !important;
}

.stat:nth-child(4) strong {
  color: #a78bfa !important;
}

/* Labels */
.stat span,
.cardLine span,
.planTop,
small {
  color: #94a3b8 !important;
}

/* Hero */
.hero {
  background:
    radial-gradient(circle at 10% 20%,rgba(56,189,248,.16),transparent 35%),
    radial-gradient(circle at 85% 15%,rgba(167,139,250,.18),transparent 35%),
    radial-gradient(circle at 70% 90%,rgba(45,212,191,.12),transparent 35%);
}

/* Cards */
.heroCard,
.investBox,
.investmentCard,
.referralCard,
.plan {
  border: 1px solid rgba(148,163,184,.18) !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
  box-shadow:
    0 18px 50px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* Investment cards */
.investmentCard {
  border-left: 3px solid #38bdf8 !important;
}

.investmentCard:nth-child(2n) {
  border-left-color: #a78bfa !important;
}

.investmentCard:nth-child(3n) {
  border-left-color: #2dd4bf !important;
}

/* Referral */
.referralCard {
  border: 1px solid rgba(251,191,36,.28) !important;
  background:
    radial-gradient(circle at 90% 10%,rgba(251,191,36,.13),transparent 35%),
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)) !important;
}

.referralCard h2 {
  background: linear-gradient(90deg,#fbbf24,#f97316);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Inputs */
input,
select,
textarea {
  color: #f8fafc !important;
  border: 1px solid rgba(96,165,250,.25) !important;
  background: rgba(15,23,42,.72) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 3px rgba(56,189,248,.12) !important;
  outline: none !important;
}

input::placeholder,
textarea::placeholder {
  color: #7c8da1 !important;
}

/* Primary buttons */
.primary {
  background: linear-gradient(135deg,#0ea5e9,#6366f1,#8b5cf6) !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: 0 10px 30px rgba(99,102,241,.28) !important;
}

.primary:hover {
  background: linear-gradient(135deg,#38bdf8,#818cf8,#a78bfa) !important;
  transform: translateY(-1px);
}

/* Secondary buttons */
.secondary {
  color: #67e8f9 !important;
  border: 1px solid rgba(45,212,191,.35) !important;
  background: rgba(45,212,191,.06) !important;
}

/* Status */
.status {
  color: #2dd4bf !important;
}

/* Active badges */
.badge,
.active {
  color: #2dd4bf !important;
}

/* Exit / warning */
.exit,
.exitRequested {
  color: #fb7185 !important;
}

/* Links */
a {
  color: #38bdf8 !important;
}

a:hover {
  color: #a78bfa !important;
}

/* Footer */
footer {
  border-top: 1px solid rgba(148,163,184,.12) !important;
}

footer span:first-child {
  color: #38bdf8 !important;
}

footer span:last-child {
  color: #94a3b8 !important;
}

/* Smooth visual transitions */
button,
input,
select,
.card,
.heroCard,
.investBox,
.investmentCard,
.referralCard {
  transition: all .25s ease !important;
}


.monthlyReturn {
  margin-top: 18px !important;
  padding: 14px 18px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg,rgba(56,189,248,.12),rgba(167,139,250,.14),rgba(45,212,191,.10)) !important;
  border: 1px solid rgba(56,189,248,.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.monthlyReturn span {
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}

.monthlyReturn strong {
  color: #38bdf8 !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  background: linear-gradient(90deg,#38bdf8,#a78bfa,#2dd4bf) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}


/* Monthly Return */
.heroCard {
  position: relative !important;
}

.heroCard::after {
  content: "MONTHLY RETURN   •   15% – 25%";
  display: block !important;
  margin-top: 18px !important;
  padding: 14px 18px !important;
  border-radius: 14px !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  color: #ffffff !important;
  background: linear-gradient(
    135deg,
    rgba(14,165,233,.18),
    rgba(139,92,246,.20),
    rgba(20,184,166,.16)
  ) !important;
  border: 1px solid rgba(56,189,248,.30) !important;
  box-shadow: 0 8px 30px rgba(56,189,248,.10) !important;
}


/* Monster Trader - Market Watch Premium Theme */

.monster-market-watch {
  position: relative !important;
  max-width: 1400px !important;
  margin: 32px auto 42px !important;
  padding: 0 20px !important;
}

.monster-market-title {
  font-size: 26px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  margin-bottom: 18px !important;
  text-align: center !important;
  background: linear-gradient(
    90deg,
    #38bdf8 0%,
    #818cf8 28%,
    #c084fc 52%,
    #2dd4bf 76%,
    #fbbf24 100%
  ) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 0 18px rgba(56,189,248,.16));
}

.monster-market-box {
  position: relative !important;
  overflow: hidden !important;
  min-height: 74px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(56,189,248,.28) !important;

  background:
    radial-gradient(
      circle at 5% 50%,
      rgba(56,189,248,.15),
      transparent 28%
    ),
    radial-gradient(
      circle at 35% 0%,
      rgba(168,85,247,.12),
      transparent 30%
    ),
    radial-gradient(
      circle at 70% 100%,
      rgba(45,212,191,.10),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      rgba(8,15,30,.96),
      rgba(15,23,42,.92)
    ) !important;

  box-shadow:
    0 20px 55px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 35px rgba(56,189,248,.06) !important;
}

.monster-market-box::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(
    90deg,
    rgba(56,189,248,.10),
    transparent 25%,
    rgba(168,85,247,.08) 50%,
    transparent 75%,
    rgba(45,212,191,.08)
  ) !important;
}

.monster-market-box .tradingview-widget-container {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  min-height: 74px !important;
}

.monster-market-box iframe {
  border-radius: 20px !important;
}

/* Market section spacing */
.monster-market-watch + section {
  margin-top: 10px !important;
}

/* Responsive */
@media (max-width: 768px) {
  .monster-market-watch {
    padding: 0 12px !important;
    margin: 24px auto 32px !important;
  }

  .monster-market-title {
    font-size: 21px !important;
  }

  .monster-market-box {
    border-radius: 15px !important;
  }
}


/* =========================================
   MONSTER TRADER - NEW INVESTMENT PREMIUM UI
   ========================================= */

.investBox{
  position:relative !important;
  overflow:hidden !important;
  margin-top:24px !important;
  padding:30px !important;
  border-radius:24px !important;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(56,189,248,.14),
      transparent 32%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(167,139,250,.14),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(8,15,30,.98),
      rgba(15,23,42,.95)
    ) !important;

  border:1px solid rgba(56,189,248,.22) !important;

  box-shadow:
    0 20px 60px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* عنوان */

.investBox h3{
  margin:0 0 24px !important;
  font-size:25px !important;
  font-weight:900 !important;

  background:
    linear-gradient(
      90deg,
      #38bdf8,
      #818cf8,
      #c084fc,
      #2dd4bf
    ) !important;

  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}

/* ورودی‌ها */

.investBox input{
  width:100% !important;
  box-sizing:border-box !important;

  min-height:54px !important;
  margin-bottom:14px !important;

  padding:0 17px !important;

  border-radius:14px !important;

  border:1px solid rgba(148,163,184,.20) !important;

  background:
    rgba(2,6,23,.72) !important;

  color:#ffffff !important;

  font-size:16px !important;
  font-weight:600 !important;

  outline:none !important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease !important;
}

.investBox input::placeholder{
  color:#64748b !important;
}

.investBox input:focus{
  border-color:rgba(56,189,248,.65) !important;

  background:rgba(2,6,23,.9) !important;

  box-shadow:
    0 0 0 3px rgba(56,189,248,.10),
    0 8px 25px rgba(56,189,248,.08) !important;
}

/* دکمه سرمایه‌گذاری */

.investBox button.primary{
  width:100% !important;
  min-height:56px !important;

  margin-top:8px !important;

  border:0 !important;
  border-radius:15px !important;

  color:#ffffff !important;

  font-size:16px !important;
  font-weight:900 !important;

  cursor:pointer !important;

  background:
    linear-gradient(
      90deg,
      #0ea5e9 0%,
      #6366f1 48%,
      #a855f7 100%
    ) !important;

  box-shadow:
    0 12px 30px rgba(99,102,241,.25) !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    filter .2s ease !important;
}

.investBox button.primary:hover:not(:disabled){
  transform:translateY(-2px) !important;

  filter:brightness(1.08) !important;

  box-shadow:
    0 16px 38px rgba(99,102,241,.35) !important;
}

.investBox button.primary:disabled{
  opacity:.55 !important;
  cursor:not-allowed !important;
}

/* متن‌ها و اطلاعات داخل Investment */

.investBox label{
  color:#cbd5e1 !important;
  font-weight:700 !important;
}

.investBox small{
  color:#94a3b8 !important;
}

/* موجودی / اطلاعات بالای فرم */

.investBox .balance,
.investBox .available,
.investBox .usdtBalance{
  color:#f8fafc !important;
  font-weight:800 !important;
}

/* موبایل */

@media(max-width:650px){

  .investBox{
    padding:22px !important;
    border-radius:20px !important;
  }

  .investBox h3{
    font-size:22px !important;
  }

  .investBox input{
    min-height:52px !important;
  }

  .investBox button.primary{
    min-height:54px !important;
  }
}


/* =========================================
   MONSTER TRADER — PREMIUM INVESTMENT DASHBOARD
   ========================================= */

.investment-dashboard,
.dashboard,
.portfolio,
.portfolioSection {
  position: relative !important;
  margin-top: 28px !important;
}

/* Portfolio heading */
.investment-dashboard h2,
.dashboard h2,
.portfolio h2,
.portfolioSection h2 {
  margin-bottom: 8px !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  letter-spacing: -.5px !important;
  background: linear-gradient(90deg,#38bdf8,#818cf8,#c084fc,#2dd4bf) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Dashboard subtitle */
.investment-dashboard > p,
.dashboard > p,
.portfolio > p,
.portfolioSection > p {
  color: #94a3b8 !important;
  font-size: 14px !important;
}

/* New Investment premium container */
.investBox {
  position: relative !important;
  overflow: hidden !important;
  margin: 24px 0 !important;
  padding: 30px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 0% 0%,rgba(56,189,248,.16),transparent 32%),
    radial-gradient(circle at 100% 100%,rgba(168,85,247,.14),transparent 35%),
    linear-gradient(145deg,rgba(8,15,30,.98),rgba(15,23,42,.96)) !important;
  border: 1px solid rgba(56,189,248,.24) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.investBox::before {
  content: "";
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg,#38bdf8,#6366f1,#a855f7,#2dd4bf) !important;
}

.investBox h3 {
  margin: 0 0 22px !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  color: #fff !important;
}

.investBox input {
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 56px !important;
  margin: 0 0 14px !important;
  padding: 0 18px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(148,163,184,.20) !important;
  background: rgba(2,6,23,.78) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  outline: none !important;
}

.investBox input:focus {
  border-color: rgba(56,189,248,.70) !important;
  box-shadow: 0 0 0 3px rgba(56,189,248,.10) !important;
}

.investBox input::placeholder {
  color: #64748b !important;
}

.investBox button.primary {
  width: 100% !important;
  min-height: 58px !important;
  margin-top: 8px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(90deg,#0ea5e9,#6366f1,#a855f7) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 35px rgba(99,102,241,.28) !important;
  cursor: pointer !important;
  transition: .2s ease !important;
}

.investBox button.primary:hover:not(:disabled) {
  transform: translateY(-2px) !important;
  filter: brightness(1.08) !important;
  box-shadow: 0 18px 42px rgba(99,102,241,.38) !important;
}

/* Empty portfolio state */
.investment-dashboard .empty,
.dashboard .empty,
.portfolio .empty,
.portfolioSection .empty {
  margin-top: 18px !important;
  padding: 34px 24px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(56,189,248,.08),transparent 45%),
    rgba(15,23,42,.72) !important;
  text-align: center !important;
}

.investment-dashboard .empty h3,
.dashboard .empty h3,
.portfolio .empty h3,
.portfolioSection .empty h3 {
  color: #f8fafc !important;
  font-size: 20px !important;
  font-weight: 850 !important;
}

.investment-dashboard .empty p,
.dashboard .empty p,
.portfolio .empty p,
.portfolioSection .empty p {
  color: #94a3b8 !important;
}

/* Generic cards inside the real dashboard */
.investment-dashboard .card,
.dashboard .card,
.portfolio .card,
.portfolioSection .card {
  border-radius: 20px !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  background: rgba(15,23,42,.78) !important;
  box-shadow: 0 15px 45px rgba(0,0,0,.18) !important;
}

/* Dashboard buttons */
.investment-dashboard button,
.dashboard button,
.portfolio button,
.portfolioSection button {
  border-radius: 12px !important;
  font-weight: 800 !important;
}

/* Mobile */
@media(max-width:650px) {
  .investment-dashboard h2,
  .dashboard h2,
  .portfolio h2,
  .portfolioSection h2 {
    font-size: 23px !important;
  }

  .investBox {
    padding: 22px !important;
    border-radius: 20px !important;
  }

  .investBox h3 {
    font-size: 22px !important;
  }
}


/* =========================================================
   MONSTER TRADER — REAL INVESTMENT DASHBOARD
   ========================================================= */

.dashboard{
  margin-top:32px !important;
  padding:0 !important;
}

.dashboard .sectionHeader{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  margin-bottom:20px !important;
  padding:0 2px !important;
}

.dashboard .sectionHeader .eyebrow{
  margin-bottom:7px !important;
  color:#38bdf8 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

.dashboard .sectionHeader h2{
  margin:0 !important;
  font-size:30px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
  color:#f8fafc !important;
}

/* Main investment card */
.dashboard .investBox{
  position:relative !important;
  overflow:hidden !important;
  width:100% !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;

  padding:28px !important;
  margin:0 0 18px !important;

  border-radius:22px !important;
  border:1px solid rgba(56,189,248,.20) !important;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(129,140,248,.17),
      transparent 32%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(45,212,191,.10),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(15,23,42,.98),
      rgba(7,13,28,.98)
    ) !important;

  box-shadow:
    0 18px 55px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
}

.dashboard .investBox::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:3px !important;
  background:linear-gradient(
    90deg,
    #38bdf8,
    #6366f1,
    #a855f7,
    #2dd4bf
  ) !important;
}

.dashboard .investBox h3{
  margin:0 0 22px !important;
  color:#ffffff !important;
  font-size:21px !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

.dashboard .investBox h3::after{
  content:"Secure on-chain investment" !important;
  display:block !important;
  margin-top:6px !important;
  color:#64748b !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

/* Inputs */
.dashboard .investBox input{
  width:100% !important;
  min-height:56px !important;
  box-sizing:border-box !important;

  margin:0 0 13px !important;
  padding:0 17px !important;

  border-radius:14px !important;
  border:1px solid rgba(148,163,184,.17) !important;

  background:rgba(2,6,23,.72) !important;
  color:#f8fafc !important;

  font-size:15px !important;
  font-weight:650 !important;

  outline:none !important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease,
    transform .2s ease !important;
}

.dashboard .investBox input::placeholder{
  color:#64748b !important;
}

.dashboard .investBox input:hover{
  border-color:rgba(148,163,184,.32) !important;
}

.dashboard .investBox input:focus{
  border-color:rgba(56,189,248,.62) !important;
  background:rgba(2,6,23,.92) !important;
  box-shadow:
    0 0 0 3px rgba(56,189,248,.08),
    0 10px 30px rgba(0,0,0,.18) !important;
}

/* Invest button */
.dashboard .investBox button.primary{
  width:100% !important;
  min-height:58px !important;

  margin-top:5px !important;
  padding:0 20px !important;

  border:0 !important;
  border-radius:15px !important;

  color:#ffffff !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;

  background:
    linear-gradient(
      100deg,
      #0ea5e9 0%,
      #6366f1 50%,
      #a855f7 100%
    ) !important;

  box-shadow:
    0 12px 30px rgba(99,102,241,.22),
    inset 0 1px 0 rgba(255,255,255,.18) !important;

  cursor:pointer !important;

  transition:
    transform .18s ease,
    filter .18s ease,
    box-shadow .18s ease !important;
}

.dashboard .investBox button.primary:hover:not(:disabled){
  transform:translateY(-2px) !important;
  filter:brightness(1.08) !important;
  box-shadow:
    0 17px 38px rgba(99,102,241,.32),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.dashboard .investBox button.primary:active:not(:disabled){
  transform:translateY(0) !important;
}

.dashboard .investBox button.primary:disabled{
  opacity:.55 !important;
  cursor:not-allowed !important;
}

/* Empty state */
.dashboard .empty{
  position:relative !important;
  overflow:hidden !important;

  box-sizing:border-box !important;
  width:100% !important;

  margin:0 !important;
  padding:34px 28px !important;

  border-radius:20px !important;
  border:1px solid rgba(148,163,184,.13) !important;

  background:
    linear-gradient(
      145deg,
      rgba(15,23,42,.92),
      rgba(8,15,30,.92)
    ) !important;

  text-align:center !important;

  box-shadow:
    0 14px 45px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.dashboard .empty::before{
  content:"$" !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:52px !important;
  height:52px !important;

  margin:0 auto 15px !important;

  border-radius:16px !important;

  background:rgba(56,189,248,.09) !important;
  border:1px solid rgba(56,189,248,.16) !important;

  color:#38bdf8 !important;
  font-size:22px !important;
  font-weight:900 !important;
}

.dashboard .empty h3{
  margin:0 0 8px !important;
  color:#f8fafc !important;
  font-size:19px !important;
  font-weight:850 !important;
}

.dashboard .empty p{
  margin:0 !important;
  color:#64748b !important;
  font-size:14px !important;
  line-height:1.6 !important;
}

/* Existing investments */
.dashboard .investmentList{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
}

.dashboard .investment{
  position:relative !important;
  overflow:hidden !important;

  padding:22px !important;

  border-radius:20px !important;
  border:1px solid rgba(148,163,184,.14) !important;

  background:
    linear-gradient(
      145deg,
      rgba(15,23,42,.96),
      rgba(8,15,30,.94)
    ) !important;

  box-shadow:
    0 12px 35px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.dashboard .investment::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:2px !important;
  background:linear-gradient(
    90deg,
    #38bdf8,
    #6366f1,
    #2dd4bf
  ) !important;
}

.dashboard .investmentHeader{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:20px !important;
}

.dashboard .investmentHeader strong{
  color:#f8fafc !important;
  font-size:17px !important;
  font-weight:850 !important;
}

.dashboard .investmentHeader span{
  padding:6px 10px !important;
  border-radius:999px !important;

  background:rgba(45,212,191,.09) !important;
  border:1px solid rgba(45,212,191,.18) !important;

  color:#5eead4 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
}

.dashboard .investment .cardLine{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:15px !important;

  padding:12px 0 !important;

  border-bottom:1px solid rgba(148,163,184,.08) !important;
}

.dashboard .investment .cardLine span{
  color:#64748b !important;
  font-size:13px !important;
  font-weight:650 !important;
}

.dashboard .investment .cardLine strong{
  color:#f8fafc !important;
  font-size:15px !important;
  font-weight:850 !important;
}

.dashboard .investmentActions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  margin-top:17px !important;
}

.dashboard .investmentActions button{
  min-height:42px !important;
  padding:0 14px !important;
  border-radius:11px !important;
  font-size:12px !important;
  font-weight:850 !important;
  cursor:pointer !important;
}

.dashboard .investmentActions .primary{
  border:0 !important;
  color:#fff !important;
  background:linear-gradient(100deg,#0ea5e9,#6366f1) !important;
}

.dashboard .investmentActions .secondary{
  border:1px solid rgba(148,163,184,.20) !important;
  color:#cbd5e1 !important;
  background:rgba(15,23,42,.72) !important;
}

/* Mobile */
@media(max-width:760px){

  .dashboard .sectionHeader h2{
    font-size:24px !important;
  }

  .dashboard .investBox{
    padding:21px !important;
    border-radius:18px !important;
  }

  .dashboard .investmentList{
    grid-template-columns:1fr !important;
  }

  .dashboard .investment{
    padding:19px !important;
  }

}

@media(max-width:480px){

  .dashboard .sectionHeader{
    margin-bottom:15px !important;
  }

  .dashboard .sectionHeader h2{
    font-size:22px !important;
  }

  .dashboard .investBox h3{
    font-size:19px !important;
  }

  .dashboard .investBox input{
    min-height:53px !important;
  }

  .dashboard .investBox button.primary{
    min-height:54px !important;
  }

}


/* =========================================================
   MONSTER TRADER — DASHBOARD REBUILD
   ========================================================= */

.dashboard{
  width:100%;
  margin-top:42px !important;
}

.dashboard .sectionHeader{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  margin-bottom:22px !important;
}

.dashboard .sectionHeader h2{
  margin:4px 0 0 !important;
  font-size:32px !important;
  font-weight:900 !important;
  color:#fff !important;
  letter-spacing:-.035em !important;
}

.dashboard .eyebrow{
  color:#38bdf8 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
}

.dashboardLive{
  padding:7px 12px !important;
  border:1px solid rgba(45,212,191,.25) !important;
  border-radius:999px !important;
  color:#5eead4 !important;
  background:rgba(45,212,191,.07) !important;
  font-size:10px !important;
  font-weight:900 !important;
}

.investPanel{
  position:relative !important;
  overflow:hidden !important;
  padding:30px !important;
  border:1px solid rgba(99,102,241,.22) !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 90% 0%,rgba(99,102,241,.20),transparent 35%),
    radial-gradient(circle at 0% 100%,rgba(14,165,233,.12),transparent 32%),
    linear-gradient(145deg,#111827,#080d1b) !important;
  box-shadow:0 25px 70px rgba(0,0,0,.30) !important;
}

.investPanel::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  height:3px !important;
  background:linear-gradient(90deg,#22d3ee,#6366f1,#a855f7,#2dd4bf) !important;
}

.investPanelTop{
  display:flex !important;
  justify-content:space-between !important;
  gap:25px !important;
  align-items:flex-start !important;
  margin-bottom:27px !important;
}

.panelKicker{
  color:#818cf8 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
}

.investPanel h3{
  margin:7px 0 7px !important;
  color:#fff !important;
  font-size:25px !important;
  font-weight:900 !important;
}

.investPanel p{
  margin:0 !important;
  color:#718096 !important;
  font-size:13px !important;
  line-height:1.6 !important;
}

.panelBadge{
  min-width:105px !important;
  padding:13px 16px !important;
  text-align:center !important;
  border-radius:15px !important;
  background:rgba(99,102,241,.10) !important;
  border:1px solid rgba(129,140,248,.20) !important;
}

.panelBadge span{
  display:block !important;
  color:#818cf8 !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}

.panelBadge strong{
  display:block !important;
  margin-top:3px !important;
  color:#fff !important;
  font-size:24px !important;
  font-weight:900 !important;
}

.investForm{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px !important;
}

.fieldBlock{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}

.fieldBlock label{
  color:#94a3b8 !important;
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}

.fieldBlock input{
  width:100% !important;
  min-height:54px !important;
  box-sizing:border-box !important;
  padding:0 16px !important;
  border:1px solid rgba(148,163,184,.16) !important;
  border-radius:13px !important;
  background:#070d19 !important;
  color:#fff !important;
  outline:none !important;
}

.inputWrap{
  position:relative !important;
}

.inputWrap input{
  padding-right:70px !important;
}

.inputWrap span{
  position:absolute !important;
  right:15px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#38bdf8 !important;
  font-size:11px !important;
  font-weight:900 !important;
}

.fieldBlock input:focus{
  border-color:rgba(56,189,248,.55) !important;
  box-shadow:0 0 0 3px rgba(56,189,248,.08) !important;
}

.investmentMeta{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:1px !important;
  margin-top:2px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:rgba(148,163,184,.08) !important;
}

.investmentMeta > div{
  padding:13px 15px !important;
  background:rgba(15,23,42,.75) !important;
}

.investmentMeta span{
  display:block !important;
  color:#64748b !important;
  font-size:10px !important;
  font-weight:700 !important;
}

.investmentMeta strong{
  display:block !important;
  margin-top:4px !important;
  color:#e2e8f0 !important;
  font-size:13px !important;
}

.investAction{
  grid-column:1 / -1 !important;
  min-height:56px !important;
  margin-top:3px !important;
  border:0 !important;
  border-radius:14px !important;
  color:#fff !important;
  font-weight:900 !important;
  background:linear-gradient(100deg,#0891b2,#4f46e5,#9333ea) !important;
  box-shadow:0 14px 35px rgba(79,70,229,.22) !important;
}

.portfolioEmpty{
  margin-top:18px !important;
  padding:35px 25px !important;
  text-align:center !important;
  border:1px solid rgba(148,163,184,.12) !important;
  border-radius:22px !important;
  background:rgba(8,15,30,.75) !important;
}

.emptyIcon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:52px !important;
  height:52px !important;
  margin:0 auto 14px !important;
  border-radius:16px !important;
  color:#38bdf8 !important;
  font-size:24px !important;
  font-weight:900 !important;
  background:rgba(56,189,248,.08) !important;
  border:1px solid rgba(56,189,248,.16) !important;
}

.portfolioEmpty h3{
  margin:0 0 7px !important;
  color:#f8fafc !important;
  font-size:18px !important;
}

.portfolioEmpty p{
  margin:0 !important;
  color:#64748b !important;
  font-size:13px !important;
}

.portfolioArea{
  margin-top:26px !important;
}

.portfolioTitle{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin-bottom:14px !important;
}

.portfolioTitle h3{
  margin:0 !important;
  color:#fff !important;
  font-size:18px !important;
}

.portfolioTitle span{
  color:#64748b !important;
  font-size:11px !important;
  font-weight:800 !important;
}

.investmentList{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
}

.dashboard .investment{
  padding:21px !important;
  border:1px solid rgba(148,163,184,.13) !important;
  border-radius:20px !important;
  background:linear-gradient(145deg,#101827,#080d18) !important;
}

.investmentLabel{
  display:block !important;
  margin-bottom:4px !important;
  color:#64748b !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.15em !important;
}

.positionStatus{
  padding:6px 9px !important;
  border-radius:999px !important;
  color:#5eead4 !important;
  background:rgba(45,212,191,.08) !important;
  border:1px solid rgba(45,212,191,.16) !important;
  font-size:9px !important;
  font-weight:900 !important;
}

.positionStatus.exit{
  color:#fbbf24 !important;
  background:rgba(251,191,36,.08) !important;
  border-color:rgba(251,191,36,.16) !important;
}

.investmentValues{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin-top:18px !important;
}

.valueCard{
  padding:15px !important;
  border-radius:13px !important;
  background:rgba(2,6,23,.55) !important;
}

.valueCard span{
  display:block !important;
  color:#64748b !important;
  font-size:10px !important;
}

.valueCard strong{
  display:block !important;
  margin-top:5px !important;
  color:#fff !important;
  font-size:18px !important;
}

.valueCard small{
  display:block !important;
  margin-top:3px !important;
  color:#475569 !important;
  font-size:9px !important;
}

.profitValue{
  border:1px solid rgba(45,212,191,.10) !important;
}

.dashboard .investmentActions{
  margin-top:14px !important;
  display:flex !important;
  gap:8px !important;
}

.dashboard .investmentActions button{
  min-height:40px !important;
  padding:0 13px !important;
  border-radius:10px !important;
  font-size:11px !important;
  font-weight:850 !important;
}

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

  .investmentMeta{
    grid-template-columns:1fr !important;
  }

  .investmentList{
    grid-template-columns:1fr !important;
  }

  .investPanelTop{
    flex-direction:column !important;
  }

  .panelBadge{
    min-width:90px !important;
  }
}