:root{--bg:#050711;--card:#0b1223dd;--card2:#111b31;--line:#22314d;--text:#eff6ff;--muted:#8da3c2;--green:#00e59b;--red:#ff4865;--amber:#ffbd2e;--blue:#4f8cff;--purple:#9b5cff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
.neon-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgba(79,140,255,.22),transparent 32%),radial-gradient(circle at 85% 12%,rgba(0,229,155,.16),transparent 28%),radial-gradient(circle at 50% 100%,rgba(155,92,255,.18),transparent 38%)}
.neon-bg span{position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(30px);opacity:.22;animation:float 9s infinite alternate}.neon-bg span:nth-child(1){background:var(--green);left:5%;top:15%}.neon-bg span:nth-child(2){background:var(--blue);right:10%;top:25%;animation-delay:1s}.neon-bg span:nth-child(3){background:var(--purple);left:35%;bottom:5%;animation-delay:2s}.neon-bg span:nth-child(4){background:var(--red);right:30%;bottom:20%;animation-delay:3s}@keyframes float{from{transform:translateY(0) scale(1)}to{transform:translateY(-55px) scale(1.2)}}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 5vw;background:rgba(5,7,17,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;gap:12px;align-items:center}.logo{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;font-weight:900;color:#00120c;background:linear-gradient(135deg,var(--green),var(--blue));box-shadow:0 0 38px rgba(0,229,155,.35)}h1,h2,h3,p{margin:0}.brand h1{font-size:20px}.brand p,.muted,.label,.tiny-warning{color:var(--muted)}.label{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.small{font-size:13px;line-height:1.5}.hidden{display:none!important}
main{position:relative;padding:24px 5vw 96px}.card{background:linear-gradient(180deg,rgba(17,27,49,.88),rgba(8,12,24,.88));border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.auth-grid{display:grid;grid-template-columns:1.1fr 420px;gap:26px;align-items:center;min-height:calc(100vh - 115px)}.hero-copy h2{font-size:clamp(36px,6vw,76px);line-height:.98;margin:10px 0 18px;max-width:820px}.hero-copy .muted{font-size:18px;line-height:1.7;max-width:720px}.hero-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.hero-points p{padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.tab,.nav-btn,.ghost-btn,.mode-btn,.ghost-full{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted);border-radius:14px;padding:12px 14px;cursor:pointer}.tab.active,.nav-btn.active,.mode-btn.active{background:linear-gradient(135deg,var(--green),#20c997);color:#00150c;font-weight:900;border-color:transparent}.auth-form{display:none}.active-form{display:block}label,.input-label{display:block;color:var(--muted);font-size:13px;margin:14px 0 7px}input,select{width:100%;border:1px solid var(--line);background:#060b16;color:var(--text);border-radius:14px;padding:14px;font-size:15px;outline:none}.primary-btn{width:100%;border:0;border-radius:16px;padding:14px 18px;margin-top:14px;background:linear-gradient(135deg,var(--green),#16a34a);color:#00150c;font-weight:900;cursor:pointer;box-shadow:0 0 34px rgba(0,229,155,.22)}.ghost-full{width:100%;margin-top:10px}.ghost-btn{width:auto}.pill,.live-pill,.tag{display:inline-flex;align-items:center;border:1px solid rgba(0,229,155,.3);background:rgba(0,229,155,.11);color:var(--green);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900}.auth-actions{display:flex;gap:10px;align-items:center}
.bottom-nav{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:50;display:flex;gap:8px;padding:10px;border:1px solid var(--line);border-radius:24px;background:rgba(8,12,24,.78);backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.45)}
.page{display:none}.active-page{display:block}.ticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.ticker{padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035)}.ticker h3{font-size:16px}.ticker strong{display:block;font-size:22px;margin-top:8px}.up{color:var(--green)}.down{color:var(--red)}
.grid{display:grid;gap:22px}.hero-grid{grid-template-columns:390px 1fr}.mode-switch{display:flex;gap:8px;margin-bottom:18px}.wallet-card>h2{font-size:36px;color:var(--green);margin:8px 0 18px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.stats-row div{padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.stats-row span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.signal-box{border-radius:20px;padding:18px;text-align:center;margin:16px 0;border:1px solid rgba(0,229,155,.35);background:rgba(0,229,155,.08)}.signal-box h3{font-size:28px;margin:5px 0}.signal-box.buy h3{color:var(--green)}.signal-box.sell{border-color:rgba(255,72,101,.35);background:rgba(255,72,101,.08)}.signal-box.sell h3{color:var(--red)}.signal-box.wait{border-color:rgba(255,189,46,.35);background:rgba(255,189,46,.08)}.signal-box.wait h3{color:var(--amber)}
.ai-engine{border:1px solid var(--line);border-radius:20px;padding:16px;background:rgba(79,140,255,.06)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.meter{height:10px;border-radius:999px;background:#101827;overflow:hidden;margin:10px 0}.meter i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--red),var(--amber),var(--green));border-radius:999px;transition:.4s}
#crypto_live_chart{height:520px;border-radius:20px;overflow:hidden;background:#050711}.table-card{margin-top:22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:13px}.empty{text-align:center;color:var(--muted)}.buy-text{color:var(--green);font-weight:900}.sell-text{color:var(--red);font-weight:900}.pnl-plus{color:var(--green)}.pnl-minus{color:var(--red)}
.section-title{text-align:center;max-width:720px;margin:30px auto}.section-title h2{font-size:36px;margin:8px 0}.plans-grid,.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.analytics-grid{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.metric-card h2{font-size:32px;margin-top:8px;color:var(--green)}.plan-card{position:relative}.price{font-size:34px;font-weight:900;margin:12px 0;color:var(--green)}.plan-card ul{color:var(--muted);line-height:2;padding-left:20px}.featured{border-color:rgba(0,229,155,.55)}.tag{position:absolute;right:18px;top:18px}.referral-card{max-width:680px;margin:auto;text-align:center}.ref-code{font-size:34px;font-weight:900;letter-spacing:.15em;margin:18px 0;padding:18px;border:1px dashed rgba(0,229,155,.45);border-radius:20px;background:rgba(0,229,155,.07)}
.admin-grid{display:grid;grid-template-columns:370px 1fr;gap:22px}.pnl-bars{display:grid;gap:10px;margin-top:18px}.pnl-bar{display:grid;grid-template-columns:90px 1fr 90px;gap:12px;align-items:center}.pnl-track{height:12px;border-radius:999px;background:#101827;overflow:hidden}.pnl-track i{display:block;height:100%;border-radius:999px;background:var(--green)}.pnl-track i.loss{background:var(--red)}
.modal-backdrop{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);padding:18px}.modal-backdrop.show{display:flex}.modal-card{width:min(560px,100%);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#111b31,#070b12);border:1px solid var(--line);border-radius:24px;padding:22px;position:relative}.modal-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);font-size:24px;cursor:pointer}.payment-box{margin:16px 0;border:1px dashed rgba(0,229,155,.45);background:rgba(0,229,155,.07);border-radius:18px;padding:16px;color:#d9fff0;line-height:1.9}
#toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%) translateY(120px);z-index:100;background:#111b31;border:1px solid var(--line);border-radius:16px;color:var(--text);padding:13px 18px;transition:.25s}#toast.show{transform:translateX(-50%) translateY(0)}
@media(max-width:1050px){.auth-grid,.hero-grid,.admin-grid{grid-template-columns:1fr}.ticker-grid,.analytics-grid,.plans-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.topbar{padding:13px 14px}.brand p{display:none}.brand h1{font-size:16px}.logo{width:42px;height:42px;border-radius:15px}main{padding:18px 14px 100px}.auth-grid{min-height:auto}.hero-copy h2{font-size:38px}.hero-points,.ticker-grid,.analytics-grid,.plans-grid{grid-template-columns:1fr}.card{padding:16px;border-radius:22px}.bottom-nav{width:calc(100% - 20px);overflow:auto;justify-content:flex-start}.nav-btn{white-space:nowrap;padding:11px 13px}#crypto_live_chart{height:430px}.stats-row{grid-template-columns:1fr}.section-title h2{font-size:29px}.wallet-card>h2{font-size:30px}}

.single-tab{grid-template-columns:1fr}.single-tab .tab{cursor:default}

.checklist{display:grid;gap:12px;color:#d7e8ff}.checklist p{padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035)}


.order-ticket{
  margin-top:16px;
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  background:rgba(255,255,255,.035);
}
.order-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.trade-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.buy-btn,.sell-btn,.close-btn{
  border:0;
  border-radius:16px;
  padding:14px 12px;
  font-weight:900;
  cursor:pointer;
}
.buy-btn{
  background:linear-gradient(135deg,var(--green),#16a34a);
  color:#00150c;
  box-shadow:0 0 28px rgba(0,229,155,.22);
}
.sell-btn{
  background:linear-gradient(135deg,var(--red),#b91c1c);
  color:#fff;
  box-shadow:0 0 28px rgba(255,72,101,.2);
}
.close-btn{
  padding:9px 12px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  color:var(--text);
  border-radius:12px;
}
.market-depth-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-top:22px;
}
.order-book,.recent-fills{
  display:grid;
  gap:8px;
}
.book-row,.fill-row{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.03);
  font-size:13px;
}
.book-row.ask span:first-child,.fill-row.sell span:first-child{color:var(--red);font-weight:900}
.book-row.bid span:first-child,.fill-row.buy span:first-child{color:var(--green);font-weight:900}
.trade-flash{
  animation:tradeFlash .9s ease both;
}
@keyframes tradeFlash{
  0%{box-shadow:0 0 0 rgba(0,229,155,0);transform:scale(1)}
  35%{box-shadow:0 0 42px rgba(0,229,155,.35);transform:scale(1.015)}
  100%{box-shadow:0 0 0 rgba(0,229,155,0);transform:scale(1)}
}
@media(max-width:700px){
  .order-row,.trade-actions,.market-depth-grid{grid-template-columns:1fr}
}


.deposit-shortcut{
  width:100%;
  border:1px solid rgba(0,229,155,.35);
  background:rgba(0,229,155,.09);
  color:var(--green);
  padding:12px 14px;
  border-radius:15px;
  font-weight:900;
  cursor:pointer;
  margin:-6px 0 12px;
}
.wallet-grid{
  display:grid;
  grid-template-columns:360px 1fr;
  gap:22px;
}
.wallet-big{
  font-size:42px;
  color:var(--green);
  font-weight:900;
  margin:18px 0;
}
@media(max-width:800px){
  .wallet-grid{grid-template-columns:1fr}
}


.admin-layout{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:22px;
}
.admin-menu{
  position:sticky;
  top:90px;
  align-self:start;
}
.admin-menu h2{margin:8px 0 16px}
.admin-tab{
  width:100%;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  color:var(--muted);
  border-radius:14px;
  padding:12px 14px;
  cursor:pointer;
  text-align:left;
  margin-bottom:9px;
  font-weight:800;
}
.admin-tab.active{
  background:linear-gradient(135deg,var(--green),#16a34a);
  color:#00150c;
  border-color:transparent;
}
.admin-panel{display:none}
.active-admin-panel{display:block}
.admin-content{min-width:0}
.status-pill{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  border:1px solid var(--line);
}
.status-active{color:var(--green);background:rgba(0,229,155,.1)}
.status-blocked{color:var(--red);background:rgba(255,72,101,.1)}
.action-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.reject-btn{
  border:1px solid rgba(255,72,101,.35);
  background:rgba(255,72,101,.1);
  color:var(--red);
  border-radius:12px;
  padding:9px 12px;
  cursor:pointer;
  font-weight:900;
}
.approve-btn{
  border:1px solid rgba(0,229,155,.35);
  background:rgba(0,229,155,.1);
  color:var(--green);
  border-radius:12px;
  padding:9px 12px;
  cursor:pointer;
  font-weight:900;
}
@media(max-width:950px){
  .admin-layout{grid-template-columns:1fr}
  .admin-menu{position:relative;top:0}
}


textarea{
  width:100%;
  min-height:110px;
  border:1px solid var(--line);
  background:#060b16;
  color:var(--text);
  border-radius:14px;
  padding:14px;
  font-size:15px;
  outline:none;
  resize:vertical;
}
.admin-two-grid{
  display:grid;
  grid-template-columns:380px 1fr;
  gap:22px;
}
.kyc-status-box{
  margin-top:18px;
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  background:rgba(255,255,255,.035);
  line-height:1.8;
}
.kyc-pending{color:var(--amber)}
.kyc-approved{color:var(--green)}
.kyc-rejected{color:var(--red)}
.plan-feature-list{
  color:var(--muted);
  line-height:1.8;
  padding-left:18px;
}
.plan-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
@media(max-width:950px){
  .admin-two-grid{grid-template-columns:1fr}
}

.signal-details{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:14px 0;
}
.signal-details div{
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  border-radius:14px;
  padding:12px;
}
.signal-details span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:5px;
}
.signal-details strong{
  font-size:14px;
}
@media(max-width:520px){
  .signal-details{grid-template-columns:1fr}
}


.account-mode-banner{
  border:1px solid rgba(79,140,255,.32);
  background:linear-gradient(135deg,rgba(79,140,255,.11),rgba(0,229,155,.06));
  border-radius:20px;
  padding:15px;
  margin-bottom:14px;
}
.account-mode-banner h3{
  margin:5px 0;
  font-size:22px;
}
.account-mode-banner p:last-child{
  color:var(--muted);
  font-size:13px;
}
.mode-switch{
  display:grid !important;
  grid-template-columns:1fr 1fr;
}
.mode-btn{
  text-align:center;
  font-weight:900;
}


.demo-only-notice{
  display:none;
  border:1px solid rgba(255,189,46,.35);
  background:rgba(255,189,46,.08);
  color:#ffe2a0;
  border-radius:16px;
  padding:12px 14px;
  font-size:13px;
  line-height:1.5;
  margin-bottom:14px;
}
body.demo-mode-active .demo-only-notice{display:block}
body.demo-mode-active .real-only-nav{display:none!important}


/* Premium user dashboard polish */
.header-market-ticker{
  display:flex;
  align-items:center;
  gap:14px;
  margin-left:auto;
  color:var(--muted);
  font-size:13px;
}
.header-market-ticker b{color:var(--green)}
#marketStatusDot{color:var(--green);font-weight:800}
.profile-pill{
  gap:8px;
  padding:6px 10px 6px 6px!important;
}
.profile-pill i{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--green),var(--blue));
  color:#00150c;
  font-style:normal;
  font-weight:900;
}
.profile-pill em{
  font-style:normal;
  font-size:10px;
  border-radius:999px;
  padding:4px 7px;
  background:rgba(255,189,46,.12);
  color:var(--amber);
  border:1px solid rgba(255,189,46,.28);
}
.market-insight-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin:-4px 0 22px;
}
.mini-metric{
  border:1px solid var(--line);
  border-radius:20px;
  padding:15px;
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(0,229,155,.035));
}
.mini-metric span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:7px;
}
.mini-metric strong{
  font-size:19px;
  color:var(--text);
}
.live-signal-meta{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:15px;
}
.live-signal-meta div{
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  padding:10px 8px;
  background:rgba(0,0,0,.14);
}
.live-signal-meta small{
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-bottom:4px;
}
.live-signal-meta b{
  font-size:12px;
}
.signal-box h3{
  text-shadow:0 0 18px rgba(0,229,155,.28);
}
.signal-box::before{
  content:"";
  display:inline-block;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 18px var(--green);
  animation:pulseLive 1.25s infinite;
  margin-right:8px;
}
@keyframes pulseLive{
  0%,100%{opacity:.45;transform:scale(.85)}
  50%{opacity:1;transform:scale(1.25)}
}
.chart-tools{
  display:flex;
  align-items:center;
  gap:9px;
}
.chart-hint{
  border:1px solid var(--line);
  color:var(--muted);
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
}
.bottom-nav{
  padding:8px!important;
  gap:7px!important;
  border-radius:22px!important;
}
.bottom-nav .nav-btn{
  padding:10px 14px!important;
  border-radius:16px!important;
  font-size:14px;
  min-width:74px;
  text-align:center;
}
.bottom-nav .nav-btn.active{
  box-shadow:0 0 25px rgba(0,229,155,.25);
}
.real-risk-notice{
  display:none;
  border:1px solid rgba(255,189,46,.35);
  background:rgba(255,189,46,.08);
  color:#ffe2a0;
  border-radius:14px;
  padding:11px 12px;
  font-size:12px;
  line-height:1.5;
  margin:-2px 0 12px;
}
body.real-mode-active .real-risk-notice{display:block}
.book-row{
  position:relative;
  overflow:hidden;
}
.book-row::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:var(--depth,35%);
  opacity:.12;
}
.book-row.ask::after{background:var(--red)}
.book-row.bid::after{background:var(--green)}
.fill-row{
  animation:fillSlide .35s ease both;
}
@keyframes fillSlide{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:translateY(0)}
}
@media(min-width:1100px){
  .hero-grid{
    grid-template-columns:360px minmax(0,1fr)!important;
  }
  .chart-card{
    min-height:640px;
  }
  #crypto_live_chart{
    height:600px!important;
  }
}
@media(max-width:850px){
  .header-market-ticker{display:none}
  .market-insight-grid{grid-template-columns:repeat(2,1fr)}
  .live-signal-meta{grid-template-columns:repeat(2,1fr)}
  .bottom-nav{
    width:calc(100% - 18px);
    justify-content:flex-start;
  }
  .bottom-nav .nav-btn{
    min-width:auto;
    padding:10px 12px!important;
  }
}
@media(max-width:520px){
  .market-insight-grid{grid-template-columns:1fr 1fr}
  .mini-metric{padding:12px}
  .mini-metric strong{font-size:16px}
}


.chart-bottom-feed{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:16px;
}
.mini-feed-card{
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.032);
  padding:14px;
  min-height:210px;
}
.compact-head{
  margin-bottom:10px!important;
}
.compact-head h3{
  font-size:18px;
}
.compact-order-book,
.compact-recent-fills{
  max-height:165px;
  overflow:hidden;
}
.compact-order-book .book-row,
.compact-recent-fills .fill-row{
  padding:8px 10px;
  border-radius:12px;
  font-size:12px;
}
@media(min-width:1100px){
  .chart-card{
    min-height:auto!important;
  }
  #crypto_live_chart{
    height:430px!important;
  }
}
@media(max-width:850px){
  .chart-bottom-feed{
    grid-template-columns:1fr;
  }
  .mini-feed-card{
    min-height:auto;
  }
}


