:root{
  --bg:#020617;
  --panel:rgba(15,23,42,.68);
  --panel-strong:rgba(15,23,42,.82);
  --line:rgba(255,255,255,.10);
  --line-2:rgba(255,255,255,.06);
  --text:#e2e8f0;
  --muted:#94a3b8;
  --brand1:#10b981;
  --brand2:#06b6d4;
  --shadow:0 24px 80px rgba(2,6,23,.48);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  overflow-x:hidden;
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(16,185,129,.16), transparent 30%),
    radial-gradient(circle at top right, rgba(6,182,212,.14), transparent 28%),
    linear-gradient(180deg, #020617 0%, #08101f 45%, #020617 100%);
}
body::before{
  content:"";
  position:fixed; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle at center, black 45%, transparent 92%);
  pointer-events:none; opacity:.35; z-index:-1;
}
a,button,input,select,textarea{transition:all .25s ease}
a{text-decoration:none}
img{max-width:100%;display:block}

.logo-mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:2.8rem;height:2.8rem;border-radius:1rem;
  background:linear-gradient(135deg, rgba(16,185,129,.95), rgba(6,182,212,.95));
  color:white;font-weight:900;letter-spacing:.04em;
  box-shadow:0 18px 40px rgba(16,185,129,.28);
}
.nav-link, .side-link{
  display:inline-flex;align-items:center;gap:.7rem;
  border:1px solid transparent;
  color:#cbd5e1;
}
.nav-link{
  padding:.8rem 1rem;border-radius:1rem;font-weight:600;
}
.nav-link:hover,.nav-link.active{
  background:rgba(255,255,255,.06);
  border-color:var(--line);
  color:white;
}
.side-link{
  width:100%;padding:.95rem 1rem;border-radius:1rem;font-weight:700;
  background:rgba(255,255,255,.03)
}
.side-link:hover,.side-link.active{
  background:linear-gradient(180deg, rgba(16,185,129,.12), rgba(255,255,255,.06));
  border-color:rgba(16,185,129,.18);
  color:white;
}
.brand-btn, .ghost-btn{
  position:relative; overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-weight:800;
}
.brand-btn{
  color:white;
  background:linear-gradient(135deg, var(--brand1), #0ea5e9);
  box-shadow:0 18px 44px rgba(16,185,129,.22);
}
.brand-btn:hover{transform:translateY(-1px); box-shadow:0 24px 56px rgba(16,185,129,.28)}
.ghost-btn{
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  backdrop-filter: blur(14px);
}
.ghost-btn:hover{border-color:rgba(16,185,129,.2); background:rgba(255,255,255,.07); transform:translateY(-1px)}
.surface,.soft,.ticket-card{
  position:relative;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(15,23,42,.84), rgba(15,23,42,.58));
  box-shadow:var(--shadow);
  backdrop-filter: blur(16px);
}
.soft{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}
.surface::after,.ticket-card::after{
  content:""; position:absolute; inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,255,255,.06), transparent 36%, transparent 60%, rgba(16,185,129,.06));
  pointer-events:none;
}
.pill{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:2rem;padding:.35rem .85rem;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:#dbeafe;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
}
.pill-green{
  border-color:rgba(16,185,129,.22);
  background:rgba(16,185,129,.14);
  color:#a7f3d0;
}
.pill-yellow{
  border-color:rgba(250,204,21,.20);
  background:rgba(250,204,21,.12);
  color:#fde68a;
}
.metric-card{overflow:hidden}
.metric-card::before{
  content:"";position:absolute;right:-2rem;top:-2rem;width:7rem;height:7rem;border-radius:999px;
  background:radial-gradient(circle, rgba(16,185,129,.14), transparent 70%);
}
.chart-grid{display:grid;gap:1rem}
.chart-bar{
  height:.85rem;border-radius:999px;overflow:hidden;
  background:rgba(255,255,255,.08);border:1px solid var(--line-2);
}
.chart-bar span{
  display:block;height:100%;width:0;border-radius:999px;
  background:linear-gradient(90deg, #10b981, #38bdf8);
  box-shadow:0 10px 24px rgba(16,185,129,.28);
  transition:width 1.3s cubic-bezier(.2,.8,.2,1);
}
.grid-fade{
  background:
    radial-gradient(circle at 15% 15%, rgba(16,185,129,.16), transparent 32%),
    radial-gradient(circle at 88% 22%, rgba(56,189,248,.13), transparent 28%);
}
.hero-blur{filter: blur(16px); opacity:.9}

input,select,textarea{
  width:100%;
  border-radius:1rem;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:white;
  padding:.95rem 1rem;
  outline:none;
}
input::placeholder,textarea::placeholder{color:#94a3b8}
input:focus,select:focus,textarea:focus{
  border-color:rgba(16,185,129,.28);
  box-shadow:0 0 0 4px rgba(16,185,129,.08);
  background:rgba(255,255,255,.06);
}
select{
  appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, #94a3b8 50%),
    linear-gradient(135deg, #94a3b8 50%, transparent 50%);
  background-position:
    calc(100% - 24px) calc(50% - 2px),
    calc(100% - 18px) calc(50% - 2px);
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
}

.table-wrap{
  overflow:auto;
  border:1px solid var(--line);
  border-radius:1.3rem;
}
table{border-collapse:separate;border-spacing:0}
thead th{font-weight:800}
tbody tr:hover{background:rgba(255,255,255,.03)}

.mobile-drawer{
  position:fixed; inset:0; z-index:70;
  background:rgba(2,6,23,.72); backdrop-filter: blur(10px);
  padding:1rem;
}
.mobile-drawer-card{
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(15,23,42,.94), rgba(15,23,42,.78));
  box-shadow:var(--shadow);
  border-radius:1.7rem;
  padding:1rem;
  max-width:28rem;
  margin:0 auto;
}
.portal-shell{
  display:grid; grid-template-columns: 290px minmax(0,1fr);
  gap:1.5rem; width:min(1440px, calc(100% - 2rem)); margin:1rem auto;
}
.portal-sidebar{
  position:sticky; top:1rem; height:calc(100vh - 2rem);
  display:flex; flex-direction:column;
  padding:1.25rem; border-radius:2rem;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(15,23,42,.9), rgba(15,23,42,.72));
  box-shadow:var(--shadow);
}
.portal-content{min-width:0}
.topbar-mobile{display:none}
.ticket-card{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}
.fade-in-up{
  animation:fadeUp .7s ease both;
}
@keyframes fadeUp{
  from{opacity:0; transform:translateY(22px)}
  to{opacity:1; transform:translateY(0)}
}

footer{backdrop-filter: blur(12px)}
code.inline-badge{
  display:inline-flex; padding:.18rem .45rem; border-radius:.5rem;
  background:rgba(255,255,255,.06); border:1px solid var(--line); color:#e2e8f0;
}

@media (max-width: 1024px){
  .portal-shell{display:block; width:min(100%, calc(100% - 1rem)); margin:.5rem auto}
  .portal-sidebar{display:none}
  .topbar-mobile{display:flex}
}
@media (max-width: 640px){
  body::before{background-size:24px 24px}
  .logo-mark{width:2.5rem;height:2.5rem}
}


html { scroll-behavior: smooth; }

.announcement-bar {
  background: linear-gradient(90deg, rgba(16,185,129,0.16), rgba(56,189,248,0.10), rgba(15,23,42,0));
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.nav-shell {
  border: 1px solid rgba(255,255,255,0.1);
  background: linear-gradient(180deg, rgba(15,23,42,0.88), rgba(15,23,42,0.72));
  box-shadow: 0 18px 60px rgba(2,6,23,0.35);
  backdrop-filter: blur(20px);
}

.nav-center-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.7rem 1rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(226,232,240,0.88);
  transition: all .25s ease;
}

.nav-center-link:hover,
.nav-center-link.active {
  background: rgba(255,255,255,0.08);
  color: #fff;
}

.nav-mini-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0.72rem 1.1rem;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.04);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: all .25s ease;
}