/* ===== MERGED MOCKUP-STYLE WORKING UI ===== */
:root{
  --mock-bg:#020611;
  --mock-card:#071120;
  --mock-soft:#0b1629;
  --mock-line:rgba(112,151,220,.18);
}
body{
  background:
    radial-gradient(circle at 10% 0%, rgba(0,229,155,.12), transparent 28%),
    radial-gradient(circle at 75% 45%, rgba(105,71,255,.13), transparent 34%),
    #020611!important;
}
.topbar{
  min-height:86px!important;
  padding:14px 22px!important;
  background:rgba(2,6,17,.88)!important;
  backdrop-filter:blur(22px)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.brand .logo{
  border-radius:18px!important;
  background:linear-gradient(135deg,#00e59b,#2b87ff)!important;
  box-shadow:0 0 35px rgba(0,229,155,.16)!important;
}
.brand h1{
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
  font-weight:900!important;
}
.mock-feature-strip{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  flex:1;
  color:#c5d4eb;
  font-size:12px;
  white-space:nowrap;
}
.header-market-ticker{
  margin-left:0!important;
}
.profile-pill{
  border-radius:999px!important;
  background:rgba(0,229,155,.10)!important;
  border:1px solid rgba(0,229,155,.25)!important;
}
main{
  padding-top:22px!important;
}
.hero-grid{
  display:grid!important;
  grid-template-columns:430px minmax(0,1fr)!important;
  gap:18px!important;
  max-width:1540px;
  margin:0 auto;
}
.card,.wallet-card,.chart-card,.table-card,.mini-feed-card,.plan-card,.metric-card{
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(9,18,34,.96),rgba(3,9,20,.96))!important;
  border:1px solid var(--mock-line)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.mock-welcome-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
}
.mock-welcome-strip h2{
  font-size:20px;
  margin:0;
}
.mock-welcome-strip p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:13px;
}
.mock-avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:900;
  background:linear-gradient(135deg,#ffc16b,#7b4cff);
  color:#06101f;
}
.mock-account-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:12px 0 8px;
}
.mock-account{
  border:1px solid transparent;
  border-radius:12px;
  padding:14px;
}
.mock-account small{
  display:block;
  color:#bad0ee;
  font-size:12px;
  margin-bottom:6px;
}
.mock-account strong{
  color:#fff;
  font-size:16px;
}
.demo-card-mini{
  background:linear-gradient(135deg,rgba(30,90,255,.42),rgba(13,31,69,.8));
}
.real-card-mini{
  background:linear-gradient(135deg,rgba(0,229,155,.34),rgba(6,55,40,.8));
}
body.demo-mode-active #mockDemoMini,
body.real-mode-active #mockRealMini{
  outline:2px solid var(--green);
}
.switch-caption{
  text-align:center;
  color:var(--muted);
  font-size:12px;
  margin:5px 0 12px;
}
.account-mode-banner{
  display:none!important;
}
.mode-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:10px!important;
  margin-bottom:16px!important;
}
.mode-btn{
  border-radius:13px!important;
  padding:13px 14px!important;
  font-weight:900!important;
}
.wallet-card > .label,
.wallet-card > h2,
.wallet-card > .deposit-shortcut,
.wallet-card > .stats-row{
  display:none!important;
}
.signal-box{
  border-radius:14px!important;
  margin-top:12px!important;
  background:linear-gradient(135deg,rgba(0,229,155,.12),rgba(0,70,55,.18))!important;
}
.signal-box h3{
  font-size:28px!important;
}
.live-signal-meta{
  grid-template-columns:1fr 1fr!important;
}
.signal-details{
  grid-template-columns:1fr 1fr!important;
}
.ai-engine,.order-ticket{
  border-radius:14px!important;
}
.order-ticket{
  margin-top:14px!important;
}
.trade-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.buy-btn,.sell-btn{
  border-radius:12px!important;
  min-height:54px!important;
  font-size:15px!important;
}
.chart-card{
  padding:24px!important;
}
.mock-trade-screen-title{
  color:#dce8ff!important;
}
#crypto_live_chart{
  min-height:430px!important;
  height:430px!important;
  border-radius:16px!important;
  background:#050912!important;
  border:1px solid rgba(255,255,255,.05)!important;
}
.chart-bottom-feed{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin-top:16px!important;
}
.mini-feed-card{
  min-height:220px!important;
}
.compact-order-book,.compact-recent-fills{
  max-height:170px!important;
}
.book-row,.fill-row{
  border-radius:10px!important;
}
.book-row.ask{
  color:#ff5872!important;
  background:linear-gradient(90deg,rgba(255,63,96,.18),rgba(255,63,96,.04))!important;
}
.book-row.bid{
  color:#00e59b!important;
  background:linear-gradient(90deg,rgba(0,229,155,.16),rgba(0,229,155,.03))!important;
}
.ticker-grid{
  max-width:1540px;
  margin:0 auto 18px!important;
}
.ticker{
  min-height:105px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(0,229,155,.12),rgba(43,135,255,.10))!important;
}
.market-insight-grid{
  max-width:1540px;
  margin-left:auto!important;
  margin-right:auto!important;
}
.table-card{
  max-width:1540px;
  margin-left:auto!important;
  margin-right:auto!important;
}
.bottom-nav{
  position:fixed!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  z-index:999!important;
  padding:9px!important;
  border-radius:18px!important;
  background:rgba(5,11,24,.92)!important;
  backdrop-filter:blur(24px)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.45)!important;
}
.bottom-nav .nav-btn{
  background:transparent!important;
  border:0!important;
  color:#95a9c8!important;
  padding:10px 13px!important;
  border-radius:12px!important;
  min-width:76px!important;
}
.bottom-nav .nav-btn.active{
  background:linear-gradient(135deg,#00e59b,#17d3ff)!important;
  color:#00150d!important;
}
.mock-mobile-page .card,
.mock-mobile-page .wallet-grid > .card,
.mock-mobile-page .referral-card{
  max-width:430px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.mock-mobile-page .wallet-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  max-width:900px;
  margin:0 auto;
}
.mock-mobile-page .section-title,
.mock-mobile-page .plans-grid{
  max-width:900px;
  margin-left:auto!important;
  margin-right:auto!important;
}
.mock-mobile-page .plans-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
}
@media(max-width:1150px){
  .mock-feature-strip,.header-market-ticker{display:none!important}
  .hero-grid{
    grid-template-columns:1fr!important;
  }
  .chart-card{
    order:-1!important;
  }
  #crypto_live_chart{
    min-height:330px!important;
    height:330px!important;
  }
  .chart-bottom-feed{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:650px){
  .topbar{
    padding:12px 14px!important;
  }
  .brand p{
    display:none!important;
  }
  .profile-pill em{
    display:none!important;
  }
  main{
    padding:14px 12px 105px!important;
  }
  .ticker-grid{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .ticker{
    min-height:86px!important;
    padding:12px!important;
  }
  .market-insight-grid{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .hero-grid{
    gap:12px!important;
  }
  .card,.wallet-card,.chart-card{
    padding:14px!important;
    border-radius:18px!important;
  }
  .mock-account-cards{
    grid-template-columns:1fr 1fr;
  }
  .signal-box h3{
    font-size:22px!important;
  }
  .bottom-nav{
    width:calc(100% - 16px)!important;
    overflow:auto!important;
    justify-content:flex-start!important;
  }
  .bottom-nav .nav-btn{
    min-width:65px!important;
    font-size:12px!important;
    padding:9px 10px!important;
  }
}


/* ===== FULL USER DASHBOARD REBUILD + PRO BOTTOM NAV ===== */
:root{
  --mock-bg:#020611;
  --mock-card:#071120;
  --mock-line:rgba(112,151,220,.18);
}
body{
  background:
    radial-gradient(circle at 10% 0%, rgba(0,229,155,.12), transparent 28%),
    radial-gradient(circle at 75% 45%, rgba(105,71,255,.13), transparent 34%),
    #020611!important;
}
.topbar{
  min-height:86px!important;
  padding:14px 22px!important;
  background:rgba(2,6,17,.9)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  backdrop-filter:blur(22px)!important;
}
.mock-feature-strip{
  display:flex;
  gap:22px;
  justify-content:center;
  flex:1;
  color:#c5d4eb;
  font-size:12px;
  white-space:nowrap;
}
.pro-dashboard-shell{
  max-width:1560px;
  margin:0 auto;
  display:grid;
  grid-template-columns:430px minmax(0,1fr);
  gap:18px;
}
.card,.wallet-card,.chart-card,.table-card,.mini-feed-card,.plan-card,.metric-card{
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(9,18,34,.96),rgba(3,9,20,.96))!important;
  border:1px solid var(--mock-line)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.mock-welcome-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
}
.mock-welcome-strip h2{font-size:20px;margin:0}
.mock-welcome-strip p{margin:5px 0 0;color:var(--muted);font-size:13px}
.mock-avatar{
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;font-weight:900;
  background:linear-gradient(135deg,#ffc16b,#7b4cff);color:#06101f;
}
.mock-account-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 8px}
.mock-account{border:1px solid transparent;border-radius:12px;padding:14px}
.mock-account small{display:block;color:#bad0ee;font-size:12px;margin-bottom:6px}
.mock-account strong{color:#fff;font-size:16px}
.demo-card-mini{background:linear-gradient(135deg,rgba(30,90,255,.42),rgba(13,31,69,.8))}
.real-card-mini{background:linear-gradient(135deg,rgba(0,229,155,.34),rgba(6,55,40,.8))}
body.demo-mode-active #mockDemoMini,body.real-mode-active #mockRealMini{outline:2px solid var(--green)}
.switch-caption{text-align:center;color:var(--muted);font-size:12px;margin:5px 0 12px}
.mode-switch{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin-bottom:16px!important}
.mode-btn{border-radius:13px!important;padding:13px 14px!important;font-weight:900!important}
.pro-signal-card{border-radius:14px!important;background:linear-gradient(135deg,rgba(0,229,155,.12),rgba(0,70,55,.18))!important}
.pro-signal-card h3{font-size:28px!important}
.live-signal-meta,.signal-details{grid-template-columns:1fr 1fr!important}
.order-ticket,.ai-engine{border-radius:14px!important}
.trade-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.buy-btn,.sell-btn{border-radius:12px!important;min-height:54px!important;font-size:15px!important}
.pro-trading-panel{padding:24px!important}
.pro-pair-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.pair-pill{background:rgba(255,255,255,.04);border:1px solid var(--mock-line);color:var(--text);padding:10px 14px;border-radius:10px;font-weight:800}
#proPairPrice{color:var(--green);font-size:20px}
#proPairChange{color:var(--green)}
.pro-time-tabs{display:flex;gap:12px;margin:14px 0;color:var(--muted)}
.pro-time-tabs b{background:#1b5aa4;color:#fff;padding:5px 10px;border-radius:8px}
#crypto_live_chart{height:430px!important;border-radius:16px!important;background:#050912!important;border:1px solid rgba(255,255,255,.05)!important}
.chart-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid rgba(255,255,255,.06);margin-top:14px;padding-top:12px}
.chart-stats-row small{display:block;color:var(--muted);font-size:11px}
.chart-bottom-feed{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:16px!important}
.mini-feed-card{min-height:220px!important}
.compact-order-book,.compact-recent-fills{max-height:170px!important}
.ticker-grid,.market-insight-grid,.pro-positions-card{max-width:1560px;margin-left:auto!important;margin-right:auto!important}
.ticker{border-radius:20px!important;background:linear-gradient(135deg,rgba(0,229,155,.12),rgba(43,135,255,.10))!important}
.pro-bottom-nav{
  position:fixed!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;
  z-index:999!important;display:flex!important;gap:8px!important;padding:9px!important;
  border-radius:22px!important;background:rgba(5,11,24,.92)!important;backdrop-filter:blur(24px)!important;
  border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 50px rgba(0,0,0,.45)!important;
}
.pro-bottom-nav .nav-btn{
  border:0!important;background:transparent!important;color:#95a9c8!important;
  padding:8px 12px!important;border-radius:15px!important;min-width:70px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;
}
.pro-bottom-nav .nav-ico{font-size:18px;font-weight:900}
.pro-bottom-nav small{font-size:10px}
.pro-bottom-nav .nav-btn.active{
  background:linear-gradient(135deg,#00e59b,#17d3ff)!important;color:#00150d!important;font-weight:900!important;
}
.pro-bottom-nav .center-trade-btn{
  margin-top:-24px!important;width:64px!important;height:64px!important;border-radius:50%!important;
  background:linear-gradient(135deg,#00e59b,#17d3ff)!important;color:#00150d!important;
  box-shadow:0 12px 35px rgba(0,229,155,.3)!important;justify-content:center!important;
}
.mock-mobile-page .wallet-grid{display:grid!important;grid-template-columns:1fr!important;max-width:920px;margin:0 auto}
.mock-mobile-page .card,.mock-mobile-page .referral-card{max-width:430px;margin-left:auto!important;margin-right:auto!important}
.mock-mobile-page .plans-grid{max-width:980px;margin-left:auto!important;margin-right:auto!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
body.demo-mode-active .real-only-nav{display:none!important}
@media(max-width:1150px){
  .mock-feature-strip,.header-market-ticker{display:none!important}
  .pro-dashboard-shell{grid-template-columns:1fr!important}
  .pro-trading-panel{order:-1}
  #crypto_live_chart{height:330px!important}
  .chart-bottom-feed{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .topbar{padding:12px 14px!important}
  .brand p{display:none!important}
  main{padding:14px 12px 105px!important}
  .ticker-grid,.market-insight-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .pro-dashboard-shell{gap:12px!important}
  .card,.wallet-card,.chart-card{padding:14px!important;border-radius:18px!important}
  .chart-stats-row{grid-template-columns:1fr 1fr}
  .pro-bottom-nav{width:calc(100% - 16px)!important;overflow:auto!important;justify-content:flex-start!important}
  .pro-bottom-nav .nav-btn{min-width:58px!important;padding:8px 9px!important}
  .pro-bottom-nav .center-trade-btn{min-width:62px!important}
}


/* =========================================================
   FINAL FULL PREMIUM REBUILD V2 — MOCKUP STYLE
   ========================================================= */
:root{
  --ui-bg:#020713;
  --ui-card:#071322;
  --ui-card2:#0b1729;
  --ui-line:rgba(112,151,220,.20);
  --ui-soft:rgba(255,255,255,.035);
  --ui-green:#00e59b;
  --ui-red:#ff3f60;
  --ui-blue:#2b87ff;
  --ui-purple:#794cff;
  --ui-gold:#ffc247;
}
body{
  background:
    radial-gradient(circle at 0% 10%, rgba(0,229,155,.14), transparent 28%),
    radial-gradient(circle at 76% 42%, rgba(121,76,255,.16), transparent 36%),
    radial-gradient(circle at 50% 100%, rgba(43,135,255,.08), transparent 40%),
    var(--ui-bg)!important;
  color:#f3f8ff!important;
}
.topbar{
  min-height:88px!important;
  padding:14px 22px!important;
  background:rgba(2,7,19,.88)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  backdrop-filter:blur(24px)!important;
}
.brand h1{
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:19px!important;
}
.brand p{color:#9eb2cf!important}
.logo{
  border-radius:18px!important;
  background:linear-gradient(135deg,#00e59b,#35a4ff)!important;
  color:#00140e!important;
  box-shadow:0 0 36px rgba(0,229,155,.22)!important;
}
.mock-feature-strip{
  display:flex!important;
  flex:1;
  justify-content:center;
  gap:24px;
  color:#cedbf0;
  font-size:12px;
  white-space:nowrap;
}
.header-market-ticker{
  color:#9fb4d4!important;
}
.profile-pill{
  background:rgba(0,229,155,.10)!important;
  border:1px solid rgba(0,229,155,.28)!important;
  border-radius:999px!important;
}
.profile-pill i{
  background:linear-gradient(135deg,#ffc247,#7b4cff)!important;
}
.profile-pill em{
  color:#ffc247!important;
  background:rgba(255,194,71,.12)!important;
  border:1px solid rgba(255,194,71,.30)!important;
}
main{padding-top:22px!important}

/* Desktop mockup grid */
.pro-dashboard-shell{
  max-width:1560px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:420px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.ticker-grid,
.market-insight-grid,
.pro-positions-card,
.table-card{
  max-width:1560px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.card,.wallet-card,.chart-card,.table-card,.metric-card,.mini-feed-card,.plan-card,.auth-card{
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(8,18,34,.96),rgba(4,9,20,.96))!important;
  border:1px solid var(--ui-line)!important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.mock-welcome-strip{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
}
.mock-welcome-strip h2{
  font-size:20px!important;
  margin:0!important;
}
.mock-welcome-strip p{
  margin:4px 0 0!important;
  color:#96aac9!important;
  font-size:13px!important;
}
.mock-avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  background:linear-gradient(135deg,#ffc247,#794cff);
  display:grid;
  place-items:center;
  font-weight:900;
  color:#071322;
}
.mock-account-cards{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:12px 0 8px!important;
}
.mock-account{
  border-radius:12px;
  padding:14px;
  border:1px solid transparent;
}
.mock-account small{
  display:block;
  color:#bad0ee;
  font-size:12px;
  margin-bottom:6px;
}
.mock-account strong{font-size:17px;color:#fff}
.demo-card-mini{background:linear-gradient(135deg,rgba(36,93,255,.45),rgba(12,31,70,.88))}
.real-card-mini{background:linear-gradient(135deg,rgba(0,229,155,.36),rgba(5,58,41,.88))}
body.demo-mode-active #mockDemoMini,
body.real-mode-active #mockRealMini{
  outline:2px solid var(--ui-green);
  box-shadow:0 0 24px rgba(0,229,155,.16);
}
.switch-caption{
  color:#92a6c5;
  text-align:center;
  font-size:12px;
  margin:6px 0 12px;
}
.mode-switch{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:10px!important;
  margin-bottom:16px!important;
}
.mode-btn{
  border-radius:13px!important;
  padding:13px 14px!important;
  font-weight:900!important;
}
.wallet-card > .label,
.wallet-card > h2,
.wallet-card > .deposit-shortcut,
.wallet-card > .real-risk-notice,
.wallet-card > .stats-row{
  display:none!important;
}

/* Signal card like mockup */
.pro-signal-card,
.signal-box{
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(0,229,155,.13),rgba(0,70,55,.18))!important;
  border:1px solid rgba(0,229,155,.22)!important;
  text-align:left!important;
  padding:16px!important;
}
.signal-box p{
  text-transform:uppercase;
  letter-spacing:.07em;
  font-size:12px;
  color:#a8bbd5;
}
.signal-box h3{
  font-size:25px!important;
  color:var(--ui-green)!important;
  margin:10px 0!important;
}
.live-signal-meta{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:12px!important;
}
.live-signal-meta div,
.signal-details div{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(0,0,0,.16)!important;
  border-radius:11px!important;
  padding:10px!important;
}
.signal-details{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}

/* AI engine + ticket */
.ai-engine,.order-ticket{
  border-radius:14px!important;
  background:rgba(255,255,255,.026)!important;
}
.order-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.trade-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:14px!important;
}
.buy-btn,.sell-btn{
  min-height:54px!important;
  border-radius:12px!important;
  font-size:15px!important;
  font-weight:900!important;
}

/* Chart panel */
.pro-trading-panel,.chart-card{
  padding:22px!important;
}
.pro-pair-line{
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  margin:4px 0 12px!important;
}
.pair-pill{
  background:rgba(255,255,255,.045);
  border:1px solid var(--ui-line);
  color:#fff;
  padding:10px 14px;
  border-radius:10px;
  font-weight:900;
}
#proPairPrice{font-size:20px;color:var(--ui-green)}
#proPairChange{color:var(--ui-green)}
.pro-time-tabs,.time-tabs{
  display:flex!important;
  gap:12px;
  color:#96aac9;
  margin:14px 0!important;
}
.pro-time-tabs b,.time-tabs b{
  background:#1b5aa4!important;
  color:white!important;
  padding:5px 10px!important;
  border-radius:8px!important;
}
#crypto_live_chart{
  height:410px!important;
  min-height:410px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#050912!important;
  border:1px solid rgba(255,255,255,.055)!important;
}
.chart-stats-row{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:10px!important;
  border-top:1px solid rgba(255,255,255,.06);
  margin-top:14px!important;
  padding-top:12px!important;
}
.chart-stats-row small{display:block;color:#95a9c8;font-size:11px}
.chart-bottom-feed{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin-top:16px!important;
}
.mini-feed-card{
  min-height:215px!important;
  padding:14px!important;
}
.compact-order-book,.compact-recent-fills{
  max-height:168px!important;
  overflow:hidden!important;
}
.book-row,.fill-row{
  border-radius:10px!important;
  padding:8px 10px!important;
}
.book-row.ask{
  color:#ff5872!important;
  background:linear-gradient(90deg,rgba(255,63,96,.18),rgba(255,63,96,.04))!important;
}
.book-row.bid{
  color:#00e59b!important;
  background:linear-gradient(90deg,rgba(0,229,155,.17),rgba(0,229,155,.03))!important;
}

/* Top ticker + metrics */
.ticker{
  border-radius:20px!important;
  min-height:100px!important;
  background:linear-gradient(135deg,rgba(0,229,155,.12),rgba(43,135,255,.10))!important;
}
.market-insight-grid .mini-metric{
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,229,155,.04))!important;
}
.market-insight-grid .mini-metric strong{
  font-size:23px!important;
}

/* Bottom nav: mockup + extra center AI */
.pro-bottom-nav,.bottom-nav{
  position:fixed!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  z-index:999!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px!important;
  border-radius:22px!important;
  background:rgba(5,11,24,.93)!important;
  backdrop-filter:blur(24px)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.48)!important;
}
.pro-bottom-nav .nav-btn,.bottom-nav .nav-btn{
  border:0!important;
  background:transparent!important;
  color:#95a9c8!important;
  padding:8px 12px!important;
  border-radius:15px!important;
  min-width:70px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:3px!important;
  font-weight:800!important;
}
.pro-bottom-nav .nav-ico,.bottom-nav .nav-ico{
  font-size:18px!important;
  line-height:1!important;
}
.pro-bottom-nav small,.bottom-nav small{font-size:10px!important}
.pro-bottom-nav .nav-btn.active,.bottom-nav .nav-btn.active{
  background:linear-gradient(135deg,#00e59b,#17d3ff)!important;
  color:#00150d!important;
}
.pro-bottom-nav .center-trade-btn,.bottom-nav .center-trade-btn{
  margin-top:-25px!important;
  width:66px!important;
  height:66px!important;
  min-width:66px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#00e59b,#17d3ff)!important;
  color:#00150d!important;
  box-shadow:0 12px 36px rgba(0,229,155,.34)!important;
  justify-content:center!important;
}

/* Demo/Real rules */
body.demo-mode-active .real-only-nav{display:none!important}
.demo-only-notice{
  border-radius:12px!important;
}

/* Mobile page cards */
.mock-mobile-page .wallet-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  max-width:930px!important;
  margin:0 auto!important;
}
.mock-mobile-page .card,.mock-mobile-page .referral-card{
  max-width:430px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.mock-mobile-page .plans-grid{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
}
.wallet-big{
  font-size:36px!important;
  color:var(--ui-green)!important;
}

/* Responsive */
@media(max-width:1180px){
  .mock-feature-strip,.header-market-ticker{display:none!important}
  .pro-dashboard-shell{grid-template-columns:1fr!important}
  .pro-trading-panel{order:-1!important}
  #crypto_live_chart{height:330px!important;min-height:330px!important}
  .chart-bottom-feed{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  .topbar{padding:12px 14px!important}
  .brand p{display:none!important}
  .profile-pill em{display:none!important}
  main{padding:14px 12px 105px!important}
  .ticker-grid,.market-insight-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .pro-dashboard-shell{gap:12px!important}
  .card,.wallet-card,.chart-card{padding:14px!important;border-radius:18px!important}
  .chart-stats-row{grid-template-columns:1fr 1fr!important}
  .pro-bottom-nav,.bottom-nav{
    width:calc(100% - 16px)!important;
    overflow:auto!important;
    justify-content:flex-start!important;
  }
  .pro-bottom-nav .nav-btn,.bottom-nav .nav-btn{
    min-width:58px!important;
    padding:8px 9px!important;
  }
  .pro-bottom-nav .center-trade-btn,.bottom-nav .center-trade-btn{
    min-width:62px!important;
    width:62px!important;
    height:62px!important;
  }
  .live-signal-meta,.signal-details,.order-row{grid-template-columns:1fr 1fr!important}
}
@media(max-width:440px){
  .ticker-grid,.market-insight-grid{grid-template-columns:1fr!important}
  .mock-account-cards{grid-template-columns:1fr 1fr!important}
  .signal-box h3{font-size:22px!important}
}


/* =========================================================
   PC ALSO MOBILE-APP FRAME MODE
   Desktop पर भी mobile app जैसा centered layout
   ========================================================= */
@media(min-width:901px){
  body{
    background:
      radial-gradient(circle at 50% 0%, rgba(0,229,155,.12), transparent 28%),
      radial-gradient(circle at 70% 70%, rgba(121,76,255,.14), transparent 34%),
      #020611!important;
  }

  main{
    display:flex!important;
    justify-content:center!important;
    padding:22px 16px 120px!important;
  }

  #appPage{
    width:430px!important;
    max-width:430px!important;
    margin:0 auto!important;
  }

  .ticker-grid{
    grid-template-columns:1fr 1fr!important;
    max-width:430px!important;
    width:430px!important;
    gap:10px!important;
  }

  .ticker{
    min-height:86px!important;
    padding:13px!important;
  }

  .ticker h3{
    font-size:14px!important;
  }

  .ticker strong{
    font-size:20px!important;
  }

  .market-insight-grid{
    grid-template-columns:1fr 1fr!important;
    width:430px!important;
    max-width:430px!important;
    gap:10px!important;
  }

  .mini-metric{
    padding:13px!important;
    min-height:84px!important;
  }

  .mini-metric strong{
    font-size:18px!important;
  }

  .pro-dashboard-shell{
    display:flex!important;
    flex-direction:column!important;
    width:430px!important;
    max-width:430px!important;
    margin:0 auto!important;
    gap:14px!important;
  }

  .pro-home-panel,
  .pro-trading-panel,
  .pro-positions-card,
  .table-card{
    width:430px!important;
    max-width:430px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .pro-trading-panel{
    order:-1!important;
  }

  #crypto_live_chart{
    height:330px!important;
    min-height:330px!important;
  }

  .chart-stats-row{
    grid-template-columns:1fr 1fr!important;
  }

  .chart-bottom-feed{
    grid-template-columns:1fr!important;
  }

  .mini-feed-card{
    min-height:auto!important;
  }

  .table-wrap{
    max-width:100%!important;
    overflow:auto!important;
  }

  .analytics-grid{
    grid-template-columns:1fr 1fr!important;
    width:430px!important;
    max-width:430px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  #analytics > .card,
  .mock-mobile-page .card,
  .mock-mobile-page .referral-card,
  .mock-mobile-page .wallet-grid,
  .mock-mobile-page .plans-grid,
  .section-title{
    width:430px!important;
    max-width:430px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

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

  .bottom-nav,
  .pro-bottom-nav{
    width:430px!important;
    max-width:430px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    overflow:auto!important;
    justify-content:flex-start!important;
  }

  .bottom-nav .nav-btn,
  .pro-bottom-nav .nav-btn{
    min-width:62px!important;
  }

  .topbar{
    justify-content:center!important;
  }

  .topbar .mock-feature-strip,
  .topbar .header-market-ticker{
    display:none!important;
  }

  .auth-grid{
    width:430px!important;
    max-width:430px!important;
    grid-template-columns:1fr!important;
  }

  .hero-copy{
    display:none!important;
  }
}


/* ===== CLEAN NAVIGATION LAYOUT ===== */
.clean-nav{
  justify-content:space-between!important;
}

.trade-only-layout{
  grid-template-columns:1fr!important;
}

.full-trade-panel{
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
}

#trade_live_chart{
  height:340px;
  border-radius:16px;
  overflow:hidden;
  background:#050912;
  border:1px solid rgba(255,255,255,.06);
}

.more-grid{
  width:430px;
  max-width:430px;
  margin:0 auto;
  display:grid;
  gap:14px;
}

.more-card{
  text-align:center;
  padding:20px!important;
}

.more-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin:0 auto 14px;
  background:linear-gradient(135deg,#00e59b,#17d3ff);
  color:#00150d;
  font-size:24px;
  font-weight:900;
}

.more-card h3{
  margin:0 0 6px;
}

.more-card p{
  margin:0 0 14px;
  color:#9db1cf;
  font-size:13px;
}

.more-open-btn{
  min-height:44px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#00e59b,#17d3ff);
  color:#00150d;
  font-weight:900;
  padding:0 18px;
}

@media(min-width:901px){
  .full-trade-panel,
  .more-grid{
    width:430px!important;
    max-width:430px!important;
  }
}


/* ===== TRADE PAGE FIX ===== */
#tradepage .full-trade-panel{
  display:flex;
  flex-direction:column;
  gap:12px;
}

#tradepage #crypto_live_chart{
  height:330px!important;
  min-height:330px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#050912!important;
  border:1px solid rgba(255,255,255,.06)!important;
}

.trade-page-ticket-wrap{
  margin-top:14px;
}

.trade-page-ticket-wrap .order-ticket{
  margin-top:0!important;
}

#dashboard .order-ticket{
  display:none!important;
}

@media(min-width:901px){
  #tradepage .full-trade-panel{
    width:430px!important;
    max-width:430px!important;
    margin:0 auto!important;
  }
}


/* ===== FAST CHART VISUAL FIX ===== */
#crypto_live_chart{
  height:360px!important;
  min-height:360px!important;
  width:100%!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#050912!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 12px 30px rgba(0,0,0,.24)!important;
}

.chart-loader{
  height:100%;
  min-height:330px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  color:#91a7c4;
  background:
    linear-gradient(90deg, rgba(0,229,155,.05) 1px, transparent 1px),
    linear-gradient(0deg, rgba(43,135,255,.045) 1px, transparent 1px),
    #050912;
  background-size:34px 34px;
}

.chart-loader span{
  width:38px;
  height:38px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.12);
  border-top-color:#00e59b;
  animation:spinChart .8s linear infinite;
}

.chart-loader p{
  margin:0;
  font-size:13px;
}

@keyframes spinChart{
  to{transform:rotate(360deg)}
}

.pro-trading-panel{
  overflow:hidden!important;
}

.chart-tools{
  flex-wrap:wrap;
}

@media(max-width:650px){
  #crypto_live_chart{
    height:320px!important;
    min-height:320px!important;
  }
}


/* ===== WITHDRAWAL FLOW UI ===== */
.wallet-action-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.withdraw-btn{
  width:100%;
  border:1px solid rgba(255,194,71,.35);
  border-radius:16px;
  padding:14px 18px;
  margin-top:14px;
  background:rgba(255,194,71,.10);
  color:#ffc247;
  font-weight:900;
  cursor:pointer;
}
.wallet-action-grid .primary-btn,
.wallet-action-grid .withdraw-btn{
  margin-top:0!important;
}
@media(max-width:520px){
  .wallet-action-grid{grid-template-columns:1fr}
}


/* ===== WITHDRAWAL ELIGIBILITY RULE UI ===== */
.withdraw-rule-box{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:16px 0;
}
.withdraw-rule-box div{
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  border-radius:14px;
  padding:12px;
}
.withdraw-rule-box span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:6px;
}
.withdraw-rule-box b{
  color:var(--green);
  font-size:15px;
}
@media(max-width:520px){
  .withdraw-rule-box{grid-template-columns:1fr}
}

/* ===== PNL WALLET FIX UI ===== */
#walletBalance,
#walletPageBalance{
  text-shadow:0 0 18px rgba(0,229,155,.18);
}