.nav-mini-btn:hover {
  border-color: rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.07);
}

.hero-orb,
.hero-orb-two {
  position: absolute;
  border-radius: 999px;
  filter: blur(42px);
  pointer-events: none;
}

.hero-orb {
  top: 3rem;
  left: -3rem;
  width: 12rem;
  height: 12rem;
  background: rgba(16,185,129,0.16);
}

.hero-orb-two {
  right: 0;
  bottom: 2rem;
  width: 14rem;
  height: 14rem;
  background: rgba(56,189,248,0.12);
}

.public-highlight-card {
  position: relative;
  overflow: hidden;
}

.public-highlight-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(16,185,129,0.07), transparent 45%, rgba(56,189,248,0.06));
  pointer-events: none;
}

.hero-floating-stat {
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.05);
  box-shadow: 0 16px 32px rgba(2,6,23,0.22);
}

@media (max-width: 1023px) {
  .nav-shell {
    border-radius: 1.4rem;
  }
}


/* --- Advanced UI update v4 --- */
.nav-shell{
  position:relative;
  overflow:hidden;
}
.nav-shell::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(16,185,129,.10), transparent 28%, transparent 72%, rgba(6,182,212,.10));
  pointer-events:none;
}
.nav-brand{min-width:0}
.nav-center-link,.nav-mini-btn,.nav-live-btn,.nav-link{white-space:nowrap}
.nav-center-link{
  padding:.72rem 1rem;
  font-size:.76rem;
  letter-spacing:.16em;
}
.nav-actions{display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; justify-content:flex-end}
.nav-live-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  min-height:3.25rem;
  padding:.55rem 1rem .55rem .8rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  color:white;
  box-shadow:0 14px 40px rgba(2,6,23,.18);
}
.nav-live-btn:hover{transform:translateY(-1px); border-color:rgba(16,185,129,.22); background:rgba(255,255,255,.07)}
.nav-live-dot{
  width:.72rem; height:.72rem; border-radius:999px; flex:none;
  background:linear-gradient(135deg, #34d399, #22d3ee);
  box-shadow:0 0 0 8px rgba(16,185,129,.10), 0 0 22px rgba(16,185,129,.35);
}
.nav-live-label{display:flex; flex-direction:column; line-height:1.05; text-align:left}
.nav-live-label span:first-child{font-size:.66rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#94a3b8}
.nav-live-label span:last-child{font-size:.96rem; font-weight:900; letter-spacing:.06em}
.nav-live-chip{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:4.5rem; padding:.5rem .8rem; border-radius:999px;
  background:rgba(16,185,129,.12); border:1px solid rgba(16,185,129,.18);
  color:#d1fae5; font-size:.82rem; font-weight:900; letter-spacing:.08em;
}
.result-hero-card{
  position:relative; overflow:hidden;
  border:1px solid rgba(16,185,129,.16);
  background:linear-gradient(180deg, rgba(16,185,129,.08), rgba(255,255,255,.04));
}
.result-mini-card{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  border-radius:1.2rem;
  padding:1rem;
}
.action-card{
  width:100%;
  justify-content:flex-start;
  display:grid;
  grid-template-columns:minmax(88px, 118px) minmax(0,1fr);
  align-items:center;
  gap:1rem;
  text-align:left;
  min-height:116px;
}
.action-title{
  font-size:1.05rem;
  line-height:1.4;
  font-weight:900;
  color:white;
  letter-spacing:.01em;
}
.action-desc{
  margin:0;
  max-width:22rem;
  color:#94a3b8;
  font-size:.98rem;
  line-height:1.65;
}
.action-card::after{
  content:"→";
  position:absolute;
  right:1.1rem;
  top:50%;
  transform:translateY(-50%);
  width:2.4rem; height:2.4rem;
  border-radius:999px;
  display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:#e2e8f0;
  font-weight:900;
}
.live-fab{
  position:fixed;
  right:1rem;
  bottom:1rem;
  z-index:60;
  display:inline-flex;
  align-items:center;
  gap:.8rem;
  padding:.9rem 1rem;
  border-radius:999px;
  border:1px solid rgba(16,185,129,.24);
  background:linear-gradient(180deg, rgba(2,6,23,.92), rgba(15,23,42,.88));
  box-shadow:0 18px 50px rgba(2,6,23,.45), 0 0 0 1px rgba(16,185,129,.08) inset;
  color:white;
  backdrop-filter:blur(18px);
}
.live-fab:hover{transform:translateY(-2px)}
.live-fab .pulse{
  width:.78rem; height:.78rem; border-radius:999px; flex:none;
  background:linear-gradient(135deg, #34d399, #22d3ee);
  box-shadow:0 0 0 0 rgba(16,185,129,.42);
  animation:pulseGlow 2s infinite;
}
.live-fab .text-wrap{display:flex; flex-direction:column; align-items:flex-start; line-height:1.05}
.live-fab .text-wrap small{font-size:.66rem; text-transform:uppercase; letter-spacing:.18em; color:#94a3b8; font-weight:800}
.live-fab .text-wrap strong{font-size:.92rem; font-weight:900; letter-spacing:.05em}
@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(16,185,129,.42)}70%{box-shadow:0 0 0 12px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
.live-modal{
  position:fixed; inset:0; z-index:80;
  display:none; align-items:center; justify-content:center;
  padding:1rem;
  background:rgba(2,6,23,.74);
  backdrop-filter:blur(12px);
}
.live-modal.show{display:flex}
.live-modal-card{
  width:min(100%, 36rem);
  border-radius:2rem;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(15,23,42,.84));
  box-shadow:0 30px 80px rgba(2,6,23,.48);
  overflow:hidden;
}
.live-modal-head{
  position:relative;
  padding:1.5rem 1.5rem 0;
}
.live-modal-head::before{
  content:"";
  position:absolute;
  right:-2rem; top:-2rem;
  width:9rem; height:9rem; border-radius:999px;
  background:radial-gradient(circle, rgba(16,185,129,.18), transparent 70%);
}
.live-ticket-display{
  margin-top:1.25rem;
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
.live-stat-box{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  border-radius:1.35rem;
  padding:1rem;
}
.live-stat-box p:first-child{font-size:.78rem; text-transform:uppercase; letter-spacing:.16em; color:#94a3b8; font-weight:800}
.live-stat-box p:last-child{margin-top:.6rem; font-size:1.5rem; font-weight:900; color:white}
.live-modal-footer{
  display:flex; flex-wrap:wrap; gap:.75rem; justify-content:space-between; align-items:center;
  margin-top:1.2rem; padding:1.2rem 1.5rem 1.5rem;
  border-top:1px solid rgba(255,255,255,.08);
}
.portal-live-strip{
  display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between;
  margin-bottom:1.25rem; padding:1rem 1.15rem;
  border-radius:1.35rem;
  border:1px solid rgba(16,185,129,.15);
  background:linear-gradient(180deg, rgba(16,185,129,.09), rgba(255,255,255,.04));
}
.portal-live-strip .meta{display:flex; flex-wrap:wrap; gap:1rem; align-items:center}
.portal-live-strip .meta div p:first-child{font-size:.72rem; text-transform:uppercase; letter-spacing:.16em; color:#94a3b8; font-weight:800}
.portal-live-strip .meta div p:last-child{margin-top:.3rem; color:white; font-weight:900}
@media (max-width: 1279px){
  .nav-live-label span:first-child{display:none}
  .nav-live-btn{padding-inline:.9rem}
}
@media (max-width: 767px){
  .action-card{grid-template-columns:1fr; min-height:auto; padding-right:4rem}
  .action-desc{max-width:none}
  .live-fab{right:.75rem; bottom:.75rem; padding:.85rem .9rem}
  .live-modal-card{border-radius:1.55rem}
  .live-ticket-display{grid-template-columns:1fr}
  .portal-live-strip{padding:.95rem}
}


/* --- final UI polish --- */
.nav-shell{max-width:min(100%, 1280px)}
.nav-center-link{font-size:.75rem; letter-spacing:.14em}
.nav-mini-btn{font-size:.76rem; letter-spacing:.13em}
.nav-live-btn{max-width:100%; flex-shrink:0}
.nav-live-label span:last-child{white-space:nowrap}
.action-card{padding-right:4.5rem}
.ticket-card h3,.live-stat-box p:last-child,.member-stat-card h3{overflow-wrap:anywhere}
.member-stat-card{
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-radius:1.45rem;
  padding:1rem;
}
.member-stat-card p{font-size:.8rem; text-transform:uppercase; letter-spacing:.14em; color:#94a3b8; font-weight:800}
.member-stat-card h3{margin-top:.65rem; font-size:1.65rem; line-height:1.1; font-weight:900; color:white}
.member-stat-card span{display:block; margin-top:.45rem; color:#94a3b8; font-size:.92rem; line-height:1.55}
.info-line-card{
  display:grid;
  gap:.45rem;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  border-radius:1.35rem;
  padding:1rem 1.05rem;
}
.info-line-card strong{font-size:1rem; font-weight:900; color:white}
.info-line-card span{font-size:.95rem; line-height:1.7; color:#94a3b8}
.withdraw-ticker{
  position:fixed;
  top:1rem;
  right:1rem;
  z-index:58;
  width:min(22rem, calc(100vw - 2rem));
  border:1px solid rgba(16,185,129,.16);
  background:linear-gradient(180deg, rgba(2,6,23,.94), rgba(15,23,42,.9));
  box-shadow:0 24px 70px rgba(2,6,23,.42);
  border-radius:1.4rem;
  padding:.95rem 1rem;
  backdrop-filter:blur(18px);
}
.withdraw-ticker::before{
  content:""; position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(135deg, rgba(16,185,129,.08), transparent 45%, rgba(56,189,248,.07));
  pointer-events:none;
}
.withdraw-ticker-head{display:flex; align-items:center; justify-content:space-between; gap:.75rem; position:relative; z-index:1}
.withdraw-ticker-kicker{display:inline-flex; align-items:center; gap:.5rem; font-size:.68rem; text-transform:uppercase; letter-spacing:.18em; color:#a7f3d0; font-weight:900}
.withdraw-ticker-kicker::before{content:""; width:.6rem; height:.6rem; border-radius:999px; background:linear-gradient(135deg,#34d399,#22d3ee); box-shadow:0 0 0 6px rgba(16,185,129,.08)}
.withdraw-ticker-badge{display:inline-flex; align-items:center; justify-content:center; min-width:4.5rem; padding:.42rem .7rem; border-radius:999px; border:1px solid rgba(16,185,129,.18); background:rgba(16,185,129,.10); color:#d1fae5; font-size:.78rem; font-weight:900}
.withdraw-ticker-body{position:relative; z-index:1; margin-top:.85rem}
.withdraw-ticker-body p{margin:0}
.withdraw-ticker-name{font-size:1rem; font-weight:900; color:white}
.withdraw-ticker-meta{margin-top:.25rem; color:#cbd5e1; font-size:.92rem; line-height:1.6}
.withdraw-ticker-sub{margin-top:.4rem; color:#94a3b8; font-size:.8rem; letter-spacing:.03em}
.withdraw-ticker{transform:translateY(0); transition:opacity .35s ease, transform .35s ease}
.withdraw-ticker.is-swapping{opacity:.35; transform:translateY(-8px)}
.user-activity-board{overflow:hidden}
@media (max-width: 1380px){
  .nav-shell{padding-inline:1rem}
  .nav-center-link{padding:.68rem .85rem; font-size:.72rem}
  .nav-live-btn{padding:.5rem .85rem .5rem .7rem; gap:.6rem}
  .nav-live-chip{min-width:4rem; padding:.44rem .72rem}
  .nav-mini-btn{padding:.68rem .95rem; font-size:.73rem}
}
@media (max-width: 1160px){
  .nav-actions .nav-mini-btn{display:none}
}
@media (max-width: 767px){
  .withdraw-ticker{top:auto; bottom:5.6rem; right:.75rem; width:min(20rem, calc(100vw - 1.5rem)); padding:.9rem}
  .member-stat-card h3{font-size:1.4rem}
}


/* --- v6 mobile-first portal refresh --- */
.portal-shell{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:1.25rem;
  width:min(1400px, calc(100% - 1.5rem));
  margin:.75rem auto 2rem;
}
.portal-content{padding-bottom:5.8rem}
.portal-sidebar{width:100%}
.topbar-mobile{position:sticky; top:.5rem; z-index:45}
.portal-live-strip{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
}
.portal-live-strip .meta{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.85rem; width:100%}
.portal-live-strip .meta div{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  border-radius:1rem;
  padding:.85rem .95rem;
}
.payout-feed-card{overflow:hidden}
.payout-feed-card [data-withdraw-ticker-slot] .withdraw-ticker{
  position:relative;
  inset:auto;
  width:100%;
  max-width:none;
  box-shadow:none;
  border-radius:1.3rem;
  padding:1rem;
}
.payout-feed-card [data-withdraw-ticker-slot] .withdraw-ticker-sub{display:none}
.payout-feed-card [data-withdraw-ticker-slot] .withdraw-ticker.is-swapping{transform:translateY(-4px)}
.payout-feed-card [data-withdraw-ticker-slot] .withdraw-ticker::after{
  content:'Updated automatically';
  display:block;
  margin-top:.7rem;
  color:#94a3b8;
  font-size:.78rem;
}
.portal-mobile-nav{display:none}
.portal-mobile-nav a{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.3rem;
  padding:.72rem .35rem;
  border-radius:1rem;
  color:#cbd5e1;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.portal-mobile-nav a.active{
  color:white;
  background:linear-gradient(180deg, rgba(16,185,129,.18), rgba(255,255,255,.08));
  border:1px solid rgba(16,185,129,.18);
}
.portal-mobile-nav .dot{
  width:.42rem;height:.42rem;border-radius:999px;background:linear-gradient(135deg,#34d399,#22d3ee);
}
@media (max-width: 1279px){
  .portal-shell{grid-template-columns:250px minmax(0,1fr)}
}
@media (max-width: 1024px){
  .portal-content{padding-bottom:6.2rem}
}
@media (max-width: 767px){
  .portal-shell{width:calc(100% - .8rem); margin:.4rem auto 1rem}
  .surface,.soft,.ticket-card,.portal-sidebar,.mobile-drawer-card,.nav-shell{border-radius:1.35rem !important}
  .topbar-mobile{margin-bottom:.8rem; padding:.85rem .95rem}
  .portal-live-strip{grid-template-columns:1fr; padding:.9rem}
  .portal-live-strip .meta{grid-template-columns:1fr; gap:.7rem}
  .portal-live-strip .meta div{padding:.8rem .85rem}
  .action-card{grid-template-columns:1fr; min-height:auto; padding:1rem 3.7rem 1rem 1rem; gap:.55rem}
  .action-title{font-size:1rem}
  .action-desc{font-size:.9rem; line-height:1.55}
  .action-card::after{right:.85rem; width:2.15rem; height:2.15rem}
  .metric-card{padding:1rem !important}
  .metric-card p[data-money], .metric-card .text-3xl{font-size:1.9rem !important; line-height:1.05}
  .member-stat-card, .info-line-card{padding:.95rem}
  .withdraw-ticker{display:none}
  .portal-mobile-nav{
    position:fixed; left:.55rem; right:.55rem; bottom:.6rem; z-index:59;
    display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.35rem;
    padding:.45rem;
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(180deg, rgba(2,6,23,.95), rgba(15,23,42,.9));
    box-shadow:0 18px 60px rgba(2,6,23,.42);
    backdrop-filter:blur(18px);
    border-radius:1.25rem;
  }
  .live-fab{bottom:5.45rem; right:.7rem; padding:.75rem .82rem}
  .live-fab .text-wrap small{font-size:.58rem}
  .live-fab .text-wrap strong{font-size:.82rem}
}


/* --- v7 compact rotating payout strip --- */
.payout-feed-card{display:none !important}
.withdraw-ticker{
  position:relative;
  inset:auto;
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:.7rem;
  border:1px solid rgba(16,185,129,.16);
  background:linear-gradient(180deg, rgba(2,6,23,.90), rgba(15,23,42,.82));
  box-shadow:none;
  border-radius:1.1rem;
  padding:.8rem .95rem;
  backdrop-filter:blur(16px);
}
.withdraw-ticker::before{display:none}
.withdraw-ticker-head,
.withdraw-ticker-body{display:contents}
.withdraw-ticker-kicker{
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-size:.64rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#a7f3d0;
  font-weight:900;
}
.withdraw-ticker-kicker::before{
  content:"";
  width:.52rem;
  height:.52rem;
  border-radius:999px;
  background:linear-gradient(135deg,#34d399,#22d3ee);
  box-shadow:0 0 0 6px rgba(16,185,129,.08);
}
.withdraw-ticker-name,
.withdraw-ticker-meta,
.withdraw-ticker-sub{margin:0}
.withdraw-ticker-name{
  display:inline;
  font-size:.92rem;
  font-weight:900;
  color:white;
}
.withdraw-ticker-meta{
  display:inline;
  margin-left:.5rem;
  color:#cbd5e1;
  font-size:.83rem;
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.withdraw-ticker-sub{display:none}
.withdraw-ticker-badge{
  white-space:nowrap;
  min-width:auto;
  padding:.45rem .72rem;
  border-radius:999px;
  border:1px solid rgba(16,185,129,.18);
  background:rgba(16,185,129,.10);
  color:#d1fae5;
  font-size:.76rem;
  font-weight:900;
}
.withdraw-ticker.is-swapping{opacity:.45; transform:translateY(-3px)}
.portal-compact-strip{margin-bottom:1rem}
.portal-compact-strip .withdraw-ticker{margin:0}
@media (max-width: 1024px){
  .portal-content{padding-bottom:6rem}
}
@media (max-width: 767px){
  .portal-content{padding-bottom:6.4rem}
  .portal-compact-strip{margin-bottom:.8rem}
  .withdraw-ticker{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:.55rem;
    padding:.68rem .78rem;
    border-radius:1rem;
  }
  .withdraw-ticker-kicker{
    font-size:.55rem;
    letter-spacing:.13em;
  }
  .withdraw-ticker-kicker::before{
    width:.46rem;height:.46rem;
    box-shadow:0 0 0 4px rgba(16,185,129,.08);
  }
  .withdraw-ticker-name{font-size:.78rem}
  .withdraw-ticker-meta{font-size:.7rem; margin-left:.35rem}
  .withdraw-ticker-badge{font-size:.64rem; padding:.36rem .55rem}
  .portal-live-strip{margin-bottom:.8rem}
  .surface{padding:1rem !important}
  .surface h1{font-size:2rem !important; line-height:1.05}
  .surface h2{font-size:1.45rem !important; line-height:1.15}
  .ticket-card{padding:1rem !important}
  .table-wrap table{min-width:680px}
}


/* --- v8 minimal dashboard tweaks --- */
.minimal-live-strip{margin-bottom:1rem}
.compact-action{min-height:auto; grid-template-columns:1fr; padding-right:3.6rem}
.compact-admin-link{transition:transform .2s ease, border-color .2s ease}
.compact-admin-link:hover{transform:translateY(-2px); border-color:rgba(16,185,129,.18)}
.portal-content section + section{margin-top:0}
@media (max-width: 767px){
  .portal-content{padding-bottom:6.2rem}
  .minimal-live-strip .meta{grid-template-columns:1fr; gap:.65rem}
  .minimal-live-strip .meta div{padding:.72rem .8rem}
  .compact-action{padding:1rem 3rem 1rem 1rem}
  .compact-action .action-title{font-size:.98rem}
  .compact-action .action-desc{font-size:.84rem; line-height:1.5}
}


/* --- v9 final mobile rescue --- */
@media (max-width: 1100px){
  .portal-shell{
    display:block !important;
    grid-template-columns:1fr !important;
    width:min(100%, calc(100% - .8rem)) !important;
    margin:.45rem auto 1rem !important;
  }
  .portal-shell > *{min-width:0 !important;}
  .portal-sidebar{display:none !important;}
  .topbar-mobile{
    display:flex !important;
    position:sticky;
    top:.45rem;
    z-index:45;
    margin-bottom:.8rem;
  }
  .portal-content{
    width:100% !important;
    min-width:0 !important;
    padding-bottom:6rem !important;
  }
}
@media (max-width: 767px){
  .portal-live-strip,
  .portal-compact-strip{margin-bottom:.75rem !important;}

  .portal-live-strip{
    grid-template-columns:1fr !important;
    gap:.75rem !important;
    padding:.82rem !important;
  }
  .portal-live-strip .meta{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:.55rem !important;
  }
  .portal-live-strip .meta div{
    padding:.7rem .8rem !important;
    border-radius:.9rem !important;
  }
  .portal-live-strip .nav-mini-btn,
  .portal-live-strip button{
    width:100%;
    justify-content:center;
  }

  .withdraw-ticker{
    padding:.62rem .72rem !important;
    gap:.5rem !important;
    border-radius:.95rem !important;
  }
  .withdraw-ticker-kicker{font-size:.54rem !important;}
  .withdraw-ticker-name{font-size:.76rem !important;}
  .withdraw-ticker-meta{font-size:.68rem !important;}
  .withdraw-ticker-badge{font-size:.62rem !important; padding:.34rem .5rem !important;}

  .surface{padding:.95rem !important;}
  .surface h1{font-size:1.95rem !important; line-height:1.05 !important;}
  .surface h2{font-size:1.3rem !important; line-height:1.12 !important;}

  .surface > div:first-child .flex.gap-3,
  .surface .flex.gap-3{
    width:100%;
    flex-wrap:wrap;
  }
  .surface .brand-btn,
  .surface .ghost-btn{
    flex:1 1 calc(50% - .35rem);
    min-width:0;
    padding:.82rem .9rem !important;
  }

  .metric-card,
  .ticket-card,
  .soft,
  .surface{
    min-width:0 !important;
  }
  .metric-card p[data-money],
  .metric-card .text-3xl{font-size:1.62rem !important; line-height:1.05 !important;}

  .compact-action{
    padding:.95rem 1rem !important;
  }
  .compact-action::after{display:none !important;}
  .compact-action .action-title{font-size:.95rem !important;}
  .compact-action .action-desc{font-size:.82rem !important; line-height:1.45 !important;}

  .table-wrap{overflow-x:auto; -webkit-overflow-scrolling:touch;}
  .table-wrap table{min-width:600px !important;}

  .portal-mobile-nav{
    left:.45rem !important;
    right:.45rem !important;
    bottom:.45rem !important;
    gap:.28rem !important;
    padding:.38rem !important;
    border-radius:1rem !important;
    grid-template-columns:repeat(var(--portal-nav-count, 5), minmax(0,1fr)) !important;
  }
  .portal-mobile-nav a{
    padding:.62rem .25rem !important;
    font-size:.6rem !important;
    letter-spacing:.06em !important;
  }
  .portal-mobile-nav .dot{width:.36rem !important; height:.36rem !important;}

  .live-fab{display:none !important;}
}


/* receipt viewer */
.receipt-modal{
  position:fixed;
  inset:0;
  z-index:95;
  display:none;
  align-items:center;
  justify-content:center;
  padding:1rem;
  background:rgba(2,6,23,.78);
  backdrop-filter:blur(12px);
}
.receipt-modal.show{display:flex}
.receipt-modal-card{
  width:min(100%, 70rem);
  max-height:calc(100vh - 2rem);
  display:grid;
  grid-template-columns:minmax(18rem, 22rem) minmax(0, 1fr);
  overflow:hidden;
  border-radius:2rem;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(15,23,42,.86));
  box-shadow:0 30px 80px rgba(2,6,23,.48);
}
.receipt-modal-side{
  padding:1.4rem;
  border-right:1px solid rgba(255,255,255,.08);
  overflow:auto;
}
.receipt-detail-grid{
  display:grid;
  gap:.8rem;
}
.receipt-modal-tools{
  display:grid;
  gap:.75rem;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:1rem;
}
.receipt-modal-preview{
  min-width:0;
  padding:1rem;
  background:
    radial-gradient(circle at top right, rgba(16,185,129,.09), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
.receipt-image-stage{
  height:100%;
  min-height:26rem;
  overflow:auto;
  border-radius:1.5rem;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(45deg, rgba(255,255,255,.03) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.03) 75%, rgba(255,255,255,.03)),
    linear-gradient(45deg, rgba(255,255,255,.03) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.03) 75%, rgba(255,255,255,.03));
  background-position:0 0, 14px 14px;
  background-size:28px 28px;
  padding:1rem;
}
.receipt-image-stage img{
  display:block;
  width:min(100%, 34rem);
  margin:0 auto;
  transform-origin:top center;
  transition:transform .2s ease;
  box-shadow:0 18px 48px rgba(15,23,42,.18);
  border-radius:1.2rem;
}
@media (max-width: 900px){
  .receipt-modal-card{
    grid-template-columns:1fr;
    max-height:calc(100vh - 1rem);
    border-radius:1.4rem;
  }
  .receipt-modal-side{
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .receipt-modal-tools{grid-template-columns:1fr 1fr 1fr}
  .receipt-image-stage{min-height:18rem}
}
@media (max-width: 640px){
  .receipt-modal{padding:.5rem}
  .receipt-modal-side,.receipt-modal-preview{padding:.85rem}
  .receipt-modal-tools{grid-template-columns:1fr}
  .receipt-image-stage{
    min-height:15rem;
    padding:.75rem;
  }
}