/* Pending withdrawal reserved balance */
.withdraw-rule-box{
  grid-template-columns:1fr 1fr!important;
}
@media(min-width:901px){
  .withdraw-rule-box{
    grid-template-columns:1fr 1fr!important;
  }
}


/* ===== LIVE WEBSOCKET STATUS ===== */
#marketStatusDot{
  transition:.25s ease;
  font-weight:900;
}
.pnl-plus,#todayPnlMini.pnl-plus{
  text-shadow:0 0 16px rgba(0,229,155,.18);
}
.pnl-minus,#todayPnlMini.pnl-minus{
  text-shadow:0 0 16px rgba(255,63,96,.18);
}


/* ===== AI/AI Trade Daily Limit UI ===== */
.ai-trade-usage-box{
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  border-radius:16px;
  padding:13px;
  display:grid;
  gap:11px;
  margin:12px 0;
}
.ai-trade-usage-box span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.ai-trade-usage-box strong{color:var(--green);font-size:18px}
.auto-trade-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.auto-trade-toggle input{width:18px;height:18px;accent-color:#00e59b;min-height:auto!important}
.auto-trade-toggle span{margin:0;color:var(--text);font-weight:800}


/* ===== MANAGED TRADE CONTROL ===== */
#adminManagedTrade .admin-two-grid{
  align-items:start;
}
#managedTradesLog .pnl-plus{
  color:var(--green);
  font-weight:900;
}
#managedTradesLog .pnl-minus{
  color:var(--red);
  font-weight:900;
}


/* =========================================================
   PREMIUM ADMIN PANEL UI — mobile-app style
   ========================================================= */
body[data-admin-page="true"]{
  background:
    radial-gradient(circle at 8% 0%, rgba(0,229,155,.14), transparent 28%),
    radial-gradient(circle at 78% 32%, rgba(121,76,255,.16), transparent 36%),
    #020611!important;
}

body[data-admin-page="true"] main{
  max-width:1180px;
  margin:0 auto;
  padding:22px 14px 90px!important;
}

.admin-premium-page{
  width:100%;
}

.admin-premium-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin:0 auto 18px;
  padding:18px;
  border:1px solid rgba(112,151,220,.18);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(9,18,34,.96),rgba(4,9,20,.96));
  box-shadow:0 18px 50px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04);
}

.admin-premium-hero h2{
  margin:4px 0;
  font-size:28px;
  letter-spacing:-.03em;
}

.admin-premium-hero span{
  color:var(--muted);
  font-size:13px;
}

.admin-live-card{
  min-width:140px;
  border-radius:18px;
  padding:14px;
  text-align:center;
  background:linear-gradient(135deg,rgba(0,229,155,.18),rgba(43,135,255,.12));
  border:1px solid rgba(0,229,155,.25);
}

.admin-live-card b{
  display:block;
  color:var(--green);
  font-size:22px;
}

.admin-live-card small{
  color:#bcd0ed;
}

.admin-layout{
  display:grid!important;
  grid-template-columns:270px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start;
}

.admin-menu{
  position:sticky!important;
  top:104px!important;
  border-radius:22px!important;
  padding:16px!important;
  background:linear-gradient(180deg,rgba(8,18,34,.96),rgba(4,9,20,.96))!important;
  border:1px solid rgba(112,151,220,.18)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.admin-menu h2{
  font-size:20px!important;
  margin:4px 0 14px!important;
}

.admin-tab{
  width:100%!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:8px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:rgba(255,255,255,.035)!important;
  color:#9fb3d1!important;
  border-radius:15px!important;
  padding:11px 13px!important;
  font-weight:900!important;
  text-align:left!important;
  transition:.18s ease!important;
}

.admin-tab:hover{
  transform:translateX(3px);
  border-color:rgba(0,229,155,.22)!important;
}

.admin-tab.active{
  background:linear-gradient(135deg,#00e59b,#17d3ff)!important;
  color:#00150d!important;
  border-color:transparent!important;
  box-shadow:0 12px 30px rgba(0,229,155,.18)!important;
}

.admin-content{
  min-width:0!important;
}

.admin-panel{
  animation:adminFade .22s ease both;
}

@keyframes adminFade{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

.admin-quick-grid,
.analytics-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:12px!important;
  margin-bottom:18px!important;
}

.admin-mini-card,
.metric-card{
  border-radius:20px!important;
  padding:16px!important;
  background:linear-gradient(135deg,rgba(0,229,155,.10),rgba(43,135,255,.08))!important;
  border:1px solid rgba(112,151,220,.18)!important;
  box-shadow:0 15px 38px rgba(0,0,0,.24)!important;
}

.admin-mini-card span,
.metric-card p{
  display:block;
  color:#9fb3d1!important;
  font-size:12px!important;
  margin-bottom:8px!important;
}

.admin-mini-card b,
.metric-card h2{
  color:#fff!important;
  font-size:24px!important;
  margin:0!important;
}

body[data-admin-page="true"] .card,
body[data-admin-page="true"] .table-card{
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(8,18,34,.96),rgba(4,9,20,.96))!important;
  border:1px solid rgba(112,151,220,.18)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04)!important;
}

body[data-admin-page="true"] .section-head{
  gap:12px!important;
  margin-bottom:14px!important;
}

body[data-admin-page="true"] table{
  border-spacing:0 8px!important;
  border-collapse:separate!important;
}

body[data-admin-page="true"] th{
  color:#9fb3d1!important;
  font-size:12px!important;
  font-weight:800!important;
  border-bottom:0!important;
}

body[data-admin-page="true"] td{
  background:rgba(255,255,255,.025)!important;
  border-top:1px solid rgba(255,255,255,.045)!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  padding:12px 10px!important;
}

body[data-admin-page="true"] tr td:first-child{
  border-left:1px solid rgba(255,255,255,.045)!important;
  border-radius:14px 0 0 14px!important;
}

body[data-admin-page="true"] tr td:last-child{
  border-right:1px solid rgba(255,255,255,.045)!important;
  border-radius:0 14px 14px 0!important;
}

body[data-admin-page="true"] input,
body[data-admin-page="true"] select,
body[data-admin-page="true"] textarea{
  min-height:52px!important;
  border-radius:15px!important;
  background:#030915!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

body[data-admin-page="true"] .primary-btn,
body[data-admin-page="true"] .approve-btn{
  border-radius:15px!important;
  background:linear-gradient(135deg,#00e59b,#17d3ff)!important;
  color:#00150d!important;
  border:0!important;
  font-weight:900!important;
  box-shadow:0 10px 25px rgba(0,229,155,.18)!important;
}

body[data-admin-page="true"] .reject-btn{
  border-radius:15px!important;
  background:linear-gradient(135deg,#ff4d67,#ff2d55)!important;
  color:white!important;
  border:0!important;
}

body[data-admin-page="true"] .ghost-btn{
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.04)!important;
}

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

@media(max-width:900px){
  body[data-admin-page="true"] main{
    max-width:430px!important;
    padding:14px 10px 96px!important;
  }

  .admin-premium-hero{
    border-radius:20px!important;
    align-items:flex-start;
    flex-direction:column;
  }

  .admin-premium-hero h2{
    font-size:22px!important;
  }

  .admin-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    width:100%!important;
  }

  .admin-menu{
    position:relative!important;
    top:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .admin-menu .label,
  .admin-menu h2{
    display:none!important;
  }

  .admin-tab{
    min-height:44px!important;
    margin-bottom:7px!important;
  }

  .admin-content,
  .admin-panel,
  body[data-admin-page="true"] .card,
  body[data-admin-page="true"] .table-card{
    width:100%!important;
    max-width:430px!important;
  }

  .admin-quick-grid,
  .analytics-grid{
    grid-template-columns:1fr 1fr!important;
  }

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

  .table-wrap{
    overflow:auto!important;
    max-width:100%!important;
  }
}


/* =========================================================
   ADMIN PC DESKTOP LAYOUT FIX
   PC पर admin full dashboard, mobile पर compact
   ========================================================= */
@media(min-width:901px){
  body[data-admin-page="true"] main{
    max-width:1480px!important;
    width:100%!important;
    margin:0 auto!important;
    padding:24px 24px 110px!important;
    display:block!important;
  }

  body[data-admin-page="true"] #appPage{
    width:100%!important;
    max-width:none!important;
  }

  body[data-admin-page="true"] .admin-premium-page{
    width:100%!important;
    max-width:none!important;
  }

  body[data-admin-page="true"] .admin-premium-hero{
    width:100%!important;
    max-width:none!important;
    margin-bottom:22px!important;
    padding:22px 24px!important;
  }

  body[data-admin-page="true"] .admin-layout{
    display:grid!important;
    grid-template-columns:280px minmax(0,1fr)!important;
    gap:22px!important;
    width:100%!important;
    max-width:none!important;
    align-items:start!important;
  }

  body[data-admin-page="true"] .admin-menu{
    position:sticky!important;
    top:104px!important;
    width:280px!important;
    max-width:280px!important;
    height:auto!important;
    max-height:calc(100vh - 130px)!important;
    overflow:auto!important;
  }

  body[data-admin-page="true"] .admin-content{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  body[data-admin-page="true"] .admin-panel{
    width:100%!important;
    max-width:none!important;
  }

  body[data-admin-page="true"] .card,
  body[data-admin-page="true"] .table-card,
  body[data-admin-page="true"] .admin-panel > .card{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body[data-admin-page="true"] .analytics-grid,
  body[data-admin-page="true"] .admin-quick-grid{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  body[data-admin-page="true"] .admin-two-grid{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(360px,420px) minmax(0,1fr)!important;
  }

  body[data-admin-page="true"] .wallet-grid{
    grid-template-columns:minmax(360px,420px) minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
  }

  body[data-admin-page="true"] .table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:auto!important;
  }

  body[data-admin-page="true"] table{
    width:100%!important;
    min-width:820px!important;
  }

  body[data-admin-page="true"] #adminOverview .card,
  body[data-admin-page="true"] #adminSignals .card,
  body[data-admin-page="true"] #adminPlans .card,
  body[data-admin-page="true"] #adminKyc .card,
  body[data-admin-page="true"] #adminTrades .card,
  body[data-admin-page="true"] #adminReferrals .card,
  body[data-admin-page="true"] #adminMassTrade .card,
  body[data-admin-page="true"] #adminManagedTrade .card{
    max-width:none!important;
  }

  body[data-admin-page="true"] .bottom-nav,
  body[data-admin-page="true"] .pro-bottom-nav{
    display:none!important;
  }

  body[data-admin-page="true"] input,
  body[data-admin-page="true"] select,
  body[data-admin-page="true"] textarea{
    width:100%!important;
  }
}


/* Removed Admin Users View */
#adminUsers,
[data-admin-tab="adminUsers"]{
  display:none!important;
}


/* =========================================================
   ADMIN PC STABLE FIX — no layout shaking / no movement
   ========================================================= */
@media(min-width:901px){
  html,
  body[data-admin-page="true"]{
    overflow-x:hidden!important;
    width:100%!important;
  }

  body[data-admin-page="true"] main{
    display:block!important;
    width:100%!important;
    max-width:1440px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:24px!important;
    box-sizing:border-box!important;
  }

  body[data-admin-page="true"] #appPage,
  body[data-admin-page="true"] .admin-premium-page{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  body[data-admin-page="true"] .admin-premium-hero{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0 0 20px 0!important;
    transform:none!important;
    animation:none!important;
    box-sizing:border-box!important;
  }

  body[data-admin-page="true"] .admin-layout{
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr)!important;
    gap:20px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    align-items:start!important;
    box-sizing:border-box!important;
  }

  body[data-admin-page="true"] .admin-menu{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:260px!important;
    min-width:260px!important;
    max-width:260px!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    transform:none!important;
    animation:none!important;
    box-sizing:border-box!important;
  }

  body[data-admin-page="true"] .admin-content{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
    transform:none!important;
    animation:none!important;
    box-sizing:border-box!important;
  }

  body[data-admin-page="true"] .admin-panel{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
    box-sizing:border-box!important;
  }

  body[data-admin-page="true"] .admin-panel:not(.active-admin-panel){
    display:none!important;
  }

  body[data-admin-page="true"] .active-admin-panel{
    display:block!important;
  }

  body[data-admin-page="true"] .card,
  body[data-admin-page="true"] .table-card,
  body[data-admin-page="true"] .admin-panel > .card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    animation:none!important;
    transition:background .15s ease,border-color .15s ease!important;
    box-sizing:border-box!important;
  }

  body[data-admin-page="true"] .admin-tab{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    transform:none!important;
    animation:none!important;
    transition:background .15s ease,color .15s ease,border-color .15s ease!important;
    box-sizing:border-box!important;
  }

  body[data-admin-page="true"] .admin-tab:hover{
    transform:none!important;
  }

  body[data-admin-page="true"] .analytics-grid,
  body[data-admin-page="true"] .admin-quick-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  body[data-admin-page="true"] .admin-two-grid{
    display:grid!important;
    grid-template-columns:minmax(320px,420px) minmax(0,1fr)!important;
    gap:16px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  body[data-admin-page="true"] .wallet-grid{
    display:grid!important;
    grid-template-columns:minmax(320px,420px) minmax(0,1fr)!important;
    gap:16px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  body[data-admin-page="true"] .table-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:auto!important;
    box-sizing:border-box!important;
  }

  body[data-admin-page="true"] table{
    width:100%!important;
    min-width:760px!important;
    table-layout:auto!important;
    transform:none!important;
    animation:none!important;
  }

  body[data-admin-page="true"] th,
  body[data-admin-page="true"] td{
    white-space:nowrap!important;
  }

  body[data-admin-page="true"] input,
  body[data-admin-page="true"] select,
  body[data-admin-page="true"] textarea,
  body[data-admin-page="true"] button{
    transform:none!important;
    animation:none!important;
  }

  body[data-admin-page="true"] .bottom-nav,
  body[data-admin-page="true"] .pro-bottom-nav{
    display:none!important;
  }

  /* Disable animated fade that was causing visual jump */
  @keyframes adminFade{
    from{opacity:1;transform:none}
    to{opacity:1;transform:none}
  }
}

/* Global admin stability: disable hover movement */
body[data-admin-page="true"] *{
  scroll-behavior:auto!important;
}

body[data-admin-page="true"] .admin-tab:hover,
body[data-admin-page="true"] .card:hover,
body[data-admin-page="true"] .table-card:hover{
  transform:none!important;
}


/* ===== USER MANAGED TRADE HISTORY ===== */
.user-managed-history-card{
  max-width:1560px;
  margin:18px auto 0!important;
}
#userManagedTradesLog .pnl-plus{
  color:var(--green);
  font-weight:900;
}
#userManagedTradesLog .pnl-minus{
  color:var(--red);
  font-weight:900;
}
@media(min-width:901px){
  #appPage .user-managed-history-card{
    width:430px!important;
    max-width:430px!important;
  }
}

/* Managed Trade Sync Fix */
.user-managed-history-card .pill{
  white-space:nowrap;
}


/* Managed trade cancel button */
.full-width-btn{
  width:100%;
  margin-top:10px;
  min-height:48px;
}
.mini-action-btn{
  padding:8px 12px!important;
  border-radius:12px!important;
  font-size:12px!important;
}


/* ===== USER AI HISTORY BUTTON ===== */
.history-open-btn{
  width:100%;
  min-height:44px;
  border:1px solid rgba(0,229,155,.26);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(0,229,155,.14),rgba(43,135,255,.10));
  color:#00e59b;
  font-weight:900;
  cursor:pointer;
}
#aiHistory .user-managed-history-card{
  max-width:430px!important;
  margin:0 auto!important;
}
#aiHistory .section-head{
  align-items:flex-start;
}
@media(min-width:901px){
  #aiHistory{
    width:430px!important;
    max-width:430px!important;
    margin:0 auto!important;
  }
}


/* ===== TOP MORE + HISTORY NAV UPDATE ===== */
.top-more-btn{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:var(--text);
  font-size:24px;
  font-weight:900;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  margin-left:auto;
}
.top-more-btn:hover{
  border-color:rgba(0,229,155,.28);
  color:var(--green);
}
.history-page-shell{
  display:grid;
  gap:16px;
  width:430px;
  max-width:430px;
  margin:0 auto;
}
#aiHistory .user-managed-history-card,
#aiHistory .user-manual-history-card{
  width:430px!important;
  max-width:430px!important;
  margin:0 auto!important;
}
#userManualTradesLog .pnl-plus,
#userManagedTradesLog .pnl-plus{
  color:var(--green);
  font-weight:900;
}
#userManualTradesLog .pnl-minus,
#userManagedTradesLog .pnl-minus{
  color:var(--red);
  font-weight:900;
}
@media(max-width:520px){
  .history-page-shell,
  #aiHistory .user-managed-history-card,
  #aiHistory .user-manual-history-card{
    width:100%!important;
    max-width:100%!important;
  }
}


/* ===== TOP MORE PAGE FIX ===== */
#morepage{
  width:430px;
  max-width:430px;
  margin:0 auto;
}
.more-grid{
  width:430px;
  max-width:430px;
  margin:0 auto;
  display:grid;
  gap:14px;
}
.more-card{
  text-align:center;
  padding:20px!important;
}
.more-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin:0 auto 14px;
  background:linear-gradient(135deg,#00e59b,#17d3ff);
  color:#00150d;
  font-size:24px;
  font-weight:900;
}
.more-card h3{
  margin:0 0 6px;
}
.more-card p{
  margin:0 0 14px;
  color:#9db1cf;
  font-size:13px;
}
.more-open-btn{
  min-height:44px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#00e59b,#17d3ff);
  color:#00150d;
  font-weight:900;
  padding:0 18px;
  cursor:pointer;
}
.more-open-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}
@media(max-width:520px){
  #morepage,.more-grid{
    width:100%;
    max-width:100%;
  }
}


/* AI trade count visibility fix */
#aiTradeUsedText,#aiTradeLimitText{
  font-size:20px;
  color:#00e59b;
}


/* Mass trade close controls */
#adminMassTrade .trade-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
#massTradesLog .pnl-plus{color:var(--green);font-weight:900}
#massTradesLog .pnl-minus{color:var(--red);font-weight:900}


/* Profile page + More internal button fix */
.profile-page-card{
  width:430px!important;
  max-width:430px!important;
  margin:0 auto!important;
}
.profile-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.profile-info-grid div{
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  border-radius:15px;
  padding:14px;
}
.profile-info-grid span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:6px;
}
.profile-info-grid b{
  color:var(--text);
  font-size:14px;
  word-break:break-word;
}
@media(max-width:520px){
  .profile-page-card{width:100%!important;max-width:100%!important}
  .profile-info-grid{grid-template-columns:1fr}
}


/* SAFE MORE DROPDOWN CSS */
.top-more-wrap{
  position:relative;
  margin-left:auto;
  z-index:1000;
}
.top-more-btn{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:24px;
  font-weight:900;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.top-more-dropdown{
  position:absolute;
  top:52px;
  right:0;
  width:230px;
  display:none;
  padding:10px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(8,18,34,.98),rgba(3,8,18,.98));
  border:1px solid rgba(112,151,220,.22);
  box-shadow:0 20px 60px rgba(0,0,0,.45);
  z-index:9999;
}
.top-more-dropdown.show{
  display:grid!important;
  gap:8px;
}
.top-more-dropdown button{
  min-height:44px;
  width:100%;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:#f3f8ff;
  border-radius:13px;
  font-weight:900;
  text-align:left;
  padding:0 12px;
  cursor:pointer;
}
.profile-page-card{
  width:430px!important;
  max-width:430px!important;
  margin:0 auto!important;
}
.profile-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.profile-info-grid div{
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  border-radius:15px;
  padding:14px;
}
.profile-info-grid span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:6px;
}
.profile-info-grid b{
  color:var(--text);
  font-size:14px;
  word-break:break-word;
}
@media(max-width:520px){
  .top-more-dropdown{right:-10px;width:220px;}
  .profile-page-card{width:100%!important;max-width:100%!important;}
  .profile-info-grid{grid-template-columns:1fr;}
}


/* FINAL HISTORY ICON FIX CSS */
.history-page-shell{
  display:grid;
  gap:16px;
  width:430px;
  max-width:430px;
  margin:0 auto;
}
#aiHistory .table-card{
  width:430px!important;
  max-width:430px!important;
  margin:0 auto!important;
}
#userManagedTradesLog .pnl-plus,
#userManualTradesLog .pnl-plus{color:var(--green);font-weight:900}
#userManagedTradesLog .pnl-minus,
#userManualTradesLog .pnl-minus{color:var(--red);font-weight:900}
@media(max-width:520px){
  .history-page-shell,
  #aiHistory .table-card{
    width:100%!important;
    max-width:100%!important;
  }
}


/* =========================================================
   MOBILE HISTORY PAGE FIX
   Mobile पर history table को card/list जैसा readable बनाया
   ========================================================= */
@media(max-width:650px){
  #aiHistory{
    width:100%!important;
    max-width:100%!important;
    padding-bottom:90px!important;
  }

  .history-page-shell{
    width:100%!important;
    max-width:100%!important;
    gap:14px!important;
  }

  #aiHistory .table-card{
    width:100%!important;
    max-width:100%!important;
    padding:14px!important;
    border-radius:18px!important;
  }

  #aiHistory .section-head{
    align-items:flex-start!important;
    gap:8px!important;
  }

  #aiHistory .section-head h2{
    font-size:18px!important;
    line-height:1.2!important;
  }

  #aiHistory .section-head .small{
    font-size:12px!important;
    line-height:1.45!important;
  }

  #aiHistory .table-wrap{
    overflow:visible!important;
    max-width:100%!important;
  }

  #aiHistory table,
  #aiHistory thead,
  #aiHistory tbody,
  #aiHistory tr,
  #aiHistory th,
  #aiHistory td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }

  #aiHistory thead{
    display:none!important;
  }

  #aiHistory tr{
    margin:0 0 12px!important;
    padding:12px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.035)!important;
  }

  #aiHistory td{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    padding:7px 0!important;
    display:flex!important;
    justify-content:space-between!important;
    gap:12px!important;
    white-space:normal!important;
    font-size:13px!important;
  }

  #aiHistory td::before{
    content:"";
    color:#8fa4c5;
    font-weight:800;
    flex:0 0 92px;
  }

  #userManagedTradesLog td:nth-child(1)::before,
  #userManualTradesLog td:nth-child(1)::before{content:"Coin";}
  #userManagedTradesLog td:nth-child(2)::before,
  #userManualTradesLog td:nth-child(2)::before{content:"Side";}
  #userManagedTradesLog td:nth-child(3)::before,
  #userManualTradesLog td:nth-child(3)::before{content:"Amount";}
  #userManagedTradesLog td:nth-child(4)::before,
  #userManualTradesLog td:nth-child(4)::before{content:"Entry";}
  #userManagedTradesLog td:nth-child(5)::before{content:"Close";}
  #userManualTradesLog td:nth-child(5)::before{content:"Current";}
  #userManagedTradesLog td:nth-child(6)::before,
  #userManualTradesLog td:nth-child(6)::before{content:"PnL";}
  #userManagedTradesLog td:nth-child(7)::before,
  #userManualTradesLog td:nth-child(7)::before{content:"Status";}

  #aiHistory td.empty{
    display:block!important;
    text-align:center!important;
    color:#91a7c4!important;
  }

  #aiHistory td.empty::before{
    content:""!important;
    display:none!important;
  }
}


/* =========================================================
   PC WALLET NAV FIX
   Wallet button visible on PC + mobile for Real account
   ========================================================= */
body.real-mode-active .bottom-nav .real-only-nav,
body.real-mode-active .pro-bottom-nav .real-only-nav,
body:not(.demo-mode-active) .bottom-nav .real-only-nav,
body:not(.demo-mode-active) .pro-bottom-nav .real-only-nav{
  display:flex!important;
}

body.demo-mode-active .bottom-nav .real-only-nav,
body.demo-mode-active .pro-bottom-nav .real-only-nav{
  display:none!important;
}

@media(min-width:901px){
  body:not([data-admin-page="true"]) .bottom-nav,
  body:not([data-admin-page="true"]) .pro-bottom-nav{
    display:flex!important;
    width:430px!important;
    max-width:430px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    justify-content:space-between!important;
    overflow:visible!important;
  }

  body:not([data-admin-page="true"]) .bottom-nav .nav-btn,
  body:not([data-admin-page="true"]) .pro-bottom-nav .nav-btn{
    display:flex!important;
    min-width:62px!important;
    flex:1 1 auto!important;
  }

  body:not([data-admin-page="true"]) .bottom-nav .real-only-nav,
  body:not([data-admin-page="true"]) .pro-bottom-nav .real-only-nav{
    display:flex!important;
  }

  body.demo-mode-active:not([data-admin-page="true"]) .bottom-nav .real-only-nav,
  body.demo-mode-active:not([data-admin-page="true"]) .pro-bottom-nav .real-only-nav{
    display:none!important;
  }
}


/* =========================================================
   FINAL WALLET NAV RESTORE
   Bottom nav = Home | Trade | Wallet | PnL | History
   Wallet visible on PC + mobile
   ========================================================= */
.bottom-nav .nav-btn[data-page="wallet"],
.pro-bottom-nav .nav-btn[data-page="wallet"]{
  display:flex!important;
}

body.demo-mode-active .bottom-nav .nav-btn[data-page="wallet"],
body.demo-mode-active .pro-bottom-nav .nav-btn[data-page="wallet"],
body.real-mode-active .bottom-nav .nav-btn[data-page="wallet"],
body.real-mode-active .pro-bottom-nav .nav-btn[data-page="wallet"]{
  display:flex!important;
}

.bottom-nav,
.pro-bottom-nav{
  grid-template-columns:repeat(5,1fr)!important;
  justify-content:space-between!important;
}

.bottom-nav .nav-btn,
.pro-bottom-nav .nav-btn{
  min-width:0!important;
  flex:1 1 0!important;
  padding-left:8px!important;
  padding-right:8px!important;
}

.bottom-nav .nav-btn small,
.pro-bottom-nav .nav-btn small{
  font-size:12px!important;
}

@media(min-width:901px){
  body:not([data-admin-page="true"]) .bottom-nav,
  body:not([data-admin-page="true"]) .pro-bottom-nav{
    display:flex!important;
    width:430px!important;
    max-width:430px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    overflow:visible!important;
  }

  body:not([data-admin-page="true"]) .bottom-nav .nav-btn,
  body:not([data-admin-page="true"]) .pro-bottom-nav .nav-btn{
    display:flex!important;
    min-width:0!important;
    flex:1 1 0!important;
  }
}

@media(max-width:520px){
  .bottom-nav,
  .pro-bottom-nav{
    width:calc(100% - 20px)!important;
    left:10px!important;
    right:10px!important;
    transform:none!important;
  }

  .bottom-nav .nav-btn,
  .pro-bottom-nav .nav-btn{
    padding:8px 4px!important;
  }

  .bottom-nav .nav-ico,
  .pro-bottom-nav .nav-ico{
    font-size:18px!important;
  }

  .bottom-nav .nav-btn small,
  .pro-bottom-nav .nav-btn small{
    font-size:11px!important;
  }
}


/* Referral admin auto bonus cleanup */
#adminReferralsLog .approve-btn,
#adminReferralsLog .reject-btn,
#adminReferralsLog button{
  display:none!important;
}


/* User referral 10% hard fix */
#referral .ref-bonus,
#referralBonusText,
#refBonusText,
#referralEarningsText,
#referralTotalBonus,
#referralBonusAmount,
#refEarningAmount{
  color:var(--green)!important;
  font-weight:900!important;
}


/* ===== REAL TRADINGVIEW CHART + FAST PRICE PNL FIX ===== */
.real-tv-chart-shell{
  width:100%;
  min-height:420px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:#071120;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(0,229,155,.04);
}
.real-tv-chart-head{
  height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 14px;
  background:linear-gradient(180deg,rgba(10,22,42,.98),rgba(5,12,24,.98));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.real-tv-chart-head b{
  display:block;
  color:var(--text,#fff);
  font-size:15px;
}
.real-tv-chart-head span{
  color:var(--muted,#8ca2c0);
  font-size:12px;
}
.real-tv-chart-head strong{
  color:var(--green,#00e59b);
  font-size:16px;
}
.real-tv-chart-frame{
  width:100%;
  height:366px;
  display:block;
  border:0;
  background:#071120;
}
.real-book-head,
.real-book-row{
  display:grid;
  grid-template-columns:1.2fr .8fr 1fr;
  gap:8px;
  align-items:center;
}
.real-book-head{
  color:var(--muted,#8ca2c0);
  font-size:12px;
  padding:8px 0;
}
.real-book-row{
  padding:8px 10px;
  border-radius:12px;
  margin-bottom:6px;
  background:rgba(255,255,255,.035);
  font-size:12px;
}
.real-book-row.ask span:first-child{color:var(--red,#ff4d6d);}
.real-book-row.bid span:first-child{color:var(--green,#00e59b);}
.real-fill-row{
  display:grid;
  grid-template-columns:.7fr 1fr 1fr .9fr;
  gap:8px;
  align-items:center;
  padding:9px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.035);
  margin-bottom:7px;
  font-size:12px;
}
.real-fill-row span{
  font-weight:900;
}
.real-fill-row.buy span{color:var(--green,#00e59b);}
.real-fill-row.sell span{color:var(--red,#ff4d6d);}
.real-fill-row em{
  font-style:normal;
  color:var(--text,#fff);
}
.real-fill-row small{
  color:var(--muted,#8ca2c0);
}
@media(max-width:520px){
  .real-tv-chart-shell{min-height:360px;border-radius:18px;}
  .real-tv-chart-frame{height:306px;}
  .real-fill-row{grid-template-columns:.65fr 1fr 1fr;font-size:11px;}
  .real-fill-row small{display:none;}
}


/* Auto liquidation status */
td:has(> .liq-badge){}
.liq-badge,
.status-liquidated{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,77,109,.14);
  color:var(--red,#ff4d6d);
  font-weight:900;
  font-size:11px;
}


/* ===== ADMIN TRADE ADVANCED OPTIONS UI ===== */
.admin-user-wallet-card{
  border:1px solid rgba(0,229,155,.18);
  background:rgba(0,229,155,.055);
  border-radius:16px;
  padding:12px;
  margin:10px 0;
}
.admin-user-wallet-card span{
  display:block;
  color:var(--muted,#8ca2c0);
  font-size:12px;
  margin-bottom:5px;
}
.admin-user-wallet-card b{
  display:block;
  color:var(--green,#00e59b);
  font-size:18px;
  margin-bottom:4px;
}
.admin-user-wallet-card small{
  display:block;
  color:var(--text,#fff);
  font-size:12px;
}


/* Plan buy wallet hint */
.plan-wallet-hint{
  margin-bottom:14px!important;
  border:1px solid rgba(0,229,155,.16)!important;
  background:rgba(0,229,155,.055)!important;
}
.plan-wallet-hint span{
  display:block;
  color:var(--muted,#8ca2c0);
  font-size:12px;
  margin-bottom:5px;
}
.plan-wallet-hint b{
  display:block;
  color:var(--green,#00e59b);
  font-size:20px;
  margin-bottom:5px;
}
.plan-wallet-hint small{
  color:var(--text,#fff);
  font-size:12px;
}


/* ===== ADMIN STABILITY FIX CSS ===== */
body[data-admin-page="true"]{
  overflow-x:hidden;
}
body[data-admin-page="true"] .admin-shell,
body[data-admin-page="true"] .admin-layout,
body[data-admin-page="true"] main{
  max-width:1180px!important;
  width:100%!important;
  margin:0 auto!important;
}
body[data-admin-page="true"] .admin-panel{
  display:none!important;
}
body[data-admin-page="true"] .admin-panel.active-admin-panel{
  display:block!important;
}
body[data-admin-page="true"] .admin-tab{
  cursor:pointer!important;
  white-space:nowrap!important;
}
body[data-admin-page="true"] .table-wrap{
  overflow-x:auto!important;
}
body[data-admin-page="true"] table{
  min-width:760px!important;
}
body[data-admin-page="true"] input,
body[data-admin-page="true"] select,
body[data-admin-page="true"] textarea{
  max-width:100%!important;
}
body[data-admin-page="true"] .card{
  box-sizing:border-box!important;
}
body[data-admin-page="true"] .approve-btn,
body[data-admin-page="true"] .reject-btn,
body[data-admin-page="true"] .ghost-btn{
  cursor:pointer!important;
}
@media(max-width:900px){
  body[data-admin-page="true"] .admin-shell,
  body[data-admin-page="true"] .admin-layout,
  body[data-admin-page="true"] main{
    width:100%!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body[data-admin-page="true"] .admin-tabs{
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
  }
}


/* ===== ADMIN BULK + OPEN AI TRADES ONLY UI ===== */
body[data-admin-page="true"] [data-admin-tab="adminTrades"],
body[data-admin-page="true"] #adminTrades{
  display:none!important;
}
body[data-admin-page="true"] #adminManagedTrade .hide-single-ai-card,
body[data-admin-page="true"] #adminManagedTrade .admin-two-grid > .card:first-child{
  display:none!important;
}
body[data-admin-page="true"] #adminMassTrade .hide-bulk-close-card{
  display:none!important;
}
body[data-admin-page="true"] #adminManagedTrade .admin-two-grid{
  grid-template-columns:1fr!important;
}
.bulk-ai-simple-note{
  margin-bottom:14px!important;
  border:1px solid rgba(0,229,155,.16)!important;
  background:rgba(0,229,155,.055)!important;
}
.bulk-ai-simple-note h3{
  margin:4px 0 6px!important;
}


/* ===== BULK LEVERAGE + CLOSE ALL AI TRADES UI ===== */
.bulk-ai-extra-controls{
  display:grid;
  gap:10px;
  margin:12px 0;
}
.open-ai-close-all-card{
  margin-bottom:14px!important;
  border:1px solid rgba(0,229,155,.14)!important;
  background:rgba(0,229,155,.045)!important;
}
.open-ai-close-all-card .action-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.open-ai-close-all-card .action-row button{
  flex:1 1 180px;
}
@media(max-width:520px){
  .open-ai-close-all-card .action-row{
    flex-direction:column;
  }
}


/* ===== ADMIN USERS PANEL UI ===== */
.admin-user-search-row{
  display:grid;
  grid-template-columns:1fr 180px;
  gap:12px;
  margin-top:14px;
}
.admin-user-detail-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
.admin-user-detail-grid div{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  border-radius:14px;
  padding:12px;
}
.admin-user-detail-grid span{
  display:block;
  color:var(--muted,#8ca2c0);
  font-size:12px;
  margin-bottom:6px;
}
.admin-user-detail-grid b{
  color:var(--text,#fff);
  font-size:15px;
}
.admin-user-control-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.admin-user-control-grid label{
  display:grid;
  gap:7px;
  color:var(--muted,#8ca2c0);
  font-size:12px;
}
.admin-user-toggle{
  margin:0!important;
}
.admin-wallet-adjust-box{
  border:1px solid rgba(0,229,155,.14);
  background:rgba(0,229,155,.045);
  border-radius:16px;
  padding:12px;
  margin-top:14px;
}
.admin-wallet-adjust-grid{
  display:grid;
  grid-template-columns:150px 150px 1fr 140px;
  gap:10px;
}
.admin-user-actions-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
@media(max-width:900px){
  .admin-user-search-row,
  .admin-user-detail-grid,
  .admin-user-control-grid,
  .admin-wallet-adjust-grid{
    grid-template-columns:1fr;
  }
}


/* ===== ADMIN USERS MENU EXACT FIX UI ===== */
body[data-admin-page="true"] .admin-menu [data-admin-tab="adminUsers"]{
  display:block!important;
}
body[data-admin-page="true"] #adminUsers.active-admin-panel{
  display:block!important;
}
body[data-admin-page="true"] #adminUsers:not(.active-admin-panel){
  display:none!important;
}


/* ===== USER UI STRUCTURE CLEAN REBUILD ===== */
:root{
  --clean-bg:#050b16;
  --clean-card:#0b1424;
  --clean-card2:#0f1b2d;
  --clean-border:rgba(118,158,236,.18);
  --clean-text:#f4f7ff;
  --clean-muted:#9fb2d0;
  --clean-green:#00e7a8;
  --clean-red:#ff456b;
  --clean-yellow:#ffc947;
}
html, body{
  max-width:100%;
  overflow-x:hidden!important;
}
body[data-user-clean-ui="true"]{
  background:
    radial-gradient(circle at 16% 8%, rgba(0,231,168,.12), transparent 25%),
    radial-gradient(circle at 88% 46%, rgba(255,45,105,.16), transparent 29%),
    linear-gradient(180deg,#041715 0%, #070b18 54%, #140c27 100%)!important;
  color:var(--clean-text)!important;
  padding-bottom:116px!important;
}
body[data-user-clean-ui="true"] *{
  box-sizing:border-box!important;
}
body.clean-user-ui-ready .clean-home-hidden-old{
  display:none!important;
}
#cleanHomeMount{
  width:100%!important;
}
.clean-home-shell{
  display:grid;
  gap:12px;
  width:100%;
}
.clean-header-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 4px 8px;
}
.clean-brand-badge{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  font-weight:950;
  font-size:20px;
  color:#001018;
  background:linear-gradient(135deg,#08f0ae,#35a7ff);
  flex:0 0 auto;
}
.clean-brand-title{
  min-width:0;
  flex:1;
}
.clean-brand-title h1{
  margin:0;
  font-size:36px;
  line-height:1.04;
  letter-spacing:-.055em;
  text-transform:uppercase;
  color:var(--clean-text);
}
.clean-brand-title p{
  margin:5px 0 0;
  color:var(--clean-muted);
  font-size:13px;
}
.clean-logout-btn{
  min-height:40px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:var(--clean-text);
  font-weight:900;
  cursor:pointer;
  flex:0 0 auto;
}
.clean-welcome-card,
.clean-ai-signal-card,
body[data-user-clean-ui="true"] .card{
  background:linear-gradient(180deg,rgba(13,24,41,.95),rgba(7,13,25,.97))!important;
  border:1px solid var(--clean-border)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.018)!important;
  border-radius:22px!important;
}
.clean-welcome-card{
  padding:18px!important;
}
.clean-welcome-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.clean-welcome-top h2{
  font-size:30px!important;
  margin:2px 0 0!important;
}
.clean-avatar{
  width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#f8bd7a,#8b5cf6);
  color:#06101e;font-weight:950;font-size:20px;
  flex:0 0 auto;
}
.clean-account-mode{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.clean-account-pill{
  text-align:left;
  min-height:88px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(118,158,236,.14);
  background:rgba(255,255,255,.035);
  color:var(--clean-text);
  cursor:pointer;
}
.clean-account-pill.active{
  border-color:rgba(0,231,168,.70);
  box-shadow:0 0 0 2px rgba(0,231,168,.08), 0 0 28px rgba(0,231,168,.18);
  background:linear-gradient(135deg,rgba(0,231,168,.17),rgba(0,231,168,.04));
}
.clean-account-pill span{
  display:block;
  color:var(--clean-muted);
  font-size:13px;
  margin-bottom:7px;
}
.clean-account-pill b{
  font-size:18px;
}
.clean-market-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.clean-market-card,
.clean-stat-card{
  min-width:0;
  background:linear-gradient(180deg,rgba(13,24,41,.94),rgba(7,13,25,.96));
  border:1px solid var(--clean-border);
  border-radius:18px;
  padding:14px;
}
.clean-market-card b{
  display:block;
  font-size:16px;
  margin-bottom:6px;
}
.clean-market-card span,
.clean-market-card em{
  display:block;
  white-space:nowrap;
  font-style:normal;
  font-size:15px;
}
.clean-market-card em.pos{color:var(--clean-green);}
.clean-market-card em.neg{color:var(--clean-red);}
.clean-stats-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.clean-stat-card{
  min-height:96px;
}
.clean-stat-card span{
  display:block;
  color:var(--clean-muted);
  font-size:13px;
  margin-bottom:10px;
}
.clean-stat-card b{
  display:block;
  font-size:28px;
  line-height:1;
}
.clean-stat-card b.pos{color:var(--clean-green);}
.clean-stat-card b.neg{color:var(--clean-red);}
.clean-ai-signal-card{
  position:relative;
  padding:18px!important;
  border-color:rgba(0,231,168,.30)!important;
  background:linear-gradient(180deg,rgba(0,231,168,.11),rgba(7,13,25,.96))!important;
}
.clean-live-dot{
  width:12px;height:12px;border-radius:50%;
  background:var(--clean-green);
  box-shadow:0 0 18px rgba(0,231,168,.55);
  margin-bottom:10px;
}
.clean-ai-main h2{
  color:var(--clean-green);
  font-size:30px!important;
  margin:3px 0 8px!important;
}
.clean-ai-main p:last-child{
  margin:0 0 14px;
}
.clean-confidence{
  position:absolute;
  top:18px;
  right:18px;
  min-width:58px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(0,231,168,.38);
  background:rgba(0,231,168,.11);
  color:var(--clean-green);
  font-weight:950;
}
.clean-signal-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.clean-signal-grid div{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  border-radius:16px;
  padding:12px;
}
.clean-signal-grid span{
  display:block;
  color:var(--clean-muted);
  font-size:12px;
  margin-bottom:6px;
}
.clean-signal-grid b{
  display:block;
  font-size:16px;
}

/* Main shell width */
body[data-user-clean-ui="true"] #appPage,
body[data-user-clean-ui="true"] main{
  width:100%!important;
  max-width:920px!important;
  margin:0 auto!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
body[data-user-clean-ui="true"] .active-page{
  padding-bottom:135px!important;
}

/* Shorter wallet note */
body[data-user-clean-ui="true"] .wallet-note,
body[data-user-clean-ui="true"] .muted{
  line-height:1.45!important;
}

/* Bottom nav */
body.clean-bottom-safe .bottom-nav,
body.clean-bottom-safe .mobile-nav,
body.clean-bottom-safe nav.bottom,
body[data-user-clean-ui="true"] .bottom-nav,
body[data-user-clean-ui="true"] .mobile-nav,
body[data-user-clean-ui="true"] nav.bottom{
  position:fixed!important;
  left:12px!important;
  right:12px!important;
  bottom:10px!important;
  width:auto!important;
  max-width:900px!important;
  margin:0 auto!important;
  border-radius:26px!important;
  background:rgba(7,13,25,.96)!important;
  border:1px solid rgba(118,158,236,.16)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.42)!important;
  z-index:999!important;
}

/* Stable form/card styles */
body[data-user-clean-ui="true"] input,
body[data-user-clean-ui="true"] select,
body[data-user-clean-ui="true"] textarea{
  width:100%!important;
  max-width:100%!important;
}
body[data-user-clean-ui="true"] iframe{
  max-width:100%!important;
}
body[data-user-clean-ui="true"] .table-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:16px!important;
}

/* Mobile cards for records */
.clean-mobile-list{
  display:none;
}
.clean-record-card,
.clean-empty-card{
  border:1px solid rgba(118,158,236,.14);
  background:rgba(13,24,41,.84);
  border-radius:18px;
  padding:14px;
  margin:10px 0;
}
.clean-record-card p{
  display:flex;
  justify-content:space-between;
  gap:14px;
  margin:8px 0;
  color:var(--clean-muted);
}
.clean-record-card span{
  font-weight:800;
}
.clean-record-card b{
  color:var(--clean-text);
  text-align:right;
  font-weight:800;
}

@media(max-width:700px){
  body[data-user-clean-ui="true"] #appPage,
  body[data-user-clean-ui="true"] main{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .clean-brand-title h1{
    font-size:32px;
  }
  .clean-header-card{
    padding-top:10px;
  }
  .clean-logout-btn{
    min-height:36px;
    padding:0 10px;
    font-size:12px;
  }
  .clean-market-grid,
  .clean-stats-grid{
    grid-template-columns:1fr 1fr;
  }
  .clean-welcome-top h2{
    font-size:27px!important;
  }
  .clean-ai-main h2{
    font-size:28px!important;
  }
  body[data-user-clean-ui="true"] .table-wrap{
    display:none!important;
  }
  .clean-mobile-list{
    display:block!important;
  }
  body[data-user-clean-ui="true"] .bottom-nav,
  body[data-user-clean-ui="true"] .mobile-nav,
  body[data-user-clean-ui="true"] nav.bottom{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
  }
}
@media(max-width:430px){
  .clean-account-mode,
  .clean-signal-grid{
    grid-template-columns:1fr;
  }
  .clean-market-card,
  .clean-stat-card{
    padding:12px;
  }
}


/* ===== TRADE PAGE OPEN POSITIONS + BIG CHART ONLY ===== */
.big-trade-chart-card{ min-height:430px!important; }
.big-trade-chart,
.big-trade-chart iframe,
.big-tradingview-frame{
  min-height:390px!important;
  height:390px!important;
}
.manual-open-positions-card{
  margin:14px 0!important;
  border-color:rgba(0,231,168,.18)!important;
}
.manual-open-positions-list{ display:grid; gap:12px; }
.manual-position-card{
  border:1px solid rgba(118,158,236,.16);
  background:rgba(255,255,255,.035);
  border-radius:18px;
  padding:14px;
}
.manual-position-card.buy{ border-color:rgba(0,231,168,.22); }
.manual-position-card.sell{ border-color:rgba(255,69,107,.22); }
.position-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.position-top b{
  display:block;
  color:var(--clean-text,#f4f7ff);
  font-size:18px;
  margin-bottom:4px;
}
.position-top span{ color:var(--clean-muted,#9fb2d0); font-size:13px; }
.position-top strong{ font-size:18px; white-space:nowrap; }
.position-top strong.pos{ color:var(--clean-green,#00e7a8); }
.position-top strong.neg{ color:var(--clean-red,#ff456b); }
.position-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
}
.position-grid div{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.12);
  border-radius:14px;
  padding:10px;
}
.position-grid span{
  display:block;
  color:var(--clean-muted,#9fb2d0);
  font-size:11px;
  margin-bottom:5px;
}
.position-grid b{ color:var(--clean-text,#f4f7ff); font-size:13px; }
.close-position-btn{
  width:100%;
  min-height:46px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#ff456b,#ff7b54);
  color:white;
  font-weight:900;
  cursor:pointer;
}

/* Permanent AI control must never be hidden by old trade-page rules */
#homeAiTradeControlCard.no-blink-ai-control{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
#homeAiTradeControlCard.no-blink-ai-control.trade-page-ai-settings-card,
#homeAiTradeControlCard.no-blink-ai-control.old-ai-control-hidden{
  display:block!important;
}
@media(max-width:700px){
  .big-trade-chart-card{ min-height:440px!important; }
  .big-trade-chart,
  .big-trade-chart iframe,
  .big-tradingview-frame{
    min-height:400px!important;
    height:400px!important;
  }
  .position-grid{ grid-template-columns:1fr 1fr; }
}
@media(max-width:430px){
  .position-top{ flex-direction:column; }
  .position-grid{ grid-template-columns:1fr; }
}


/* ===== CLEAN HOME AI CONTROL ONLY ===== */
#homeAiTradeControlCard.clean-home-ai-control{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  margin-top:14px!important;
  padding:18px!important;
  overflow:visible!important;
  order:999!important;
}
.clean-ai-percent-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:12px 0!important;
}
.clean-ai-percent-btn{
  min-height:44px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.05)!important;
  color:var(--clean-text,#f4f7ff)!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.clean-ai-percent-btn.active{
  border-color:rgba(0,231,168,.55)!important;
  background:rgba(0,231,168,.16)!important;
  color:var(--clean-green,#00e7a8)!important;
}
.clean-ai-preview{
  border:1px solid rgba(0,231,168,.18)!important;
  background:rgba(0,231,168,.055)!important;
  border-radius:16px!important;
  padding:12px!important;
  margin-top:10px!important;
}
.clean-ai-preview span{
  display:block!important;
  color:var(--clean-muted,#9fb2d0)!important;
  font-size:12px!important;
  margin-bottom:5px!important;
}
.clean-ai-preview b{
  display:block!important;
  color:var(--clean-green,#00e7a8)!important;
  font-size:20px!important;
}
.clean-ai-preview small{
  display:block!important;
  color:var(--clean-text,#f4f7ff)!important;
  margin-top:4px!important;
}
.clean-ai-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:16px!important;
  padding:13px!important;
  margin-top:12px!important;
  cursor:pointer!important;
  position:relative!important;
}
.clean-ai-toggle > span{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
.clean-ai-toggle > span > b{
  color:var(--clean-text,#f4f7ff)!important;
  font-size:14px!important;
}
.clean-ai-toggle > span > small{
  color:var(--clean-muted,#9fb2d0)!important;
  font-size:12px!important;
}
.clean-ai-toggle input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
}
.clean-ai-toggle em{
  width:56px!important;
  height:32px!important;
  border-radius:999px!important;
  background:rgba(255,69,107,.30)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  position:relative!important;
  flex:0 0 auto!important;
}
.clean-ai-toggle em::after{
  content:""!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 4px 10px rgba(0,0,0,.3)!important;
  transition:transform .2s ease!important;
}
.clean-ai-toggle input:checked + em{
  background:rgba(0,231,168,.35)!important;
  border-color:rgba(0,231,168,.55)!important;
}
.clean-ai-toggle input:checked + em::after{
  transform:translateX(24px)!important;
}
@media(max-width:520px){
  .clean-ai-percent-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* ===== HOME RATE LIVE + STATIC SHELL FIX ===== */
.hide-old-rate-strip{
  display:none!important;
}
.clean-home-hidden-old{
  display:none!important;
}
.static-home-shell .clean-market-card{
  min-height:98px!important;
}
.static-home-shell .clean-market-card b,
.static-home-shell .clean-market-card span,
.static-home-shell .clean-market-card em{
  display:block!important;
  width:100%!important;
  line-height:1.25!important;
}
.static-home-shell .clean-market-card span{
  font-size:16px!important;
  margin:6px 0 4px!important;
}
.static-home-shell .clean-market-card em.pos{
  color:var(--clean-green,#00e7a8)!important;
}
.static-home-shell .clean-market-card em.neg{
  color:var(--clean-red,#ff456b)!important;
}


/* ===== FLOATING LIVE POSITION BAR ===== */
.floating-live-position-bar{
  position:fixed!important;
  left:12px!important;
  right:12px!important;
  bottom:76px!important;
  z-index:998!important;
  min-height:42px!important;
  max-width:900px!important;
  margin:0 auto!important;
  display:none!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  background:rgba(7,13,25,.96)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(16px)!important;
}
.floating-live-position-bar.show{
  display:flex!important;
}
.floating-live-position-bar.profit{
  border-color:rgba(0,231,168,.38)!important;
}
.floating-live-position-bar.loss{
  border-color:rgba(255,69,107,.38)!important;
}
.floating-live-position-bar .flp-left{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex:1!important;
}
.floating-live-position-bar .flp-left b{
  color:#f4f7ff!important;
  font-size:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.floating-live-position-bar .flp-left span{
  color:#9fb2d0!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
#flpPnl{
  font-size:14px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
#flpPnl.profit{
  color:#00e7a8!important;
}
#flpPnl.loss{
  color:#ff456b!important;
}
#flpCloseBtn{
  min-height:30px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ff456b,#ff7b54)!important;
  color:white!important;
  font-size:12px!important;
  font-weight:950!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
body.clean-bottom-safe .bottom-nav,
body.clean-bottom-safe .mobile-nav,
body.clean-bottom-safe nav.bottom,
body[data-user-clean-ui="true"] .bottom-nav,
body[data-user-clean-ui="true"] .mobile-nav,
body[data-user-clean-ui="true"] nav.bottom{
  z-index:999!important;
}
body:has(.floating-live-position-bar.show){
  padding-bottom:150px!important;
}
@media(max-width:520px){
  .floating-live-position-bar{
    left:8px!important;
    right:8px!important;
    bottom:72px!important;
    padding:7px 9px!important;
  }
  .floating-live-position-bar .flp-left{
    gap:5px!important;
  }
  .floating-live-position-bar .flp-left b{
    font-size:12px!important;
    max-width:92px!important;
  }
  .floating-live-position-bar .flp-left span{
    font-size:11px!important;
  }
  #flpPnl{
    font-size:13px!important;
  }
  #flpCloseBtn{
    padding:0 10px!important;
    font-size:11px!important;
  }
}


/* ===== GLOBAL PROFIT LOSS COLOR FIX ===== */
:root{
  --profit-green:#00e7a8;
  --loss-red:#ff456b;
}
.plc-profit,
.profit,
.pnl-plus,
.pos{
  color:var(--profit-green)!important;
}
.plc-loss,
.loss,
.pnl-minus,
.neg{
  color:var(--loss-red)!important;
}
.manual-position-card .position-top strong.plc-profit,
.floating-live-position-bar #flpPnl.plc-profit,
.clean-stat-card b.plc-profit,
td.plc-profit,
b.plc-profit,
strong.plc-profit,
span.plc-profit{
  color:var(--profit-green)!important;
}
.manual-position-card .position-top strong.plc-loss,
.floating-live-position-bar #flpPnl.plc-loss,
.clean-stat-card b.plc-loss,
td.plc-loss,
b.plc-loss,
strong.plc-loss,
span.plc-loss{
  color:var(--loss-red)!important;
}

/* Keep close/sell buttons red but not affected by PnL scanner */
button,
.close-position-btn,
#flpCloseBtn{
  color:inherit;
}
.close-position-btn,
#flpCloseBtn{
  color:#fff!important;
}


/* ===== FLOATING BAR SIZE POLISH ===== */
.floating-live-position-bar{
  left:10px!important;
  right:10px!important;
  bottom:82px!important;
  min-height:54px!important;
  padding:10px 14px!important;
  border-radius:22px!important;
  gap:12px!important;
}
.floating-live-position-bar .flp-left{
  gap:10px!important;
}
.floating-live-position-bar .flp-left b{
  font-size:15px!important;
  max-width:none!important;
}
.floating-live-position-bar .flp-left span{
  font-size:13px!important;
}
#flpPnl{
  font-size:16px!important;
  min-width:86px!important;
  text-align:right!important;
}
#flpCloseBtn{
  min-height:36px!important;
  padding:0 16px!important;
  font-size:13px!important;
  border-radius:14px!important;
}
@media(max-width:520px){
  .floating-live-position-bar{
    left:8px!important;
    right:8px!important;
    bottom:78px!important;
    min-height:52px!important;
    padding:9px 12px!important;
    border-radius:20px!important;
  }
  .floating-live-position-bar .flp-left b{
    font-size:14px!important;
    max-width:110px!important;
  }
  .floating-live-position-bar .flp-left span{
    font-size:12px!important;
  }
  #flpPnl{
    font-size:15px!important;
    min-width:72px!important;
  }
  #flpCloseBtn{
    min-height:34px!important;
    padding:0 14px!important;
    font-size:12px!important;
  }
}
@media(max-width:380px){
  .floating-live-position-bar{
    gap:8px!important;
    padding:8px 10px!important;
  }
  .floating-live-position-bar .flp-left{
    gap:6px!important;
  }
  .floating-live-position-bar .flp-left b{
    max-width:86px!important;
  }
  #flpPnl{
    min-width:66px!important;
    font-size:14px!important;
  }
  #flpCloseBtn{
    padding:0 11px!important;
  }
}


/* ===== MANUAL TRADE HISTORY STABILITY FIX ===== */
.pnl-plus,
.plc-profit{
  color:#00e7a8!important;
}
.pnl-minus,
.plc-loss{
  color:#ff456b!important;
}


/* ===== FINAL STABILITY PACK UI SAFETY ===== */
.plc-profit,.profit,.pnl-plus,.pos{color:#00e7a8!important}
.plc-loss,.loss,.pnl-minus,.neg{color:#ff456b!important}


/* ===== OLD UI FLASH SAFE FIX ===== */
html.clean-home-booting body[data-user-clean-ui="true"] #appPage{
  opacity:0!important;
}
html.clean-home-ready body[data-user-clean-ui="true"] #appPage,
html.clean-home-boot-fallback body[data-user-clean-ui="true"] #appPage{
  opacity:1!important;
}


/* ===== DUPLICATE HOME HEADER REMOVED ===== */
#cleanHomeShell > .clean-header-card{
  display:none!important;
}
.clean-home-shell{
  padding-top:0!important;
}


/* ===== CLEAN TOP HEADER MENU ===== */
.clean-top-header{
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 14px!important;
  background:rgba(5,11,22,.96)!important;
  border-bottom:1px solid rgba(118,158,236,.12)!important;
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  backdrop-filter:blur(16px)!important;
}
.top-header-menu-btn{
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(135deg,#08f0ae,#35a7ff)!important;
  color:#06101e!important;
  font-size:24px!important;
  font-weight:950!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
.top-header-title{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
}
.top-header-title span{
  color:#f4f7ff!important;
  font-weight:950!important;
  font-size:22px!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-transform:uppercase!important;
}
.top-header-user-btn{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 12px 6px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(0,231,168,.35)!important;
  background:rgba(0,231,168,.10)!important;
  color:#00e7a8!important;
  font-weight:900!important;
  cursor:pointer!important;
  max-width:170px!important;
}
.top-header-user-btn em{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#f8bd7a,#8b5cf6)!important;
  color:#06101e!important;
  font-style:normal!important;
  font-weight:950!important;
  flex:0 0 auto!important;
}
.top-header-user-btn span{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.top-header-menu-panel{
  position:fixed!important;
  top:70px!important;
  left:12px!important;
  width:220px!important;
  padding:10px!important;
  border-radius:18px!important;
  background:rgba(7,13,25,.98)!important;
  border:1px solid rgba(118,158,236,.20)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.45)!important;
  z-index:1200!important;
  display:none!important;
  gap:6px!important;
}
.top-header-menu-panel.show{
  display:grid!important;
}
.top-header-menu-panel button{
  width:100%!important;
  text-align:left!important;
  min-height:42px!important;
  border:0!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
  color:#f4f7ff!important;
  font-weight:850!important;
  padding:0 12px!important;
  cursor:pointer!important;
}
.top-header-menu-panel button:hover{
  background:rgba(0,231,168,.12)!important;
  color:#00e7a8!important;
}
#topHeaderLogoutBtn{
  color:#ff6b7f!important;
}
@media(max-width:520px){
  .clean-top-header{
    gap:10px!important;
    padding:12px 10px!important;
  }
  .top-header-menu-btn{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    font-size:22px!important;
  }
  .top-header-title span{
    font-size:18px!important;
  }
  .top-header-user-btn{
    min-height:42px!important;
    max-width:138px!important;
    padding-right:10px!important;
  }
  .top-header-user-btn em{
    width:30px!important;
    height:30px!important;
  }
  .top-header-menu-panel{
    top:62px!important;
    left:10px!important;
  }
}
@media(max-width:380px){
  .top-header-title span{
    font-size:16px!important;
  }
  .top-header-user-btn{
    max-width:116px!important;
  }
}


/* ===== TRADE CARDS WIDER FIX ===== */
body[data-user-clean-ui="true"] #trade,
body[data-user-clean-ui="true"] #tradepage,
body[data-user-clean-ui="true"] [data-page="trade"]{
  padding-left:6px!important;
  padding-right:6px!important;
}

body[data-user-clean-ui="true"] #trade .card,
body[data-user-clean-ui="true"] #tradepage .card,
body[data-user-clean-ui="true"] [data-page="trade"] .card{
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border-radius:22px!important;
}

body[data-user-clean-ui="true"] #trade .card:not(.trade-chart-bigger-card),
body[data-user-clean-ui="true"] #tradepage .card:not(.trade-chart-bigger-card),
body[data-user-clean-ui="true"] [data-page="trade"] .card:not(.trade-chart-bigger-card){
  padding-left:16px!important;
  padding-right:16px!important;
}

.trade-chart-bigger-card{
  width:100%!important;
  max-width:none!important;
}

/* Order ticket form looks wider and less cramped */
body[data-user-clean-ui="true"] #trade select,
body[data-user-clean-ui="true"] #trade input,
body[data-user-clean-ui="true"] #tradepage select,
body[data-user-clean-ui="true"] #tradepage input,
body[data-user-clean-ui="true"] [data-page="trade"] select,
body[data-user-clean-ui="true"] [data-page="trade"] input{
  width:100%!important;
  max-width:100%!important;
}

/* BUY / SELL row wider and cleaner */
body[data-user-clean-ui="true"] #trade .action-row,
body[data-user-clean-ui="true"] #tradepage .action-row,
body[data-user-clean-ui="true"] [data-page="trade"] .action-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}

body[data-user-clean-ui="true"] #trade .action-row button,
body[data-user-clean-ui="true"] #tradepage .action-row button,
body[data-user-clean-ui="true"] [data-page="trade"] .action-row button{
  width:100%!important;
  min-height:56px!important;
}

/* Mobile: reduce outside margin so card uses more screen width */
@media(max-width:700px){
  body[data-user-clean-ui="true"] #appPage,
  body[data-user-clean-ui="true"] main{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  body[data-user-clean-ui="true"] #trade,
  body[data-user-clean-ui="true"] #tradepage,
  body[data-user-clean-ui="true"] [data-page="trade"]{
    padding-left:2px!important;
    padding-right:2px!important;
  }

  body[data-user-clean-ui="true"] #trade .card,
  body[data-user-clean-ui="true"] #tradepage .card,
  body[data-user-clean-ui="true"] [data-page="trade"] .card{
    border-radius:20px!important;
  }

  body[data-user-clean-ui="true"] #trade .card:not(.trade-chart-bigger-card),
  body[data-user-clean-ui="true"] #tradepage .card:not(.trade-chart-bigger-card),
  body[data-user-clean-ui="true"] [data-page="trade"] .card:not(.trade-chart-bigger-card){
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

@media(max-width:430px){
  body[data-user-clean-ui="true"] #appPage,
  body[data-user-clean-ui="true"] main{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  body[data-user-clean-ui="true"] #trade,
  body[data-user-clean-ui="true"] #tradepage,
  body[data-user-clean-ui="true"] [data-page="trade"]{
    padding-left:0!important;
    padding-right:0!important;
  }

  body[data-user-clean-ui="true"] #trade .action-row,
  body[data-user-clean-ui="true"] #tradepage .action-row,
  body[data-user-clean-ui="true"] [data-page="trade"] .action-row{
    gap:10px!important;
  }
}


/* ===== ORDER BOOK + TRADE FEED RESTORE FIX ===== */
.force-show-order-feed{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  min-height:auto!important;
  overflow:visible!important;
}

/* Keep only exact timeframe buttons hidden */
.hide-outer-timeframe{
  display:none!important;
}

/* Do NOT hide generic .row/.market-row on chart card anymore, because Order Book/Trade Feed can use same row classes */
.clean-chart-only-card > .row,
.clean-chart-only-card > .market-row,
.clean-chart-only-card > .chart-top,
.clean-chart-only-card > .timeframes,
.clean-chart-only-card > .tf-row{
  display:revert!important;
}

/* But exact rows that were marked as duplicate by JS remain hidden unless they are Order/Feed */
.hide-empty-timeframe-row:not(.force-show-order-feed),
.hide-outer-chart-ui:not(.force-show-order-feed){
  display:none!important;
}

/* Order Book and Trade Feed cards should look normal below order ticket/chart */
body[data-user-clean-ui="true"] #trade .force-show-order-feed.card,
body[data-user-clean-ui="true"] #tradepage .force-show-order-feed.card{
  margin-top:12px!important;
}


/* ===== TRADE PAGE VISIBILITY FIX ===== */
.force-page-hidden{
  display:none!important;
}
body:not([data-active-page="trade"]) #trade,
body:not([data-active-page="trade"]) #tradepage,
body:not([data-active-page="trade"]) .trade-force-hidden{
  display:none!important;
}
body[data-active-page="trade"] #trade,
body[data-active-page="trade"] #tradepage{
  display:block!important;
}
body[data-active-page="dashboard"] #dashboard,
body[data-active-page="dashboard"] #home,
body[data-active-page="wallet"] #wallet,
body[data-active-page="pnl"] #pnl,
body[data-active-page="history"] #history,
body[data-active-page="plans"] #plans,
body[data-active-page="more"] #more{
  display:block!important;
}

/* Floating bar remains visible across pages; only full Trade page is hidden */
#floatingLivePositionBar.show{
  display:flex!important;
}


/* ===== TRADE EXACT STRUCTURE FIX ===== */
.trade-exact-page{
  padding:8px 6px 150px!important;
}
.trade-exact-page .pro-dashboard-shell,
.trade-exact-page .trade-only-layout{
  display:block!important;
  width:100%!important;
  max-width:none!important;
}
.exact-chart-card{
  width:100%!important;
  max-width:none!important;
  margin:10px auto 12px!important;
  padding:8px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  min-height:auto!important;
}
.exact-chart-card .pro-pair-line,
.exact-chart-card .pro-time-tabs,
.exact-chart-card .chart-hint,
.exact-chart-card .real-tv-chart-head{
  display:none!important;
}
.exact-chart-card .section-head{
  padding:6px 6px 8px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.exact-chart-card .section-head h2{
  font-size:28px!important;
  line-height:1!important;
  margin:0!important;
}
.exact-chart-card .section-head .label{
  font-size:12px!important;
  margin-bottom:4px!important;
}
.exact-chart-host{
  width:100%!important;
  height:520px!important;
  min-height:520px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#080d16!important;
}
.exact-chart-host iframe,
.exact-chart-frame,
.clean-tv-only-frame,
.real-tv-chart-frame{
  width:100%!important;
  height:520px!important;
  min-height:520px!important;
  border-radius:16px!important;
  display:block!important;
}
.real-tv-chart-head{
  display:none!important;
}

/* Order ticket as separate card */
.exact-order-ticket-card{
  width:100%!important;
  max-width:none!important;
  margin:12px auto!important;
  padding:16px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(13,24,41,.96),rgba(7,13,25,.98))!important;
  border:1px solid rgba(118,158,236,.18)!important;
}
.exact-order-ticket-card .order-ticket{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.exact-order-ticket-card h3{
  font-size:22px!important;
  line-height:1.15!important;
}
.mt-order-sim-hide,
.exact-order-ticket-card .pill{
  display:none!important;
}
.exact-order-ticket-card input,
.exact-order-ticket-card select{
  min-height:50px!important;
  border-radius:13px!important;
}
.exact-order-ticket-card .trade-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:12px!important;
}
.exact-order-ticket-card .trade-actions button{
  min-height:52px!important;
  border-radius:13px!important;
  font-weight:950!important;
}

/* Feed grid below order ticket */
.exact-feed-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  width:100%!important;
  margin:12px auto!important;
}
.exact-feed-card,
.force-show-order-feed{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  min-height:auto!important;
  overflow:hidden!important;
}
.exact-feed-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:14px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(13,24,41,.96),rgba(7,13,25,.98))!important;
  border:1px solid rgba(118,158,236,.18)!important;
}
.exact-feed-card table,
.exact-feed-card .order-book,
.exact-feed-card .recent-fills{
  width:100%!important;
}

@media(max-width:430px){
  .trade-exact-page{
    padding-left:5px!important;
    padding-right:5px!important;
  }
  .exact-chart-card{
    padding:6px!important;
    border-radius:17px!important;
  }
  .exact-chart-card .section-head h2{
    font-size:26px!important;
  }
  .exact-chart-host,
  .exact-chart-host iframe,
  .exact-chart-frame,
  .clean-tv-only-frame,
  .real-tv-chart-frame{
    height:475px!important;
    min-height:475px!important;
    border-radius:14px!important;
  }
  .exact-order-ticket-card{
    padding:14px!important;
    border-radius:17px!important;
  }
  .exact-order-ticket-card h3{
    font-size:20px!important;
  }
}

















/* ===== CHART IMPORTANT OVERRIDE FIX ===== */
/* This block is intentionally NOT dependent on body[data-active-page="trade"].
   It must override older #crypto_live_chart height:330/360/430/520px !important rules. */

#tradepage .chart-important-card,
#trade .chart-important-card,
#tradepage .chart-card,
#trade .chart-card,
#tradepage .exact-chart-card,
#trade .exact-chart-card{
  height:auto!important;
  min-height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:6px!important;
}

#tradepage #crypto_live_chart,
#trade #crypto_live_chart,
#tradepage #tradingViewChart,
#trade #tradingViewChart,
#tradepage #chartContainer,
#trade #chartContainer,
#tradepage .chart-important-host,
#trade .chart-important-host{
  width:100%!important;
  height:var(--chart-final-height, clamp(460px, 66dvh, 610px))!important;
  min-height:var(--chart-final-height, clamp(460px, 66dvh, 610px))!important;
  max-height:none!important;
  overflow:visible!important;
  display:block!important;
  border-radius:16px!important;
  background:#070b13!important;
}

#tradepage #crypto_live_chart iframe,
#trade #crypto_live_chart iframe,
#tradepage #tradingViewChart iframe,
#trade #tradingViewChart iframe,
#tradepage #chartContainer iframe,
#trade #chartContainer iframe,
#tradepage .real-tv-chart-frame,
#trade .real-tv-chart-frame,
#tradepage .clean-tv-only-frame,
#trade .clean-tv-only-frame,
#tradepage .chart-important-frame,
#trade .chart-important-frame{
  width:100%!important;
  height:var(--chart-final-height, clamp(460px, 66dvh, 610px))!important;
  min-height:var(--chart-final-height, clamp(460px, 66dvh, 610px))!important;
  max-height:none!important;
  display:block!important;
  border:0!important;
  border-radius:16px!important;
}

/* Override all earlier classes that carried fixed heights */
#tradepage .exact-chart-host,
#trade .exact-chart-host,
#tradepage .exact-chart-frame,
#trade .exact-chart-frame,
#tradepage .tv-full-fit-host,
#trade .tv-full-fit-host,
#tradepage .tv-responsive-host,
#trade .tv-responsive-host,
#tradepage .tv-big-box-host,
#trade .tv-big-box-host,
#tradepage .trade-chart-bigger,
#trade .trade-chart-bigger,
#tradepage .clean-expanded-chart,
#trade .clean-expanded-chart,
#tradepage .mt-chart-frame,
#trade .mt-chart-frame{
  height:var(--chart-final-height, clamp(460px, 66dvh, 610px))!important;
  min-height:var(--chart-final-height, clamp(460px, 66dvh, 610px))!important;
  max-height:none!important;
  overflow:visible!important;
}

/* Hide only duplicate outer controls */
#tradepage .pro-pair-line,
#trade .pro-pair-line,
#tradepage .pro-time-tabs,
#trade .pro-time-tabs,
#tradepage .real-tv-chart-head,
#trade .real-tv-chart-head,
#tradepage .chart-hint,
#trade .chart-hint{
  display:none!important;
}

@media(max-width:480px){
  #tradepage #crypto_live_chart,
  #trade #crypto_live_chart,
  #tradepage #crypto_live_chart iframe,
  #trade #crypto_live_chart iframe,
  #tradepage .real-tv-chart-frame,
  #trade .real-tv-chart-frame{
    border-radius:14px!important;
  }
}


/* ===== PC SAME AS MOBILE LAYOUT ===== */
/* Desktop/PC will use the exact mobile-style layout, centered like a phone.
   Mobile below 900px is untouched. */
@media (min-width: 900px){

  html.pc-same-mobile-html,
  body.pc-same-mobile{
    min-height:100%!important;
    overflow-x:hidden!important;
    background:
      radial-gradient(circle at 18% 8%, rgba(0,231,168,.10), transparent 24%),
      radial-gradient(circle at 86% 24%, rgba(85,105,255,.12), transparent 28%),
      linear-gradient(180deg,#041715 0%,#07111c 55%,#12091f 100%)!important;
  }

  body.pc-same-mobile::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 22%,transparent 78%,rgba(255,255,255,.035))!important;
    z-index:-1!important;
  }

  /* Make the whole app behave like mobile width on PC */
  body.pc-same-mobile #appPage,
  body.pc-same-mobile main,
  body.pc-same-mobile .app,
  body.pc-same-mobile .app-shell{
    width:430px!important;
    max-width:430px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  body.pc-same-mobile #dashboard,
  body.pc-same-mobile #home,
  body.pc-same-mobile #trade,
  body.pc-same-mobile #tradepage,
  body.pc-same-mobile #wallet,
  body.pc-same-mobile #pnl,
  body.pc-same-mobile #history,
  body.pc-same-mobile #plans,
  body.pc-same-mobile #more{
    width:430px!important;
    max-width:430px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Header same as mobile and centered */
  body.pc-same-mobile .clean-top-header{
    width:430px!important;
    max-width:430px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    margin:0!important;
    border-radius:0 0 20px 20px!important;
    box-sizing:border-box!important;
  }

  body.pc-same-mobile .top-header-title span{
    font-size:18px!important;
  }

  body.pc-same-mobile .top-header-user-btn{
    max-width:138px!important;
  }

  body.pc-same-mobile .top-header-menu-panel{
    left:calc(50% - 215px + 10px)!important;
    top:64px!important;
  }

  /* All cards remain mobile sized */
  body.pc-same-mobile .card,
  body.pc-same-mobile .clean-home-shell,
  body.pc-same-mobile #cleanHomeMount,
  body.pc-same-mobile #homeAiTradeControlCard,
  body.pc-same-mobile .manual-open-positions-card,
  body.pc-same-mobile .trade-page-ticket-wrap,
  body.pc-same-mobile .chart-bottom-feed,
  body.pc-same-mobile .exact-feed-grid{
    width:100%!important;
    max-width:430px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Force mobile-like single column, not desktop grid */
  body.pc-same-mobile .clean-home-shell,
  body.pc-same-mobile .clean-market-grid,
  body.pc-same-mobile .clean-stats-grid,
  body.pc-same-mobile .clean-signal-grid,
  body.pc-same-mobile .chart-bottom-feed,
  body.pc-same-mobile .exact-feed-grid,
  body.pc-same-mobile #wallet .grid,
  body.pc-same-mobile #wallet .wallet-grid,
  body.pc-same-mobile #wallet .balance-grid,
  body.pc-same-mobile #wallet .account-grid,
  body.pc-same-mobile #wallet .deposit-withdraw-grid,
  body.pc-same-mobile #pnl .grid,
  body.pc-same-mobile #history .grid,
  body.pc-same-mobile #plans .grid{
    grid-template-columns:1fr!important;
  }

  body.pc-same-mobile .clean-market-grid,
  body.pc-same-mobile .clean-stats-grid{
    display:grid!important;
    gap:12px!important;
  }

  /* Keep trade chart/order exactly mobile-like */
  body.pc-same-mobile #trade,
  body.pc-same-mobile #tradepage{
    padding-left:0!important;
    padding-right:0!important;
    padding-bottom:145px!important;
  }

  body.pc-same-mobile #trade .card,
  body.pc-same-mobile #tradepage .card{
    width:100%!important;
    max-width:430px!important;
  }

  body.pc-same-mobile input,
  body.pc-same-mobile select,
  body.pc-same-mobile textarea,
  body.pc-same-mobile button{
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Tables behave like mobile cards/scroll instead of wide desktop */
  body.pc-same-mobile .table-wrap{
    overflow-x:auto!important;
    width:100%!important;
  }

  body.pc-same-mobile table{
    max-width:100%!important;
  }

  /* Bottom nav centered at mobile width */
  body.pc-same-mobile .bottom-nav,
  body.pc-same-mobile .mobile-nav,
  body.pc-same-mobile nav.bottom{
    width:430px!important;
    max-width:430px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    bottom:0!important;
    border-radius:22px 22px 0 0!important;
    box-sizing:border-box!important;
  }

  /* Floating position bar same as mobile width */
  body.pc-same-mobile .floating-live-position-bar{
    width:414px!important;
    max-width:414px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    bottom:72px!important;
    box-sizing:border-box!important;
  }
}

/* Slightly wider desktop option for very large monitor only, still mobile-like */
@media (min-width: 1400px){
  body.pc-same-mobile #appPage,
  body.pc-same-mobile main,
  body.pc-same-mobile .app,
  body.pc-same-mobile .app-shell,
  body.pc-same-mobile #dashboard,
  body.pc-same-mobile #home,
  body.pc-same-mobile #trade,
  body.pc-same-mobile #tradepage,
  body.pc-same-mobile #wallet,
  body.pc-same-mobile #pnl,
  body.pc-same-mobile #history,
  body.pc-same-mobile #plans,
  body.pc-same-mobile #more,
  body.pc-same-mobile .clean-top-header,
  body.pc-same-mobile .bottom-nav,
  body.pc-same-mobile .mobile-nav,
  body.pc-same-mobile nav.bottom{
    width:460px!important;
    max-width:460px!important;
  }

  body.pc-same-mobile .card,
  body.pc-same-mobile .clean-home-shell,
  body.pc-same-mobile #cleanHomeMount,
  body.pc-same-mobile #homeAiTradeControlCard,
  body.pc-same-mobile .manual-open-positions-card,
  body.pc-same-mobile .trade-page-ticket-wrap,
  body.pc-same-mobile .chart-bottom-feed,
  body.pc-same-mobile .exact-feed-grid{
    max-width:460px!important;
  }

  body.pc-same-mobile .floating-live-position-bar{
    width:444px!important;
    max-width:444px!important;
  }

  body.pc-same-mobile .top-header-menu-panel{
    left:calc(50% - 230px + 10px)!important;
  }
}


/* ===== MENU REAL PAGES FINAL ===== */
.menu-real-page{
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:12px 10px 98px!important;
  box-sizing:border-box!important;
}
.menu-real-page.force-page-hidden{
  display:none!important;
}
.menu-real-page.active-page{
  display:block!important;
}
.menu-real-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:4px 0 14px!important;
}
.menu-real-back{
  width:44px!important;
  height:44px!important;
  border:0!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.08)!important;
  color:#f4f7ff!important;
  font-size:30px!important;
}
.menu-real-head h2{
  color:#f4f7ff!important;
  margin:2px 0 0!important;
  font-size:24px!important;
  line-height:1.05!important;
}
.menu-real-content{
  display:grid!important;
  gap:12px!important;
}
.menu-real-profile-card,
.menu-real-ref-card{
  text-align:center!important;
  padding:18px!important;
}
.menu-real-avatar{
  width:74px!important;
  height:74px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 10px!important;
  background:linear-gradient(135deg,#00e7a8,#35a7ff)!important;
  color:#06101e!important;
  font-size:32px!important;
  font-weight:950!important;
}
.menu-real-profile-card h3{
  color:#f4f7ff!important;
  margin:0!important;
  font-size:22px!important;
}
.menu-real-profile-card p,
.menu-real-note,
.menu-real-empty,
.menu-real-hero small,
.menu-real-ref-card small{
  color:#9fb2d0!important;
}
.menu-real-list{
  display:grid!important;
  gap:10px!important;
  padding:14px!important;
}
.menu-real-list div,
.menu-real-method-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:14px!important;
  padding:12px!important;
}
.menu-real-list span,
.menu-real-method-card span,
.menu-real-hero span,
.menu-real-ref-card span{
  color:#9fb2d0!important;
  font-size:12px!important;
}
.menu-real-list b,
.menu-real-method-card b{
  color:#f4f7ff!important;
  font-size:14px!important;
  text-align:right!important;
  word-break:break-word!important;
}
.menu-real-status{
  font-style:normal!important;
  font-size:11px!important;
  font-weight:950!important;
  border-radius:999px!important;
  padding:6px 10px!important;
}
.menu-real-status.pending{
  color:#f8bd7a!important;
  background:rgba(248,189,122,.13)!important;
}
.menu-real-status.approved{
  color:#00e7a8!important;
  background:rgba(0,231,168,.13)!important;
}
.menu-real-status.rejected{
  color:#ff456b!important;
  background:rgba(255,69,107,.13)!important;
}
.menu-real-hero,
.menu-real-note,
.menu-real-empty{
  padding:14px!important;
}
.menu-real-hero .menu-real-status{
  display:inline-block!important;
  margin:8px 0!important;
}
.menu-real-form{
  display:grid!important;
  gap:11px!important;
  padding:14px!important;
}
.menu-real-form label{
  display:grid!important;
  gap:6px!important;
  color:#9fb2d0!important;
  font-size:12px!important;
}
.menu-real-form input,
.menu-real-form select,
.menu-real-form textarea{
  width:100%!important;
  min-height:48px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(0,0,0,.20)!important;
  color:#f4f7ff!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
}
.menu-real-form textarea{
  min-height:90px!important;
  padding:12px!important;
}
.menu-real-form button,
.menu-real-ref-card button{
  width:100%!important;
  min-height:50px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#00e7a8,#35a7ff)!important;
  color:#06101e!important;
  font-weight:950!important;
}
.menu-real-ref-card b{
  display:block!important;
  color:#00e7a8!important;
  font-size:32px!important;
  margin:8px 0!important;
}
.menu-real-ref-card small{
  display:block!important;
  word-break:break-all!important;
  margin-bottom:12px!important;
}
.menu-real-section-title{
  color:#f4f7ff!important;
  font-weight:950!important;
  font-size:18px!important;
  margin-top:4px!important;
}
.menu-real-methods{
  display:grid!important;
  gap:10px!important;
}
.menu-real-method-card small{
  color:#9fb2d0!important;
  display:block!important;
  margin-top:4px!important;
}
.real-pay-bank-fields{
  display:none!important;
  gap:11px!important;
}
#paymentMethodsPage.pay-bank-mode .real-pay-bank-fields{
  display:grid!important;
}
#paymentMethodsPage.pay-bank-mode .real-pay-upi{
  display:none!important;
}
body.pc-same-mobile .menu-real-page{
  max-width:430px!important;
}
@media(min-width:1400px){
  body.pc-same-mobile .menu-real-page{
    max-width:460px!important;
  }
}


/* ===== MENU PAGES STAY + HEADER FLASH FIX ===== */
body.menu-real-page-open #profilePage.active-page,
body.menu-real-page-open #kycPage.active-page,
body.menu-real-page-open #referralPage.active-page,
body.menu-real-page-open #paymentMethodsPage.active-page,
body.menu-real-page-open #supportPage.active-page{
  display:block!important;
}
body.menu-real-page-open #dashboard,
body.menu-real-page-open #home,
body.menu-real-page-open #trade,
body.menu-real-page-open #tradepage,
body.menu-real-page-open #wallet,
body.menu-real-page-open #pnl,
body.menu-real-page-open #history,
body.menu-real-page-open #plans,
body.menu-real-page-open #more{
  display:none!important;
}
html.top-header-booting body[data-user-clean-ui="true"] header,
html.top-header-booting body[data-user-clean-ui="true"] .app-header,
html.top-header-booting body[data-user-clean-ui="true"] .top-header,
html.top-header-booting body[data-user-clean-ui="true"] .brand-row{
  opacity:0!important;
  visibility:hidden!important;
}
html.top-header-clean-ready body[data-user-clean-ui="true"] header,
html.top-header-clean-ready body[data-user-clean-ui="true"] .app-header,
html.top-header-clean-ready body[data-user-clean-ui="true"] .top-header,
html.top-header-clean-ready body[data-user-clean-ui="true"] .brand-row,
html.top-header-boot-fallback body[data-user-clean-ui="true"] header,
html.top-header-boot-fallback body[data-user-clean-ui="true"] .app-header,
html.top-header-boot-fallback body[data-user-clean-ui="true"] .top-header,
html.top-header-boot-fallback body[data-user-clean-ui="true"] .brand-row{
  opacity:1!important;
  visibility:visible!important;
}


/* ===== ADMIN PC LAYOUT RESTORE ===== */
/* Restores admin desktop layout while keeping user side PC same-as-mobile unchanged. */
@media (min-width:900px){

  html.admin-pc-restore-html,
  body.admin-pc-restore{
    width:100%!important;
    max-width:none!important;
    overflow-x:auto!important;
  }

  body.admin-pc-restore #appPage,
  body.admin-pc-restore main,
  body.admin-pc-restore .app,
  body.admin-pc-restore .app-shell,
  body.admin-pc-restore #adminPage,
  body.admin-pc-restore #adminApp,
  body.admin-pc-restore .admin-page,
  body.admin-pc-restore .admin-shell,
  body.admin-pc-restore .admin-layout{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding-left:18px!important;
    padding-right:18px!important;
    box-sizing:border-box!important;
  }

  /* Cancel PC same-as-mobile width rules on admin */
  body.admin-pc-restore #dashboard,
  body.admin-pc-restore #home,
  body.admin-pc-restore #trade,
  body.admin-pc-restore #tradepage,
  body.admin-pc-restore #wallet,
  body.admin-pc-restore #pnl,
  body.admin-pc-restore #history,
  body.admin-pc-restore #plans,
  body.admin-pc-restore #more,
  body.admin-pc-restore .card,
  body.admin-pc-restore .clean-home-shell,
  body.admin-pc-restore #cleanHomeMount,
  body.admin-pc-restore #homeAiTradeControlCard{
    width:auto!important;
    max-width:none!important;
  }

  body.admin-pc-restore .admin-shell,
  body.admin-pc-restore .admin-layout{
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }

  body.admin-pc-restore .admin-sidebar,
  body.admin-pc-restore aside,
  body.admin-pc-restore .sidebar{
    width:260px!important;
    max-width:260px!important;
    min-height:calc(100vh - 24px)!important;
    position:sticky!important;
    top:12px!important;
    align-self:start!important;
    border-radius:22px!important;
  }

  body.admin-pc-restore .admin-main,
  body.admin-pc-restore .admin-content,
  body.admin-pc-restore .main-content{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  body.admin-pc-restore .card,
  body.admin-pc-restore .admin-card,
  body.admin-pc-restore .admin-pay-sec-panel{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  body.admin-pc-restore .grid,
  body.admin-pc-restore .admin-grid,
  body.admin-pc-restore .stats-grid,
  body.admin-pc-restore .metrics-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
  }

  body.admin-pc-restore table{
    width:100%!important;
    min-width:760px!important;
  }

  body.admin-pc-restore .table-wrap,
  body.admin-pc-restore .admin-table-wrap{
    width:100%!important;
    overflow-x:auto!important;
  }

  body.admin-pc-restore input,
  body.admin-pc-restore select,
  body.admin-pc-restore textarea,
  body.admin-pc-restore button{
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body.admin-pc-restore .admin-pay-settings-form{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  body.admin-pc-restore .admin-pay-sec-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  body.admin-pc-restore .bottom-nav,
  body.admin-pc-restore .mobile-nav,
  body.admin-pc-restore nav.bottom,
  body.admin-pc-restore .floating-live-position-bar{
    display:none!important;
  }

  /* Admin header should not be phone-width centered */
  body.admin-pc-restore .clean-top-header,
  body.admin-pc-restore header,
  body.admin-pc-restore .app-header,
  body.admin-pc-restore .top-header{
    width:100%!important;
    max-width:none!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    margin:0 0 16px!important;
    border-radius:0 0 18px 18px!important;
  }
}

/* Admin tablet width */
@media (min-width:900px) and (max-width:1100px){
  body.admin-pc-restore .admin-shell,
  body.admin-pc-restore .admin-layout{
    grid-template-columns:220px minmax(0,1fr)!important;
  }

  body.admin-pc-restore .admin-sidebar,
  body.admin-pc-restore aside,
  body.admin-pc-restore .sidebar{
    width:220px!important;
    max-width:220px!important;
  }

  body.admin-pc-restore .grid,
  body.admin-pc-restore .admin-grid,
  body.admin-pc-restore .stats-grid,
  body.admin-pc-restore .metrics-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.admin-pc-restore .admin-pay-sec-list{
    grid-template-columns:1fr!important;
  }
}





/* ===== ADMIN PAYMENT STABLE PAGE FIX ===== */
.aps-menu-btn,
.aps-quick-menu button,
[data-admin-stable-pay]{
  width:100%!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:0!important;
  border-radius:13px!important;
  padding:0 12px!important;
  margin:6px 0!important;
  background:rgba(255,255,255,.055)!important;
  color:#eaf2ff!important;
  text-align:left!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
.aps-menu-btn span,
.aps-quick-menu button span{
  width:26px!important;
  display:grid!important;
  place-items:center!important;
}
.aps-menu-btn b,
.aps-quick-menu button b{
  font-size:13px!important;
  font-weight:850!important;
}
.aps-quick-menu{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:18px!important;
  box-sizing:border-box!important;
}
.aps-quick-menu.hide-quick{
  display:none!important;
}
.aps-page{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:none!important;
  overflow:auto!important;
  padding:18px!important;
  background:
    radial-gradient(circle at 10% 0%, rgba(0,231,168,.10), transparent 28%),
    linear-gradient(180deg,#07111c,#0b1020 55%,#13091d)!important;
  box-sizing:border-box!important;
}
.aps-page.show{
  display:block!important;
}
.aps-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto 16px!important;
}
#apsBackBtn{
  width:46px!important;
  height:46px!important;
  border:0!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.08)!important;
  color:#f4f7ff!important;
  font-size:30px!important;
  display:grid!important;
  place-items:center!important;
}
.aps-head h2{
  margin:2px 0 0!important;
  color:#f4f7ff!important;
  font-size:26px!important;
}
.aps-content{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  display:grid!important;
  gap:14px!important;
}
.aps-section-card,
.aps-request-card,
.aps-form,
.aps-empty{
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.045)!important;
  border-radius:18px!important;
  padding:16px!important;
  box-sizing:border-box!important;
}
.aps-section-card h3{
  margin:3px 0 6px!important;
  color:#f4f7ff!important;
  font-size:22px!important;
}
.aps-section-card small,
.aps-empty{
  color:#9fb2d0!important;
}
.aps-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.aps-request-top{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.aps-request-top span,
.aps-grid span{
  color:#9fb2d0!important;
  font-size:12px!important;
}
.aps-request-top b,
.aps-grid b{
  color:#f4f7ff!important;
  word-break:break-word!important;
}
.aps-status{
  font-style:normal!important;
  font-size:11px!important;
  font-weight:950!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  white-space:nowrap!important;
}
.aps-status.pending{color:#f8bd7a!important;background:rgba(248,189,122,.13)!important;}
.aps-status.approved{color:#00e7a8!important;background:rgba(0,231,168,.13)!important;}
.aps-status.rejected{color:#ff456b!important;background:rgba(255,69,107,.13)!important;}
.aps-grid{
  display:grid!important;
  gap:8px!important;
}
.aps-grid p{
  margin:0!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  padding-top:8px!important;
}
.aps-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:12px!important;
}
.aps-actions button,
.aps-form button{
  min-height:44px!important;
  border:0!important;
  border-radius:12px!important;
  font-weight:950!important;
}
.aps-actions button:first-child,
.aps-form button{
  background:#00e7a8!important;
  color:#06101e!important;
}
.aps-actions button:last-child{
  background:#ff456b!important;
  color:#fff!important;
}
.aps-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.aps-form label{
  display:grid!important;
  gap:6px!important;
  color:#9fb2d0!important;
  font-size:12px!important;
}
.aps-form input,
.aps-form select{
  min-height:44px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(0,0,0,.20)!important;
  color:#f4f7ff!important;
  padding:0 10px!important;
}
.aps-form button{
  grid-column:1 / -1!important;
}
#adminPayoutRequestsPanel,
#adminPaymentSettingsPanel{
  display:none!important;
}
@media(max-width:800px){
  .aps-list,
  .aps-form,
  .aps-quick-menu{
    grid-template-columns:1fr!important;
  }
  .aps-page{
    padding:12px!important;
  }
}





/* ===== KYC PAYMENT REFERRAL CLEAN MODULE FINAL ===== */
.kpr-kyc-card{
  text-align:center!important;
  padding:18px!important;
  margin-bottom:12px!important;
}
.kpr-kyc-icon{
  width:62px!important;
  height:62px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 10px!important;
  font-size:30px!important;
  font-weight:950!important;
}
.kpr-kyc-card.approved .kpr-kyc-icon{background:rgba(0,231,168,.15)!important;color:#00e7a8!important;}
.kpr-kyc-card.pending .kpr-kyc-icon{background:rgba(248,189,122,.15)!important;color:#f8bd7a!important;}
.kpr-kyc-card.rejected .kpr-kyc-icon{background:rgba(255,69,107,.15)!important;color:#ff456b!important;}
.kpr-kyc-card h3{margin:0 0 8px!important;color:#f4f7ff!important;font-size:22px!important;}
.kpr-kyc-card p{color:#9fb2d0!important;line-height:1.45!important;}
.kpr-kyc-card div:not(.kpr-kyc-icon){
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:12px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.kpr-kyc-card span{color:#9fb2d0!important;}
.kpr-kyc-card b{color:#f4f7ff!important;}

.kpr-pm-warning{
  border:1px solid rgba(248,189,122,.22)!important;
  background:rgba(248,189,122,.075)!important;
  color:#f8bd7a!important;
  border-radius:14px!important;
  padding:11px 12px!important;
  font-size:12px!important;
  line-height:1.4!important;
  text-transform:uppercase!important;
  font-weight:850!important;
}
.kpr-note{padding:12px!important;}
.kpr-note b{display:block!important;color:#f8bd7a!important;margin-bottom:4px!important;}
.kpr-note span{color:#9fb2d0!important;font-size:12px!important;}
.kpr-bank-fields{
  display:none!important;
  gap:11px!important;
}
#paymentMethodsPage.kpr-bank-selected .kpr-bank-fields{display:grid!important;}
#paymentMethodsPage.kpr-bank-selected .kpr-upi-field{display:none!important;}
.kpr-limit{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:13px!important;
  padding:9px 11px!important;
}
.kpr-limit span{color:#9fb2d0!important;font-size:12px!important;font-weight:850!important;}
.kpr-limit b{color:#ff456b!important;font-size:12px!important;}
.kpr-status{
  font-style:normal!important;
  font-size:11px!important;
  font-weight:950!important;
  border-radius:999px!important;
  padding:6px 10px!important;
}
.kpr-status.pending{color:#f8bd7a!important;background:rgba(248,189,122,.13)!important;}
.kpr-status.approved{color:#00e7a8!important;background:rgba(0,231,168,.13)!important;}
.kpr-status.rejected{color:#ff456b!important;background:rgba(255,69,107,.13)!important;}
.kpr-ref-card{text-align:center!important;}
.kpr-ref-card h2{margin:8px 0!important;color:#f4f7ff!important;}
.kpr-ref-card p{word-break:break-all!important;color:#9fb2d0!important;font-size:12px!important;}
.kpr-ref-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.kpr-ref-grid .card span{color:#9fb2d0!important;font-size:12px!important;}
.kpr-ref-grid .card b{display:block!important;color:#f4f7ff!important;font-size:22px!important;margin-top:6px!important;}
@media(max-width:700px){
  .kpr-ref-grid{grid-template-columns:1fr!important;}
}








/* ===== PAYMENT METHOD SINGLE OWNER DB SAVE V2 ===== */
.pm-v2-warning{
  border:1px solid rgba(248,189,122,.22)!important;
  background:rgba(248,189,122,.075)!important;
  color:#f8bd7a!important;
  border-radius:14px!important;
  padding:11px 12px!important;
  font-size:12px!important;
  line-height:1.4!important;
  text-transform:uppercase!important;
  font-weight:850!important;
}
.pm-v2-note{padding:12px!important;}
.pm-v2-note b{display:block!important;color:#f8bd7a!important;margin-bottom:4px!important;}
.pm-v2-note span{color:#9fb2d0!important;font-size:12px!important;}
.pm-v2-bank{display:none!important;gap:11px!important;}
#paymentMethodsPage.pm-v2-bank-selected .pm-v2-bank{display:grid!important;}
#paymentMethodsPage.pm-v2-bank-selected .pm-v2-upi{display:none!important;}
.pm-v2-limit{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:13px!important;
  padding:9px 11px!important;
}
.pm-v2-limit span{color:#9fb2d0!important;font-size:12px!important;font-weight:850!important;}
.pm-v2-limit b{color:#ff456b!important;font-size:12px!important;}
.pm-v2-status{
  font-style:normal!important;
  font-size:11px!important;
  font-weight:950!important;
  border-radius:999px!important;
  padding:6px 10px!important;
}
.pm-v2-status.pending{color:#f8bd7a!important;background:rgba(248,189,122,.13)!important;}
.pm-v2-status.approved{color:#00e7a8!important;background:rgba(0,231,168,.13)!important;}
.pm-v2-status.rejected{color:#ff456b!important;background:rgba(255,69,107,.13)!important;}
.pm-v2-saving{opacity:.75!important;pointer-events:none!important;}
.pm-v2-saved{background:#00e7a8!important;color:#06101e!important;pointer-events:none!important;}
.pm-v2-locked{color:#9fb2d0!important;font-size:12px!important;font-weight:800!important;}


/* ===== KYC STEP WIZARD FINAL ===== */
.kyc-step-card{
  display:grid!important;
  gap:14px!important;
}
.kyc-step-status{
  text-align:center!important;
  padding:18px!important;
}
.kyc-step-status-icon{
  width:62px!important;
  height:62px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 10px!important;
  font-size:30px!important;
  font-weight:950!important;
}
.kyc-step-status.approved .kyc-step-status-icon{background:rgba(0,231,168,.15)!important;color:#00e7a8!important;}
.kyc-step-status.pending .kyc-step-status-icon{background:rgba(248,189,122,.15)!important;color:#f8bd7a!important;}
.kyc-step-status.rejected .kyc-step-status-icon{background:rgba(255,69,107,.15)!important;color:#ff456b!important;}
.kyc-step-status h3{margin:0 0 8px!important;color:#f4f7ff!important;font-size:22px!important;}
.kyc-step-status p{color:#9fb2d0!important;line-height:1.45!important;}
.kyc-approved-name{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:12px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.kyc-approved-name span{color:#9fb2d0!important;}
.kyc-approved-name b{color:#f4f7ff!important;}
.kyc-step-progress{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:18px!important;
  padding:14px!important;
}
.kyc-step-top{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  align-items:center!important;
  margin-bottom:12px!important;
}
.kyc-step-top span{color:#f4f7ff!important;font-weight:950!important;}
.kyc-step-top b{color:#f8bd7a!important;font-size:12px!important;}
.kyc-step-dots{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.kyc-step-dot{
  display:grid!important;
  place-items:center!important;
  gap:5px!important;
  color:#7f90ad!important;
  font-size:11px!important;
  text-align:center!important;
}
.kyc-step-dot em{
  font-style:normal!important;
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  font-weight:950!important;
}
.kyc-step-dot.active em{background:rgba(248,189,122,.16)!important;color:#f8bd7a!important;border-color:rgba(248,189,122,.26)!important;}
.kyc-step-dot.done em{background:rgba(0,231,168,.14)!important;color:#00e7a8!important;border-color:rgba(0,231,168,.25)!important;}
.kyc-wizard-panel{
  display:grid!important;
  gap:12px!important;
}
.kyc-wizard-panel h3{
  margin:0!important;
  color:#f4f7ff!important;
  font-size:20px!important;
}
.kyc-wizard-panel p{
  margin:0!important;
  color:#9fb2d0!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.kyc-wizard-panel textarea{
  min-height:90px!important;
  resize:vertical!important;
}
.kyc-step-check{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  color:#dbe7ff!important;
}
.kyc-step-check input{
  width:auto!important;
  margin-top:3px!important;
}
.kyc-step-submit-note{
  border:1px solid rgba(248,189,122,.2)!important;
  background:rgba(248,189,122,.07)!important;
  color:#f8bd7a!important;
  padding:10px!important;
  border-radius:14px!important;
  font-size:12px!important;
  font-weight:800!important;
}
.kyc-step-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.kyc-step-actions button[disabled]{
  opacity:.45!important;
  cursor:not-allowed!important;
}
@media(max-width:700px){
  .kyc-step-dots{gap:5px!important;}
  .kyc-step-dot span{font-size:10px!important;}
  .kyc-step-dot em{width:25px!important;height:25px!important;}
}


/* ===== MENU PAGES AUTH VISIBILITY FIX ===== */
body.auth-mode #kycPage,
body.auth-mode #paymentMethodsPage,
body.auth-mode #profilePage,
body.auth-mode #referral,
body.auth-mode #referralPage {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#appPage.hidden #kycPage,
#appPage.hidden #paymentMethodsPage,
#appPage.hidden #profilePage,
#appPage.hidden #referral,
#appPage.hidden #referralPage {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.menu-owned-page:not(.active-page) {
  display: none !important;
}

body.app-mode .menu-owned-page.active-page {
  display: block;
  visibility: visible;
}


/* ===== KYC WIZARD BUTTON VISIBILITY FIX ===== */
.kyc-step-actions{
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  margin-top:4px!important;
}

.kyc-step-actions button{
  min-height:52px!important;
  border-radius:16px!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:.2px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

#kycStepBack{
  background:rgba(255,255,255,.08)!important;
  color:#f4f7ff!important;
}

#kycStepNext{
  background:linear-gradient(135deg,#f8bd7a,#ffd89c)!important;
  color:#06101e!important;
  box-shadow:0 10px 28px rgba(248,189,122,.18)!important;
}

#kycStepNext:hover{
  filter:brightness(1.05)!important;
}

.kyc-step-actions button[disabled]{
  opacity:.5!important;
  color:#9fb2d0!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}

@media(max-width:700px){
  .kyc-step-actions button{
    min-height:54px!important;
    font-size:15px!important;
  }
}





/* ===== ADMIN KYC PAYOUT TABLES FILTER PAGINATION FINAL ===== */
.admin-table-toolbar{display:grid!important;grid-template-columns:1.2fr 1.5fr .8fr .8fr!important;gap:10px!important;align-items:end!important;margin:14px 0 16px!important}
.admin-table-toolbar>div span{display:block!important;color:#9fb2d0!important;font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.admin-table-toolbar>div b{display:block!important;color:#f4f7ff!important;font-size:15px!important;margin-top:3px!important}
.admin-table-toolbar input,.admin-table-toolbar select{min-height:42px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.06)!important;color:#f4f7ff!important;padding:0 12px!important;outline:none!important}
.admin-table-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:6px 10px!important;font-size:11px!important;font-weight:950!important;white-space:nowrap!important}
.admin-table-status.pending{color:#f8bd7a!important;background:rgba(248,189,122,.13)!important}.admin-table-status.approved{color:#00e7a8!important;background:rgba(0,231,168,.13)!important}.admin-table-status.rejected{color:#ff456b!important;background:rgba(255,69,107,.13)!important}
.admin-table-view,.admin-table-delete{border-radius:12px!important;padding:9px 12px!important;font-weight:900!important;margin:3px!important;border:1px solid rgba(255,255,255,.12)!important}
.admin-table-view{background:rgba(255,255,255,.08)!important;color:#f4f7ff!important}.admin-table-delete{background:rgba(255,69,107,.14)!important;color:#ff6b8e!important;border-color:rgba(255,69,107,.24)!important}
.admin-table-locked{color:#9fb2d0!important;font-size:12px!important;font-weight:800!important;margin:0 6px!important}
.admin-table-pager{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important;margin:14px 0!important;color:#9fb2d0!important;font-size:12px!important}.admin-table-pager>div{display:flex!important;gap:8px!important;align-items:center!important}.admin-table-pager button{border-radius:12px!important;padding:9px 12px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.07)!important;color:#f4f7ff!important;font-weight:900!important}.admin-table-pager button[disabled]{opacity:.45!important;cursor:not-allowed!important}.admin-table-pager b{color:#f4f7ff!important}
.admin-table-details{margin-top:16px!important}.admin-detail-card{padding:18px!important}.admin-detail-head{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important;margin-bottom:14px!important}.admin-detail-head span{color:#9fb2d0!important;font-size:12px!important;letter-spacing:.08em!important}.admin-detail-head h3{color:#f4f7ff!important;margin:4px 0!important;font-size:22px!important}.admin-detail-head p{color:#9fb2d0!important;margin:0!important}
.admin-detail-grid,.admin-detail-docs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.admin-detail-docs{margin-top:10px!important}.admin-detail-grid div,.admin-detail-docs div{border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important;border-radius:14px!important;padding:10px!important}.admin-detail-grid span,.admin-detail-docs span{display:block!important;color:#9fb2d0!important;font-size:11px!important;margin-bottom:4px!important}.admin-detail-grid b,.admin-detail-docs b{color:#f4f7ff!important;font-size:13px!important;word-break:break-word!important}.admin-detail-docs small{display:block!important;margin-top:4px!important;color:#7f90ad!important;word-break:break-word!important}.admin-detail-actions{display:flex!important;gap:10px!important;margin-top:14px!important;flex-wrap:wrap!important}
@media(max-width:900px){.admin-table-toolbar{grid-template-columns:1fr!important}.admin-table-pager{align-items:flex-start!important;flex-direction:column!important}.admin-detail-grid,.admin-detail-docs{grid-template-columns:1fr!important}}


/* ===== PAYOUT STABLE PAGE TABLE OVERRIDE FINAL ===== */
.aps-table-toolbar{display:grid!important;grid-template-columns:1.3fr 1.4fr .8fr .8fr!important;gap:12px!important;align-items:end!important;margin:14px 0 16px!important}
.aps-table-toolbar span{display:block!important;color:#9fb2d0!important;font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.aps-table-toolbar b{display:block!important;color:#f4f7ff!important;font-size:18px!important;margin:3px 0!important}
.aps-table-toolbar small{color:#9fb2d0!important;font-size:12px!important}
.aps-table-toolbar input,.aps-table-toolbar select{min-height:44px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.06)!important;color:#f4f7ff!important;padding:0 12px!important;outline:none!important}
.aps-table-wrap{overflow:auto!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:rgba(255,255,255,.025)!important}
.aps-payout-table{width:100%!important;border-collapse:collapse!important;min-width:980px!important}
.aps-payout-table th,.aps-payout-table td{padding:14px 12px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;text-align:left!important;color:#f4f7ff!important}
.aps-payout-table th{color:#9fb2d0!important;font-size:12px!important;letter-spacing:.04em!important}
.aps-table-status{display:inline-flex!important;border-radius:999px!important;padding:6px 10px!important;font-size:11px!important;font-weight:950!important}
.aps-table-status.pending{color:#f8bd7a!important;background:rgba(248,189,122,.13)!important}.aps-table-status.approved{color:#00e7a8!important;background:rgba(0,231,168,.13)!important}.aps-table-status.rejected{color:#ff456b!important;background:rgba(255,69,107,.13)!important}
.aps-view-btn,.aps-delete-btn{border-radius:12px!important;padding:9px 12px!important;font-weight:900!important;margin:3px!important;border:1px solid rgba(255,255,255,.12)!important}
.aps-view-btn{background:rgba(255,255,255,.08)!important;color:#f4f7ff!important}.aps-delete-btn{background:rgba(255,69,107,.14)!important;color:#ff6b8e!important;border-color:rgba(255,69,107,.24)!important}
.aps-locked{color:#9fb2d0!important;font-size:12px!important;font-weight:800!important;margin:0 6px!important}
.aps-table-pager{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important;margin:14px 0!important;color:#9fb2d0!important;font-size:12px!important}
.aps-table-pager>div{display:flex!important;gap:8px!important;align-items:center!important}.aps-table-pager button{border-radius:12px!important;padding:9px 12px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.07)!important;color:#f4f7ff!important;font-weight:900!important}.aps-table-pager button[disabled]{opacity:.45!important}
.aps-payout-details{margin-top:16px!important}.aps-detail-card{padding:18px!important}.aps-detail-head{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important;margin-bottom:14px!important}.aps-detail-head span{color:#9fb2d0!important;font-size:12px!important;letter-spacing:.08em!important}.aps-detail-head h3{color:#f4f7ff!important;margin:4px 0!important;font-size:22px!important}.aps-detail-head p{color:#9fb2d0!important;margin:0!important}
.aps-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.aps-detail-grid div{border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important;border-radius:14px!important;padding:10px!important}.aps-detail-grid span{display:block!important;color:#9fb2d0!important;font-size:11px!important;margin-bottom:4px!important}.aps-detail-grid b{color:#f4f7ff!important;font-size:13px!important;word-break:break-word!important}.aps-detail-actions{display:flex!important;gap:10px!important;margin-top:14px!important;flex-wrap:wrap!important}
@media(max-width:900px){.aps-table-toolbar{grid-template-columns:1fr!important}.aps-table-pager{align-items:flex-start!important;flex-direction:column!important}.aps-detail-grid{grid-template-columns:1fr!important}}


/* ===== ADMIN USERS SECTION RENDER FIX ===== */
.admin-users-fix-toolbar{
  display:grid!important;
  grid-template-columns:1.2fr 1.5fr .8fr!important;
  gap:10px!important;
  align-items:end!important;
  margin:14px 0 16px!important;
}
.admin-users-fix-toolbar > div span{
  display:block!important;
  color:#9fb2d0!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.admin-users-fix-toolbar > div b{
  display:block!important;
  color:#f4f7ff!important;
  font-size:15px!important;
  margin-top:3px!important;
}
.admin-users-fix-toolbar input,
.admin-users-fix-toolbar select{
  min-height:42px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.06)!important;
  color:#f4f7ff!important;
  padding:0 12px!important;
  outline:none!important;
}
.admin-user-main{
  display:grid!important;
  gap:3px!important;
}
.admin-user-main b{
  color:#f4f7ff!important;
  font-size:13px!important;
}
.admin-user-main span{
  color:#9fb2d0!important;
  font-size:12px!important;
  word-break:break-word!important;
}
.admin-users-badges{
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}
.admin-user-status,
.admin-user-kyc{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  padding:5px 9px!important;
  font-size:10.5px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.admin-user-status.active{color:#00e7a8!important;background:rgba(0,231,168,.13)!important;}
.admin-user-status.blocked{color:#ff456b!important;background:rgba(255,69,107,.13)!important;}
.admin-user-kyc.approved{color:#00e7a8!important;background:rgba(0,231,168,.13)!important;}
.admin-user-kyc.pending{color:#f8bd7a!important;background:rgba(248,189,122,.13)!important;}
.admin-user-kyc.not-set,
.admin-user-kyc:not(.approved):not(.pending){color:#9fb2d0!important;background:rgba(255,255,255,.07)!important;}
.admin-user-view-btn,
.admin-user-toggle-btn{
  border-radius:12px!important;
  padding:9px 12px!important;
  font-weight:900!important;
  margin:3px!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.admin-user-view-btn{
  background:rgba(255,255,255,.08)!important;
  color:#f4f7ff!important;
}
.admin-user-toggle-btn{
  background:rgba(248,189,122,.12)!important;
  color:#f8bd7a!important;
  border-color:rgba(248,189,122,.24)!important;
}
.admin-users-pager{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  align-items:center!important;
  margin:14px 0!important;
  color:#9fb2d0!important;
  font-size:12px!important;
}
.admin-users-pager > div{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
}
.admin-users-pager button{
  border-radius:12px!important;
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.07)!important;
  color:#f4f7ff!important;
  font-weight:900!important;
}
.admin-users-pager button[disabled]{
  opacity:.45!important;
  cursor:not-allowed!important;
}
.admin-users-pager b{
  color:#f4f7ff!important;
}
.admin-user-detail-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  align-items:flex-start!important;
  margin-bottom:14px!important;
}
.admin-user-detail-head span{
  color:#9fb2d0!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
}
.admin-user-detail-head h3{
  color:#f4f7ff!important;
  margin:4px 0!important;
  font-size:22px!important;
}
.admin-user-detail-head p{
  color:#9fb2d0!important;
  margin:0!important;
}
.admin-user-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.admin-user-detail-grid div{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:14px!important;
  padding:10px!important;
}
.admin-user-detail-grid span{
  display:block!important;
  color:#9fb2d0!important;
  font-size:11px!important;
  margin-bottom:4px!important;
}
.admin-user-detail-grid b{
  color:#f4f7ff!important;
  font-size:13px!important;
  word-break:break-word!important;
}
@media(max-width:900px){
  .admin-users-fix-toolbar{
    grid-template-columns:1fr!important;
  }
  .admin-users-pager{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .admin-user-detail-grid{
    grid-template-columns:1fr!important;
  }
}








/* ===== PROFESSIONAL WALLET REBUILD FINAL ===== */
.professional-wallet-old-hidden{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#professionalWalletRoot{
  display:grid!important;
  gap:14px!important;
  padding-bottom:18px!important;
}
.pro-wallet-hero{
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 20% 20%,rgba(0,231,168,.18),transparent 34%),
    linear-gradient(145deg,rgba(14,25,44,.98),rgba(6,13,28,.98))!important;
  border-radius:26px!important;
  padding:20px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.32)!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:16px!important;
  align-items:flex-start!important;
}
.pro-wallet-hero p{
  margin:0 0 4px!important;
  color:#9fb2d0!important;
  text-transform:uppercase!important;
  letter-spacing:.14em!important;
  font-size:12px!important;
}
.pro-wallet-hero h2{
  margin:0 0 14px!important;
  color:#f4f7ff!important;
  font-size:28px!important;
  line-height:1.05!important;
}
.pro-wallet-hero strong{
  display:block!important;
  color:#00e7a8!important;
  font-size:44px!important;
  line-height:1!important;
  font-weight:1000!important;
}
.pro-wallet-hero>span{
  color:#00e7a8!important;
  background:rgba(0,231,168,.12)!important;
  border:1px solid rgba(0,231,168,.24)!important;
  border-radius:999px!important;
  padding:7px 11px!important;
  font-size:12px!important;
  font-weight:950!important;
}
.pro-wallet-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.pro-wallet-metric{
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border-radius:20px!important;
  padding:14px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20)!important;
}
.pro-wallet-metric div{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:10px!important;
}
.pro-wallet-metric div span{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(248,189,122,.12)!important;
  border-radius:10px!important;
}
.pro-wallet-metric p{
  margin:0!important;
  color:#9fb2d0!important;
  font-size:12px!important;
}
.pro-wallet-metric b{
  display:block!important;
  color:#f4f7ff!important;
  font-size:24px!important;
  margin-bottom:5px!important;
}
.pro-wallet-metric small{
  color:#7f90ad!important;
  font-size:11px!important;
}
.pro-wallet-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}
.pro-wallet-tabs button{
  min-height:54px!important;
  border-radius:17px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.07)!important;
  color:#f4f7ff!important;
  font-weight:950!important;
}
.pro-wallet-tabs button.active{
  background:linear-gradient(135deg,#f8bd7a,#ffd89c)!important;
  color:#06101e!important;
  border-color:rgba(248,189,122,.55)!important;
}
.pro-wallet-panel{
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(145deg,rgba(12,22,40,.96),rgba(5,12,25,.96))!important;
  border-radius:24px!important;
  padding:18px!important;
  display:grid!important;
  gap:14px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
}
.pro-wallet-panel h3{
  color:#f4f7ff!important;
  font-size:22px!important;
  margin:0!important;
}
.pro-wallet-panel p{
  color:#9fb2d0!important;
  font-size:13px!important;
  line-height:1.45!important;
  margin:0!important;
}
.pro-wallet-panel label{
  color:#9fb2d0!important;
  display:grid!important;
  gap:8px!important;
}
.pro-wallet-panel input{
  min-height:56px!important;
  color:#f4f7ff!important;
  background:rgba(5,12,24,.78)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:16px!important;
  padding:0 14px!important;
  font-size:16px!important;
}
.pro-wallet-panel input::placeholder{color:#7f90ad!important;}
.pro-wallet-panel button{
  min-height:52px!important;
  border-radius:16px!important;
  font-weight:950!important;
  color:#06101e!important;
  background:linear-gradient(135deg,#f8bd7a,#ffd89c)!important;
  border:1px solid rgba(248,189,122,.55)!important;
}
.pro-wallet-progress{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:18px!important;
  padding:14px!important;
}
.pro-wallet-progress>div{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
.pro-wallet-progress span{color:#f4f7ff!important;font-weight:950!important;}
.pro-wallet-progress b{color:#f8bd7a!important;font-size:12px!important;}
.pro-wallet-progress section{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px!important;
}
.pro-wallet-progress em{
  display:grid!important;
  place-items:center!important;
  gap:4px!important;
  font-style:normal!important;
  color:#7f90ad!important;
  font-weight:950!important;
}
.pro-wallet-progress em small{font-size:10px!important;font-weight:800!important;}
.pro-wallet-progress em.active,.pro-wallet-progress em.done{color:#f8bd7a!important;}
.pro-wallet-mode,.pro-wallet-methods{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;
  gap:10px!important;
}
.pro-wallet-mode button,.pro-wallet-methods button{
  color:#f4f7ff!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  text-align:left!important;
  padding:14px!important;
}
.pro-wallet-mode button.active,.pro-wallet-methods button.active{
  color:#06101e!important;
  background:linear-gradient(135deg,#f8bd7a,#ffd89c)!important;
}
.pro-wallet-methods button{
  display:grid!important;
  gap:5px!important;
}
.pro-wallet-methods span,.pro-wallet-methods small{color:inherit!important;opacity:.8!important;}
.pro-wallet-pay{
  display:grid!important;
  grid-template-columns:160px 1fr!important;
  gap:14px!important;
  align-items:center!important;
}
.pro-wallet-qr{
  width:160px!important;
  height:160px!important;
  object-fit:contain!important;
  background:#fff!important;
  border-radius:18px!important;
  padding:8px!important;
}
.pro-wallet-qr.empty{
  background:rgba(255,255,255,.07)!important;
  color:#9fb2d0!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
}
.pro-wallet-pay>div,.pro-wallet-bank,.pro-wallet-summary{
  display:grid!important;
  gap:9px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:16px!important;
  padding:14px!important;
}
.pro-wallet-pay span,.pro-wallet-bank span,.pro-wallet-summary span{
  color:#9fb2d0!important;
  font-size:12px!important;
}
.pro-wallet-pay b,.pro-wallet-bank b,.pro-wallet-summary b{
  color:#f4f7ff!important;
  word-break:break-word!important;
}
.pro-wallet-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.pro-wallet-actions button:first-child{
  color:#f4f7ff!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
.pro-wallet-history{
  display:grid!important;
  gap:10px!important;
}
.pro-wallet-history article{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:16px!important;
  padding:12px!important;
  display:grid!important;
  gap:8px!important;
}
.pro-wallet-history b{color:#f4f7ff!important;}
.pro-wallet-history span,.pro-wallet-history small{color:#9fb2d0!important;}
.pro-wallet-history em{
  justify-self:start!important;
  border-radius:999px!important;
  padding:5px 10px!important;
  font-style:normal!important;
  font-weight:950!important;
  font-size:11px!important;
}
.pro-wallet-history em.pending{color:#f8bd7a!important;background:rgba(248,189,122,.13)!important;}
.pro-wallet-history em.approved{color:#00e7a8!important;background:rgba(0,231,168,.13)!important;}
.pro-wallet-history em.rejected{color:#ff456b!important;background:rgba(255,69,107,.13)!important;}
@media(max-width:700px){
  .pro-wallet-hero{padding:18px!important;}
  .pro-wallet-hero h2{font-size:25px!important;}
  .pro-wallet-hero strong{font-size:40px!important;}
  .pro-wallet-cards{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .pro-wallet-metric{padding:12px!important;}
  .pro-wallet-metric b{font-size:20px!important;}
  .pro-wallet-tabs{grid-template-columns:1fr!important;}
  .pro-wallet-pay{grid-template-columns:1fr!important;}
  .pro-wallet-qr{width:100%!important;height:220px!important;}
}