:root{--bg:#f4f8ff;--surface:#fff;--surface2:#eef5ff;--text:#10213f;--muted:#63718a;--line:#d8e4f5;--blue:#0968f6;--cyan:#00a9f4;--green:#0abf83;--purple:#7b3ff2;--orange:#ff851b;--red:#f04462;--gold:#e9aa20;--shadow:0 18px 50px rgba(25,70,130,.12);--radius:22px;--sidebar:270px}
html[data-theme="dark"]{--bg:#071224;--surface:#0e1b31;--surface2:#122541;--text:#f7fbff;--muted:#a8b9d4;--line:#263b5a;--shadow:0 18px 55px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% 0,rgba(0,169,244,.12),transparent 26%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;font-weight:560;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.mobile-only{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#071936,#0b2e65);color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:40;box-shadow:10px 0 35px rgba(5,20,50,.18)}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 20px}.brand-logo{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,204,72,.8);box-shadow:0 0 25px rgba(255,190,60,.25)}.brand strong{font-size:25px;letter-spacing:.06em;display:block}.brand span{font-size:11px;letter-spacing:.19em;color:#9fc8ff;font-weight:800}.nav{display:grid;gap:6px;overflow:auto;padding-right:3px}.nav-item{border:0;background:transparent;color:#bcd0ec;padding:12px 14px;border-radius:14px;text-align:left;font-weight:800;font-size:16px;display:flex;gap:12px;align-items:center}.nav-item:hover,.nav-item.active{background:linear-gradient(100deg,rgba(15,112,255,.95),rgba(58,156,255,.65));color:#fff;box-shadow:0 8px 20px rgba(0,93,255,.25)}.sidebar-foot{margin-top:auto;padding:15px 10px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#a9c9ef;font-weight:800}.status-dot{display:inline-block;width:9px;height:9px;background:#24d18e;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px rgba(36,209,142,.14)}
.app-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:82px;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar-title span{display:block;color:var(--blue);font-size:11px;letter-spacing:.18em;font-weight:900}.topbar-title strong{font-size:23px}.top-actions{display:flex;align-items:center;gap:10px}.live-chip{border:1px solid var(--line);background:var(--surface2);padding:9px 13px;border-radius:999px;font-size:13px;font-weight:850}.pulse{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px rgba(10,191,131,.12)}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);width:43px;height:43px;border-radius:13px;font-size:19px;font-weight:900}.wallet-btn,.primary-btn,.secondary-btn,.mini-btn{border:0;border-radius:13px;font-weight:850;transition:.2s ease}.wallet-btn,.primary-btn{background:linear-gradient(135deg,#0869f7,#00a6f0);color:#fff;padding:12px 18px;box-shadow:0 9px 25px rgba(8,105,247,.22)}.wallet-btn:hover,.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.secondary-btn{background:var(--surface2);color:var(--blue);border:1px solid color-mix(in srgb,var(--blue) 25%,var(--line));padding:12px 18px}.mini-btn{background:var(--surface2);color:var(--text);border:1px solid var(--line);padding:8px 12px;font-size:14px}.wide{width:100%}.network-banner{margin:14px 28px 0;padding:13px 16px;border:1px solid #f5c266;background:#fff6db;color:#7c4b00;border-radius:15px;display:flex;align-items:center;gap:12px}.network-banner span{flex:1}.content{padding:24px 28px 40px;max-width:1600px;margin:auto}.page{display:none}.page.active{display:block;animation:fadeUp .3s ease}@keyframes fadeUp{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.hero-card{position:relative;overflow:hidden;min-height:300px;border-radius:30px;padding:38px;background:linear-gradient(125deg,#06336f 0%,#0968f6 48%,#05b5dd 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 25px 70px rgba(9,104,246,.25)}.hero-card:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-100px;top:-170px;background:rgba(255,255,255,.12)}.hero-copy{max-width:720px;position:relative;z-index:2}.hero-badges{display:flex;gap:8px;flex-wrap:wrap}.hero-badges span{font-size:11px;font-weight:900;letter-spacing:.08em;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28)}.hero-card h1{font-size:46px;line-height:1.05;margin:16px 0 12px;font-weight:950;letter-spacing:-.03em}.hero-card h1 span{color:#ffd66b}.hero-card p{font-size:18px;max-width:720px;color:#e8f5ff}.hero-actions{display:flex;gap:10px;margin-top:22px}.hero-card .primary-btn{background:#fff;color:#075bd4}.hero-card .secondary-btn{background:rgba(255,255,255,.13);color:#fff;border-color:rgba(255,255,255,.35)}.hero-logo{position:relative;z-index:2;width:260px;height:260px;object-fit:cover;border-radius:50%;border:8px solid rgba(255,255,255,.22);box-shadow:0 22px 55px rgba(0,0,0,.2)}
.referral-welcome{margin-top:16px;padding:18px 20px;border:1px solid rgba(10,191,131,.35);border-radius:18px;background:linear-gradient(100deg,rgba(10,191,131,.12),rgba(0,169,244,.08));font-weight:800}.section-head,.panel-title{display:flex;justify-content:space-between;gap:18px;align-items:center}.section-head{margin:30px 0 14px}.section-head span,.panel-title span,.page-intro>span{color:var(--blue);font-size:11px;font-weight:950;letter-spacing:.16em}.section-head h2,.panel-title h3{margin:2px 0 0;font-size:25px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;min-height:154px;box-shadow:var(--shadow);transition:.2s}.metric-card:hover{transform:translateY(-3px)}.metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--accent,var(--blue))}.metric-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:var(--accent,var(--blue));font-weight:950;margin-bottom:15px}.metric-card>span{display:block;color:var(--muted);font-size:14px;font-weight:800}.metric-card strong{display:block;font-size:28px;letter-spacing:-.03em;margin:2px 0 4px}.metric-card small{color:var(--muted);font-size:12px;font-weight:700}.c-blue{--accent:var(--blue)}.c-purple{--accent:var(--purple)}.c-orange{--accent:var(--orange)}.c-green{--accent:var(--green)}.c-cyan{--accent:var(--cyan)}.c-red{--accent:var(--red)}.c-indigo{--accent:#3856d7}.c-gray{--accent:#8090a8}.c-gold{--accent:var(--gold)}
.two-col,.action-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.dashboard-lower{margin-top:16px}.panel,.tx-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.panel h3{font-size:22px;margin:0 0 14px}.badge,.status-pill{padding:7px 10px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:12px;font-weight:900;color:var(--blue)}.progress-wrap{margin:24px 0 16px}.progress{height:16px;border-radius:999px;background:var(--surface2);overflow:hidden;border:1px solid var(--line)}.progress i{display:block;width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--blue),var(--purple));transition:width .5s ease}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-top:8px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-stats>div{padding:13px;background:var(--surface2);border-radius:14px;border:1px solid var(--line)}.mini-stats span,.detail-list span{display:block;color:var(--muted);font-size:12px;font-weight:800}.mini-stats strong{font-size:19px}.weekly-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.weekly-cards>div,.weekly-card{padding:16px;border-radius:16px;background:var(--surface2);border:1px solid var(--line)}.weekly-cards b{font-size:26px;color:var(--blue);display:block}.weekly-cards span{display:block;font-size:15px;font-weight:900}.weekly-cards small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.referral-panel{margin-top:16px}.copy-row{display:flex;gap:10px;margin-top:18px}.copy-row input,.input-box input,.token-input input{flex:1;min-width:0;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:13px;padding:13px 14px;font-weight:750;outline:none}.copy-row input:focus,.input-box input:focus,.token-input input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(9,104,246,.1)}
.page-intro{margin-bottom:20px}.page-intro h1{font-size:38px;margin:3px 0 6px;letter-spacing:-.025em}.page-intro p{margin:0;color:var(--muted);font-size:17px;max-width:900px}.tx-card{position:relative}.accent-blue{border-top:5px solid var(--blue)}.accent-green{border-top:5px solid var(--green)}.accent-purple{border-top:5px solid var(--purple)}.tx-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.tx-card-head span{font-size:11px;color:var(--blue);letter-spacing:.15em;font-weight:950}.tx-card-head h2{font-size:31px;margin:2px 0 15px}.balance-line{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line);background:var(--surface2);border-radius:14px;margin:12px 0}.balance-line span{color:var(--muted);font-size:13px}.balance-line.big b{font-size:20px}.tx-card label{display:block;margin:15px 0 7px;font-size:13px;font-weight:900}.input-box{display:flex;gap:8px}.info-box{margin:14px 0;padding:12px 14px;border:1px solid #cfe0fa;background:color-mix(in srgb,var(--blue) 7%,var(--surface));border-radius:13px;color:var(--muted);font-size:13px;font-weight:700}.info-box.safe{margin-top:18px;border-color:#bfe7d5;background:color-mix(in srgb,var(--green) 8%,var(--surface))}.steps{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0}.steps span{padding:8px 11px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:12px;color:var(--muted);font-weight:900}.steps span.active,.steps span.done{color:#fff;background:var(--blue);border-color:var(--blue)}.steps span.done{background:var(--green);border-color:var(--green)}.steps i{font-style:normal;color:var(--muted)}.tx-note{display:block;text-align:center;margin-top:10px;color:var(--muted)}.distribution-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.distribution-list>div,.detail-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)}.distribution-list span{color:var(--muted)}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.summary-strip>div{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.summary-strip span{display:block;color:var(--muted);font-size:13px}.summary-strip b{font-size:22px}.package-focus{display:flex;align-items:center;justify-content:center;gap:20px;padding:25px;background:linear-gradient(135deg,rgba(9,104,246,.08),rgba(123,63,242,.08));border:1px dashed color-mix(in srgb,var(--blue) 45%,var(--line));border-radius:18px;margin:14px 0}.package-orb{width:110px;height:110px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,var(--blue),var(--purple));color:#fff;font-size:29px;font-weight:950;box-shadow:0 15px 35px rgba(73,72,220,.25)}.package-focus h2{margin:0;font-size:27px}.package-focus p{margin:4px 0;color:var(--muted)}.cap-table{display:grid;gap:7px}.cap-table>div{display:grid;grid-template-columns:55px 1fr 60px;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)}.cap-table b,.cap-table strong{font-size:20px;color:var(--blue)}.detail-list{display:grid;gap:8px}.detail-list>div{align-items:center}.detail-list b{text-align:right}.cards-list{display:grid;gap:10px}.position-card{padding:16px;border:1px solid var(--line);background:var(--surface2);border-radius:16px}.position-card-head{display:flex;justify-content:space-between;gap:12px}.position-card h4{margin:0;font-size:18px}.position-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.position-meta>div{padding:9px;background:var(--surface);border:1px solid var(--line);border-radius:11px}.position-meta span{display:block;color:var(--muted);font-size:11px}.position-meta b{font-size:14px}.passive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.passive-grid>div{padding:15px;border-radius:14px;background:var(--surface2);border:1px solid var(--line)}.passive-grid b{display:block;font-size:19px;color:var(--blue)}.passive-grid span{font-size:12px;color:var(--muted)}.subtle{color:var(--muted);font-size:13px}
.swap-shell{display:grid;place-items:center}.swap-card{width:min(620px,100%);padding:22px;border:1px solid var(--line);background:var(--surface);border-radius:28px;box-shadow:0 30px 70px rgba(20,90,180,.15)}.swap-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.swap-title h2{font-size:27px;margin:0}.token-box{padding:16px;border:1px solid var(--line);border-radius:19px;background:var(--surface2)}.token-box.receive{background:linear-gradient(135deg,rgba(10,191,131,.08),rgba(0,169,244,.08))}.token-box-top{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.token-input{display:flex;align-items:center;gap:8px;margin:12px 0 4px}.token-input input{font-size:28px;font-weight:900;background:transparent;border:0;padding:4px}.token-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:9px 11px;border-radius:999px;font-weight:900}.token-pill img{width:26px;height:26px;border-radius:50%;object-fit:cover}.max-btn{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:950}.swap-arrow{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--surface);border:4px solid var(--bg);margin:-5px auto;color:var(--blue);font-size:20px;position:relative;z-index:2}.receive-value{display:flex;align-items:baseline;gap:8px}.receive-value strong{font-size:35px}.receive-value span{font-weight:900}.lp-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.lp-facts>div{padding:10px 12px;border:1px solid var(--line);border-radius:12px}.lp-facts span{display:block;color:var(--muted);font-size:11px}.lp-facts b{font-size:14px}.timeline{height:9px;border-radius:999px;background:var(--line);margin:12px 0;overflow:hidden}.timeline i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:999px}.lp-actions{display:flex;gap:8px;margin-top:12px}
.team-cols{align-items:start}.pager,.pager-row{display:flex;gap:7px;align-items:center}.pager-row{justify-content:space-between;margin:10px 0;color:var(--muted);font-size:13px}.select{border:1px solid var(--line);background:var(--surface2);color:var(--text);padding:9px 12px;border-radius:11px;font-weight:800}.member-list{display:grid;gap:8px}.member{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);background:var(--surface2);border-radius:13px}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;display:grid;place-items:center;font-weight:950}.member-info{flex:1;min-width:0}.member-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-info span{font-size:11px;color:var(--muted)}.member-status{font-size:11px;font-weight:900;color:var(--green)}.reward-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.reward-card{padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:18px;box-shadow:var(--shadow)}.reward-head{display:flex;justify-content:space-between;align-items:center}.reward-head b{font-size:21px}.reward-head span{font-size:12px;font-weight:900;color:var(--blue)}.reward-card h3{font-size:24px;margin:4px 0}.reward-card .progress{margin-top:12px}.reward-numbers{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:7px}.weekly-cards.big{margin-bottom:16px}.weekly-card{padding:22px}.weekly-card b{font-size:38px}.weekly-card h3{margin:0 0 9px}.weekly-card span,.weekly-card small{display:block}.weekly-card.green{border-top:5px solid var(--green)}.weekly-card.purple{border-top:5px solid var(--purple)}.weekly-card.orange{border-top:5px solid var(--orange)}.weekly-progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.weekly-progress-grid>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.weekly-progress-grid b{display:block;font-size:20px}.weekly-progress-grid span{display:block;color:var(--muted);font-size:12px}.split-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.split-preview.three{grid-template-columns:repeat(3,1fr)}.split-preview>div{padding:12px;border-radius:13px;background:var(--surface2);border:1px solid var(--line)}.split-preview span,.split-preview small{display:block;color:var(--muted);font-size:11px}.split-preview b{font-size:16px}.history-list{display:grid;gap:8px;margin:12px 0}.history-row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.history-kind{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:950}.history-row b{display:block}.history-row span{display:block;color:var(--muted);font-size:11px}.history-amount{text-align:right;font-size:16px;font-weight:900}.chain-card{padding:25px;border-radius:22px;background:linear-gradient(135deg,#06336f,#0968f6,#00a5d7);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);margin-bottom:16px}.chain-card span{font-size:11px;font-weight:900;letter-spacing:.15em}.chain-card h2{font-size:30px;margin:4px 0}.chain-card p{margin:0;color:#d8f0ff}.chain-icon{width:90px;height:90px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);font-size:32px;font-weight:950}.contract-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contract-card{padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:18px;box-shadow:var(--shadow)}.contract-card-head{display:flex;justify-content:space-between;gap:10px}.contract-card h3{margin:0;font-size:20px}.contract-type{font-size:10px;padding:5px 8px;border-radius:999px;background:var(--surface2);color:var(--blue);font-weight:950}.address{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all;color:var(--muted);padding:12px;background:var(--surface2);border-radius:11px;margin:12px 0}.contract-actions{display:flex;gap:8px}.empty{text-align:center;padding:28px;color:var(--muted);border:1px dashed var(--line);border-radius:14px;background:var(--surface2)}
.footer{padding:20px 28px 90px;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;gap:20px;font-size:12px}.mobile-nav{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(2,10,25,.55);z-index:90;display:grid;place-items:end center;padding:16px}.modal{width:min(520px,100%);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h3{font-size:23px;margin:0}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.more-grid button{border:1px solid var(--line);background:var(--surface2);color:var(--text);padding:15px;border-radius:13px;font-weight:900}.toast-host{position:fixed;right:18px;top:92px;z-index:120;display:grid;gap:9px}.toast{width:min(390px,calc(100vw - 36px));padding:13px 15px;border-radius:14px;background:#0b1c37;color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.28);font-weight:750;border-left:5px solid var(--blue)}.toast.success{border-color:var(--green)}.toast.error{border-color:var(--red)}.toast.warn{border-color:var(--orange)}.toast b{display:block;font-size:15px}.toast span{font-size:12px;color:#d1e1f5}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.hero-logo{width:210px;height:210px}.hero-card h1{font-size:40px}.position-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);transition:.25s;width:280px}.sidebar.open{transform:none}.app-shell{margin-left:0}.mobile-only{display:grid!important}.topbar{padding:0 14px;height:72px}.topbar-title span{display:none}.topbar-title strong{font-size:18px}.live-chip{display:none}.content{padding:16px 14px 95px}.hero-card{padding:24px;min-height:290px}.hero-logo{position:absolute;right:-55px;bottom:-55px;width:230px;height:230px;opacity:.28}.hero-copy{max-width:100%}.hero-card h1{font-size:36px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px}.two-col,.action-layout{grid-template-columns:1fr}.summary-strip{grid-template-columns:repeat(2,1fr)}.reward-grid{grid-template-columns:1fr}.contract-grid{grid-template-columns:1fr}.weekly-progress-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;padding:7px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.18)}.mobile-nav button{border:0;background:transparent;color:var(--muted);border-radius:13px;padding:7px 2px;font-size:18px;font-weight:900}.mobile-nav button span{display:block;font-size:9px;margin-top:2px}.mobile-nav button.active{background:var(--blue);color:#fff}.footer{padding-bottom:105px}.passive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body{font-size:16px}.topbar-title{display:none}.top-actions{width:100%;justify-content:flex-end}.wallet-btn{padding:10px 13px;font-size:13px}.hero-card{min-height:300px}.hero-badges span:nth-child(3){display:none}.hero-card h1{font-size:31px}.hero-card p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:135px;padding:14px}.metric-icon{width:36px;height:36px;margin-bottom:10px}.metric-card strong{font-size:22px}.metric-card>span{font-size:12px}.metric-card small{font-size:10px}.page-intro h1{font-size:30px}.page-intro p{font-size:15px}.section-head h2,.panel-title h3{font-size:20px}.panel,.tx-card{padding:16px;border-radius:18px}.mini-stats,.weekly-cards{grid-template-columns:1fr}.copy-row,.input-box{flex-direction:column}.summary-strip{grid-template-columns:1fr 1fr;gap:8px}.summary-strip>div{padding:12px}.summary-strip b{font-size:18px}.distribution-list{grid-template-columns:1fr}.package-focus{flex-direction:column;text-align:center}.package-orb{width:90px;height:90px}.steps{gap:4px}.steps span{padding:7px 7px;font-size:10px}.position-meta{grid-template-columns:1fr 1fr}.passive-grid{grid-template-columns:1fr 1fr}.lp-facts{grid-template-columns:1fr 1fr}.split-preview.three{grid-template-columns:1fr}.contract-actions{flex-direction:column}.history-row{grid-template-columns:44px 1fr}.history-amount{grid-column:2;text-align:left}.footer{display:block;text-align:center}.footer span{display:block;margin:4px}.toast-host{top:75px;right:8px}.toast{width:calc(100vw - 16px)}}
.ecosystem-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.project-band{padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.project-band.live{border-top:4px solid var(--green)}.project-band.soon{border-top:4px solid var(--purple)}.band-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.band-title b{font-size:18px}.band-title span{font-size:11px;color:var(--muted)}.project-chips{display:flex;flex-wrap:wrap;gap:7px}.project-chips span{padding:7px 9px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:10px;font-weight:900}.reward-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.reward-toolbar span{color:var(--muted);font-size:13px}@media(max-width:900px){.ecosystem-strip{grid-template-columns:1fr}}@media(max-width:600px){.reward-toolbar{align-items:stretch;flex-direction:column}}
.demo-btn{border:1px solid #ffb020;background:linear-gradient(135deg,#fff4c7,#ffd35a);color:#573b00;padding:10px 15px;border-radius:13px;font-weight:950;cursor:pointer;box-shadow:0 8px 24px rgba(233,170,32,.18)}
.demo-btn.active{background:linear-gradient(135deg,#ff8a00,#ffc928);color:#fff;border-color:#ff9800}
.demo-banner{margin:14px 28px 0;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#fff6cc,#ffe27a);border:2px solid #f1b71c;color:#4f3800;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 12px 35px rgba(233,170,32,.16)}
.demo-banner strong,.demo-banner span{display:block}.demo-banner strong{font-size:16px;font-weight:950}.demo-banner span{font-size:12px;font-weight:750;margin-top:2px}.demo-actions{display:flex;gap:8px;flex-shrink:0}.demo-banner.hidden{display:none}
html[data-theme="dark"] .demo-banner{background:linear-gradient(135deg,#4a3506,#785600);color:#fff0b5;border-color:#d99d12}
body.demo-mode .wallet-btn{border-color:#f0b21c!important;box-shadow:0 0 0 3px rgba(240,178,28,.13)}
@media(max-width:900px){.demo-banner{margin:10px 14px 0}}
@media(max-width:600px){.demo-btn{padding:9px 10px;font-size:12px}.demo-banner{align-items:stretch;flex-direction:column}.demo-actions{width:100%}.demo-actions button{flex:1}.demo-banner strong{font-size:14px}}
\n/* FINAL MAINNET RESPONSIVE / OVERFLOW HARDENING — 2026-10-06 */
html,body{max-width:100%;overflow-x:hidden}
.app-shell,.content,.page,.panel,.tx-card,.metric-grid,.metric-card,.summary-strip,.summary-strip>div,.two-col,.action-layout,.detail-list,.detail-list>div,.weekly-progress-grid,.weekly-progress-grid>div,.position-meta,.position-meta>div,.reward-grid,.reward-card,.contract-grid,.contract-card{min-width:0}
.metric-card strong,.metric-card small,.summary-strip b,.detail-list b,.balance-line b,.position-meta b,.reward-numbers span,.reward-numbers b,.weekly-progress-grid span,.weekly-progress-grid b,.lp-facts b,.receive-value strong,.history-amount{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.metric-card strong{line-height:1.08}
.summary-strip>div{overflow:hidden}.summary-strip b{display:block;line-height:1.15}
.detail-list>div{min-width:0}.detail-list b{min-width:0}
.balance-line{min-width:0}.balance-line>*{min-width:0}
.package-focus>*{min-width:0}
.panel-title>*{min-width:0}.panel-title h3,.panel-title span{overflow-wrap:anywhere}
.top-actions{min-width:0}.wallet-btn{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.copy-row input,.input-box input,.token-input input{min-width:0;width:100%}
.reward-numbers{gap:10px;flex-wrap:wrap}.reward-numbers>*{min-width:0}
.contract-card-head>*{min-width:0}.contract-card h3{overflow-wrap:anywhere}
.info-box,.subtle,.page-intro p,.hero-card p,.tx-note{overflow-wrap:anywhere}
@media(max-width:1180px){.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.content{width:100%;max-width:100%}.topbar{max-width:100%}.metric-card strong{font-size:clamp(19px,4.2vw,27px)}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card strong{font-size:clamp(18px,5vw,22px)}.metric-card small{line-height:1.25}.summary-strip{grid-template-columns:1fr}.summary-strip b{font-size:18px}.detail-list>div{align-items:flex-start;gap:10px}.detail-list b{font-size:14px}.balance-line{align-items:flex-start;flex-direction:column;gap:4px}.balance-line b{text-align:left}.position-meta{grid-template-columns:1fr}.lp-facts{grid-template-columns:1fr}.passive-grid{grid-template-columns:1fr}.top-actions{gap:6px}.demo-btn{display:none}.wallet-btn{max-width:148px}.hero-badges{flex-wrap:wrap}.chain-card{padding:18px;gap:12px}.chain-card h2{font-size:25px}.chain-icon{width:64px;height:64px;border-radius:18px}.more-grid{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.metric-grid{grid-template-columns:1fr}.mobile-nav{left:6px;right:6px;bottom:6px}.topbar{padding:0 8px}.wallet-btn{max-width:132px;padding:9px 10px}.content{padding-left:10px;padding-right:10px}.panel,.tx-card{padding:14px}.hero-card{padding:20px}.more-grid{grid-template-columns:1fr}}

/* Mining claim controls — current Mainnet contract */
.mining-claim-panel{border-top:4px solid var(--purple)}
.claim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.claim-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);display:grid;gap:12px}
.claim-card>div b{display:block;font-size:17px;margin-bottom:5px}
.claim-card>div span,.claim-card small{display:block;color:var(--muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.claim-card code{font-size:11px;overflow-wrap:anywhere}
@media(max-width:700px){.claim-grid{grid-template-columns:1fr}.claim-card{padding:14px}.claim-card .primary-btn,.claim-card .secondary-btn{width:100%}}

.mining-build-marker{margin:0 0 14px;border-left:4px solid currentColor;font-weight:600}.mining-build-marker b{font-weight:900}

/* MAINNET V4 mining visibility + THAR-primary presentation */
.mining-claim-panel{
  position:sticky;
  top:82px;
  z-index:32;
  box-shadow:0 14px 34px rgba(9,32,68,.16);
  background:var(--surface);
  margin-bottom:16px;
}
.mining-claim-panel .panel-title{margin-bottom:10px}
.mining-claim-panel .claim-card{padding:13px}
.mining-claim-panel .claim-card span{line-height:1.35}
.summary-strip small,.detail-list small,.position-meta small{display:block;color:var(--muted);font-size:10px;line-height:1.25;margin-top:4px}
@media(max-width:900px){
  .mining-claim-panel{top:72px}
}
@media(max-width:700px){
  .mining-claim-panel{position:sticky;top:72px;padding:12px;max-height:48vh;overflow:auto}
  .mining-claim-panel .panel-title h3{font-size:18px}
  .mining-claim-panel .info-box{margin-bottom:0}
}

/* ==========================================================
   MAINNET V8 FINAL — responsive + layout safety overrides
   ========================================================== */
html,body{max-width:100%;overflow-x:hidden}
.content,.page,.panel,.tx-card,.action-layout,.summary-strip,.claim-grid,.claim-card{min-width:0;max-width:100%}
.mining-claim-panel{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  max-height:none!important;
  overflow:visible!important;
  margin-top:16px!important;
  margin-bottom:16px!important;
  box-shadow:var(--shadow)!important;
}
.mining-claim-panel .panel-title{
  align-items:flex-start;
  flex-wrap:wrap;
}
.claim-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.claim-card,.claim-card>*{min-width:0}
.claim-card b,.claim-card span,.claim-card small,.claim-card code{
  overflow-wrap:anywhere;
  word-break:normal;
}
.summary-strip>div,.detail-list>div,.metric-card,.balance-line{min-width:0}
.summary-strip b,.detail-list b,.metric-card strong,.balance-line b{
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media(max-width:900px){
  .action-layout,.two-col{grid-template-columns:1fr!important}
  .claim-grid{grid-template-columns:1fr!important}
  .mining-claim-panel{position:static!important}
}
@media(max-width:600px){
  .content{padding-left:12px!important;padding-right:12px!important}
  .panel,.tx-card{padding:14px!important}
  .summary-strip{grid-template-columns:1fr!important}
  .metric-grid{grid-template-columns:1fr!important}
  .claim-grid{grid-template-columns:1fr!important}
  .claim-card{padding:13px!important}
  .panel-title{align-items:flex-start!important;flex-direction:column!important}
  .panel-title .badge{align-self:flex-start}
  .steps{flex-wrap:wrap}
  .steps i{display:none}
  .topbar{overflow:hidden}
  .wallet-btn{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

.readonly-badge{display:inline-flex;align-items:center;margin-left:8px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;color:#0759d9;background:#eaf3ff;border:1px solid #bdd7ff}
#activationReferrer[readonly]{cursor:not-allowed;background:var(--soft);font-weight:700;color:var(--text)}
.wallet-disconnect{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:18px;font-weight:900;cursor:pointer;display:inline-grid;place-items:center}.wallet-disconnect:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
@media(max-width:600px){.wallet-disconnect{width:38px;height:38px;border-radius:11px}}

/* MAINNET V10 — mobile topbar/live-price final fix */
@media(max-width:900px){
  .topbar{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:8px!important;
    padding:0 10px!important;
  }
  .topbar-title{display:none!important}
  .top-actions{
    min-width:0!important;
    width:100%!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:6px!important;
  }
  .live-chip{
    display:inline-flex!important;
    align-items:center!important;
    min-width:0!important;
    padding:8px 10px!important;
    font-size:11px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .live-chip .pulse{
    width:7px!important;height:7px!important;
    margin-right:6px!important;
    flex:0 0 auto!important;
  }
  #tharPriceTop{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .wallet-btn{
    min-width:0!important;
    max-width:118px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    padding:10px 11px!important;
  }
  .wallet-disconnect{
    flex:0 0 38px!important;
    width:38px!important;height:38px!important;
  }
  .icon-btn{
    flex:0 0 38px!important;
    width:38px!important;height:38px!important;
  }
}
@media(max-width:430px){
  .topbar{padding:0 7px!important}
  .top-actions{gap:4px!important}
  .live-chip{
    max-width:102px!important;
    padding:7px 8px!important;
    font-size:10px!important;
  }
  .wallet-btn{
    max-width:91px!important;
    padding:9px 9px!important;
    font-size:11px!important;
  }
  .wallet-disconnect{
    flex-basis:34px!important;width:34px!important;height:34px!important;
  }
  .icon-btn{
    flex-basis:34px!important;width:34px!important;height:34px!important;
  }
}
@media(max-width:360px){
  .live-chip{max-width:90px!important}
  .wallet-btn{max-width:80px!important}
}
/* Form/accessibility clarity */
input[readonly]{outline:none}

/* ==========================================================
   MAINNET V11 FINAL — narrow-mobile header precision fix
   ========================================================== */
@media(max-width:430px){
  .topbar{
    grid-template-columns:38px minmax(0,1fr)!important;
    column-gap:5px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .top-actions{
    display:grid!important;
    grid-template-columns:minmax(88px,96px) minmax(102px,108px) 32px!important;
    justify-content:end!important;
    align-items:center!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
  }
  .top-actions .demo-btn,
  #themeBtn{
    display:none!important;
  }
  .live-chip{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding:7px 7px!important;
    font-size:9.5px!important;
    justify-content:center!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  #tharPriceTop{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  .live-chip .pulse{
    width:6px!important;
    height:6px!important;
    margin-right:4px!important;
  }
  #connectBtn.wallet-btn{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding:9px 6px!important;
    font-size:10.5px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  #disconnectBtn.wallet-disconnect{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    padding:0!important;
    font-size:15px!important;
  }
}
@media(max-width:360px){
  .top-actions{
    grid-template-columns:minmax(82px,88px) minmax(96px,102px) 30px!important;
  }
  .live-chip{font-size:9px!important;padding-left:5px!important;padding-right:5px!important}
  #connectBtn.wallet-btn{font-size:10px!important;padding-left:4px!important;padding-right:4px!important}
  #disconnectBtn.wallet-disconnect{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important}
}

/* MAINNET V12 FINAL — mobile header guard */
@media(max-width:430px){
  .topbar,.top-actions{overflow:visible!important}
  .live-chip,#tharPriceTop,#connectBtn.wallet-btn{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
}

/* ==========================================================
   MAINNET V13 FINAL HEADER
   Mobile order: Menu | Live Price | Day/Night | Wallet
   Wallet button toggles Connect / Disconnect
   ========================================================== */
@media(max-width:430px){
  .topbar{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:6px!important;
    padding:0 7px!important;
    overflow:visible!important;
  }
  .topbar-title{display:none!important}
  .top-actions{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(94px,102px) 34px minmax(102px,110px)!important;
    justify-content:end!important;
    align-items:center!important;
    gap:4px!important;
    overflow:visible!important;
  }
  .top-actions .demo-btn{display:none!important}

  /* Price is the left-most item inside top-actions */
  .live-chip{
    display:flex!important;
    order:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-content:flex-start!important;
    padding:7px 6px!important;
    font-size:9.5px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  #tharPriceTop{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  .live-chip .pulse{
    width:6px!important;height:6px!important;
    margin-right:4px!important;
    flex:0 0 auto!important;
  }

  /* Day/night remains visible */
  #themeBtn{
    display:inline-grid!important;
    order:2!important;
    width:34px!important;height:34px!important;
    min-width:34px!important;
    padding:0!important;
  }

  /* Wallet shows first6...last4 and acts as connect/disconnect toggle */
  #connectBtn.wallet-btn{
    display:block!important;
    order:3!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding:9px 5px!important;
    font-size:10.5px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
}
@media(max-width:360px){
  .top-actions{
    grid-template-columns:minmax(88px,94px) 32px minmax(98px,104px)!important;
  }
  .live-chip{font-size:9px!important;padding-left:5px!important;padding-right:4px!important}
  #themeBtn{width:32px!important;height:32px!important;min-width:32px!important}
  #connectBtn.wallet-btn{font-size:10px!important;padding-left:3px!important;padding-right:3px!important}
}

/* MAINNET V14 PRODUCTION */
#demoBtn,.demo-btn{display:none!important}

.wallet-status-mini{font-size:10px;font-weight:700;margin-left:6px;white-space:nowrap}
.wallet-status-mini[data-type="error"]{color:#d93025}
.wallet-status-mini[data-type="success"]{color:#0a8f5a}
@media(max-width:900px){.wallet-status-mini{display:none!important}}

/* MAINNET V16 PRODUCTION HARDENING */
#demoBtn,#demoBanner,.demo-btn,.demo-banner{display:none!important}

/* ==========================================================
   MAINNET V17 — independent Day/Night final hardening
   ========================================================== */
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 88% 0,rgba(0,169,244,.10),transparent 26%),
    #06101f!important;
  color:#f7fbff!important;
}
html[data-theme="dark"] .app-shell,
html[data-theme="dark"] .content{
  background:transparent!important;
}
html[data-theme="dark"] .topbar{
  background:rgba(10,24,43,.94)!important;
  border-bottom-color:#263b5a!important;
}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .tx-card,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .contract-card,
html[data-theme="dark"] .swap-card,
html[data-theme="dark"] .modal{
  background:#0e1b31!important;
  border-color:#263b5a!important;
  color:#f7fbff!important;
}
html[data-theme="dark"] .summary-strip>div,
html[data-theme="dark"] .detail-list>div,
html[data-theme="dark"] .mini-stats>div,
html[data-theme="dark"] .weekly-card,
html[data-theme="dark"] .weekly-progress-grid>div,
html[data-theme="dark"] .balance-line,
html[data-theme="dark"] .position-meta>div,
html[data-theme="dark"] .claim-card,
html[data-theme="dark"] .more-grid button,
html[data-theme="dark"] .token-box,
html[data-theme="dark"] .history-row{
  background:#122541!important;
  border-color:#263b5a!important;
  color:#f7fbff!important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background:#122541!important;
  color:#f7fbff!important;
  border-color:#314a6c!important;
}
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .mini-btn,
html[data-theme="dark"] .secondary-btn,
html[data-theme="dark"] .live-chip{
  background:#122541!important;
  color:#f7fbff!important;
  border-color:#314a6c!important;
}
html[data-theme="dark"] .mobile-nav{
  background:rgba(14,27,49,.96)!important;
  border-color:#263b5a!important;
}
html[data-theme="dark"] .page-intro p,
html[data-theme="dark"] .subtle,
html[data-theme="dark"] .tx-note,
html[data-theme="dark"] .metric-card small,
html[data-theme="dark"] .detail-list span{
  color:#a8b9d4!important;
}

.club-pool-amount{display:block;margin-top:4px;font-weight:800;color:var(--primary,#0667ff)}
html[data-theme="dark"] .club-pool-amount{color:#74b7ff!important}

/* ==========================================================
   MAINNET V23 — full mobile responsiveness + dashboard clarity
   ========================================================== */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
button,input,select,textarea{max-width:100%}
.page,.content,.panel,.tx-card,.metric-card,.weekly-card,.member,.history-row,.position-card,.reward-card,.contract-card{min-width:0}
.page h1,.page h2,.page h3,.page h4,.page p,.page span,.page small,.page b,.page strong,.page code,.page label{max-width:100%}

/* Team rows: never let a 42-char wallet address leave the card. */
.member{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;width:100%;max-width:100%;overflow:hidden}
.member-info{min-width:0!important;max-width:100%!important;overflow:hidden}
.member-info b{display:block!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-all!important;line-height:1.25}
.member-info span{display:block;overflow-wrap:anywhere;line-height:1.3;margin-top:3px}
.member-status{white-space:nowrap;align-self:center}
.team-cols>.panel{min-width:0;overflow:hidden}
.team-cols .panel-title{min-width:0;flex-wrap:wrap}
.team-cols .select{max-width:100%;min-width:0}

/* Income cards are intentionally prominent and easy to scan. */
.income-breakdown-card{border-width:2px}
.income-breakdown-card>span{color:var(--text);font-weight:900}
.root-only.hidden{display:none!important}

/* Club money: accrued means money already booked for the current week;
   distribution fund is the snapshot/settlement amount. */
.club-fund-amount{display:block!important;margin-top:8px!important;padding-top:7px;border-top:1px dashed var(--line);font-weight:900!important;color:var(--green)!important;overflow-wrap:anywhere}
.club-pool-amount{display:block!important;margin-top:4px!important;font-weight:800!important;color:var(--blue)!important;overflow-wrap:anywhere}
.weekly-cards>div,.weekly-card{min-width:0;overflow:hidden}
.weekly-cards span,.weekly-cards small,.weekly-card span,.weekly-card small{overflow-wrap:anywhere;word-break:normal}
.weekly-progress-grid>div{min-width:0;overflow:hidden}

/* Generic long-value protection across all information cards. */
.metric-card strong,.metric-card small,.summary-strip b,.detail-list b,.balance-line b,.position-meta b,.reward-numbers span,.reward-numbers b,.weekly-progress-grid span,.weekly-progress-grid b,.lp-facts b,.receive-value strong,.history-amount,.distribution-list b,.distribution-list span{overflow-wrap:anywhere!important;word-break:break-word!important}
.history-row>*,.distribution-list>div>*,.detail-list>div>*{min-width:0}
.copy-row,.input-box,.token-input,.contract-actions,.lp-actions{min-width:0}
.copy-row>* ,.input-box>* ,.token-input>*{min-width:0}

@media(max-width:900px){
  .team-cols{grid-template-columns:1fr!important}
  .dashboard-lower{grid-template-columns:1fr!important}
  .weekly-cards.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
  .panel-title{flex-wrap:wrap}
}

@media(max-width:700px){
  .content{padding-left:12px!important;padding-right:12px!important}
  .page-intro h1{font-size:clamp(25px,8vw,31px)!important;line-height:1.12;overflow-wrap:anywhere}
  .page-intro p{font-size:14px!important;line-height:1.5}
  .section-head{align-items:flex-start;gap:10px;flex-wrap:wrap}
  .metric-grid{grid-template-columns:1fr!important}
  .metric-card{min-height:0!important;padding:15px!important}
  .metric-card strong{font-size:clamp(21px,7vw,27px)!important}
  .weekly-cards,.weekly-cards.compact,.weekly-cards.big{grid-template-columns:1fr!important}
  .panel-title{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  .panel-title .select{width:100%!important}
  .pager-row{align-items:center;gap:8px;flex-wrap:wrap}
  .member{grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important;padding:11px!important}
  .avatar{width:36px;height:36px}
  .member-status{grid-column:2;justify-self:start;margin-top:2px;font-size:10px}
  .history-row{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important}
  .history-kind{width:38px;height:38px}
  .history-amount{grid-column:2!important;text-align:left!important;margin-top:4px}
  .distribution-list>div,.detail-list>div{align-items:flex-start!important}
  .distribution-list>div{flex-wrap:wrap}
  .copy-row,.input-box{flex-direction:column!important}
  .copy-row button,.input-box button{width:100%}
  .steps{flex-wrap:wrap}
}

@media(max-width:430px){
  .content{padding-left:10px!important;padding-right:10px!important}
  .panel,.tx-card{padding:13px!important;border-radius:16px!important}
  .page-intro{margin-bottom:15px}
  .panel h3,.panel-title h3{font-size:19px!important;line-height:1.2}
  .balance-line{padding:10px 11px}
  .summary-strip,.mini-stats,.position-meta,.lp-facts,.passive-grid,.split-preview,.split-preview.three{grid-template-columns:1fr!important}
  .contract-actions,.lp-actions{flex-direction:column!important}
  .contract-actions button,.lp-actions button{width:100%}
  .member-info b{font-size:12px!important}
  .member-info span{font-size:10px!important}
  .select{width:100%}
}

@media(max-width:360px){
  .content{padding-left:8px!important;padding-right:8px!important}
  .panel,.tx-card{padding:11px!important}
  .member{padding:9px!important;gap:7px!important}
  .page-intro h1{font-size:24px!important}
}

html[data-theme="dark"] .club-fund-amount{color:#62e5b3!important}
html[data-theme="dark"] .club-pool-amount{color:#74b7ff!important}

/* ==========================================================
   MAINNET V24 — advanced finance dashboard + reserve visibility
   ========================================================== */
.dashboard-finance-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:16px;margin-top:16px}
.dashboard-finance-grid>.panel{min-width:0;height:100%}
.panel-helper{margin:-2px 0 14px;color:var(--muted);font-size:12px;line-height:1.55;max-width:920px}
.finance-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.finance-stat-grid>div{min-width:0;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:13px 14px;display:flex;flex-direction:column;gap:4px;overflow:hidden}
.finance-stat-grid span{font-size:12px;font-weight:800;color:var(--muted);overflow-wrap:anywhere}
.finance-stat-grid strong{font-size:19px;line-height:1.18;color:var(--text);overflow-wrap:anywhere;word-break:break-word}
.finance-stat-grid small{font-size:10px;line-height:1.35;color:var(--muted);overflow-wrap:anywhere}
.finance-stat-grid .reserve-primary{border-width:2px;border-color:rgba(0,181,120,.32);background:linear-gradient(180deg,rgba(0,181,120,.08),var(--soft))}
.finance-stat-grid .reserve-primary strong{color:var(--green)}
.finance-jump{margin-top:12px;width:100%}
#reserveHealthBadge.warn{color:#a96100;border-color:#f1b55f;background:#fff5e6}
html[data-theme="dark"] .finance-stat-grid>div{background:#122541!important;border-color:#263b5a!important}
html[data-theme="dark"] .finance-stat-grid .reserve-primary{background:linear-gradient(180deg,rgba(0,181,120,.12),#122541)!important;border-color:rgba(98,229,179,.35)!important}
html[data-theme="dark"] #reserveHealthBadge.warn{background:#3a2a10!important;color:#ffca72!important;border-color:#704f17!important}

/* Make every flex/grid child shrink before it can overflow. */
.content *{min-width:0}
.metric-card,.panel,.tx-card,.summary-strip>div,.mini-stats>div,.weekly-cards>div,.finance-stat-grid>div{max-width:100%}
.metric-card strong,.panel strong,.panel b,.panel small,.panel span,.tx-card strong,.tx-card b,.tx-card small,.tx-card span{overflow-wrap:anywhere;word-break:normal}
code,.address,.wallet-address{overflow-wrap:anywhere!important;word-break:break-all!important}

@media(max-width:1100px){
  .dashboard-finance-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .dashboard-finance-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}
  .finance-stat-grid{grid-template-columns:1fr}
  .finance-stat-grid>div{padding:12px}
  .finance-stat-grid strong{font-size:18px}
}
@media(max-width:430px){
  .panel-helper{font-size:11px}
  .finance-stat-grid>div{border-radius:12px;padding:11px}
  .finance-stat-grid strong{font-size:17px}
}


/* ==========================================================
   MAINNET V25 — user-first dashboard focus cards
   ========================================================== */
.trust-focus-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.25fr) minmax(0,1.05fr);gap:14px;margin:0 0 18px}
.focus-card{min-width:0;border-radius:22px;padding:20px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative}
.focus-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--focus)}
.focus-mining{--focus:#7048e8;background:linear-gradient(145deg,rgba(112,72,232,.13),rgba(0,169,244,.06),var(--surface))}
.focus-clubs{--focus:#00a86b;background:linear-gradient(145deg,rgba(0,168,107,.12),rgba(255,184,0,.06),var(--surface))}
.focus-reserve{--focus:#0077d9;background:linear-gradient(145deg,rgba(0,119,217,.12),rgba(0,190,150,.06),var(--surface))}
.focus-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.focus-head>span{font-size:12px;font-weight:950;letter-spacing:.12em;color:var(--focus)}
.focus-head>b{font-size:10px;padding:6px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--focus) 35%,var(--line));background:color-mix(in srgb,var(--focus) 8%,var(--surface));color:var(--focus);white-space:nowrap}
.focus-card>small,.focus-club-row small,.focus-reserve-row small{display:block;color:var(--muted);font-size:12px;font-weight:850}
.focus-card>strong{display:block;font-size:clamp(30px,3vw,42px);line-height:1.05;margin:5px 0;color:var(--focus);overflow-wrap:anywhere}
.focus-card p{margin:8px 0 0;font-size:11px;line-height:1.45;color:var(--muted);font-weight:700}
.focus-card p b{color:var(--text);font-size:12px}
.focus-link{margin-top:13px;border:0;background:transparent;padding:0;color:var(--focus);font-weight:900;cursor:pointer}
.focus-club-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.focus-club-row>div{min-width:0;padding:12px 10px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(0,168,107,.2)}
.focus-club-row>div:nth-child(2){border-color:rgba(112,72,232,.22)}
.focus-club-row>div:nth-child(3){border-color:rgba(255,145,0,.25)}
.focus-club-row strong{display:block;margin-top:5px;font-size:clamp(20px,2vw,28px);line-height:1.05;color:#00a86b;overflow-wrap:anywhere}
.focus-club-row>div:nth-child(2) strong{color:#7048e8}.focus-club-row>div:nth-child(3) strong{color:#e27b00}
.focus-reserve-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.focus-reserve-row>div{min-width:0;padding:13px;border-radius:15px;background:rgba(255,255,255,.72);border:1px solid rgba(0,119,217,.22)}
.focus-reserve-row strong{display:block;margin-top:5px;font-size:clamp(20px,2vw,28px);line-height:1.05;color:#0077d9;overflow-wrap:anywhere}
.focus-reserve-row>div:nth-child(2) strong{color:#00a86b}
.finance-stat-grid .mining-emphasis{border:2px solid rgba(112,72,232,.34);background:linear-gradient(180deg,rgba(112,72,232,.1),var(--soft))}
.finance-stat-grid .mining-emphasis strong{color:#7048e8;font-size:24px}
.dashboard-finance-single{grid-template-columns:1fr}
.club-fund-amount{font-size:14px!important;font-weight:950!important;color:#00a86b!important}
.club-pool-amount{font-size:11px!important;font-weight:850!important}
.weekly-cards.compact>div{border-top:4px solid #00a86b}.weekly-cards.compact>div:nth-child(2){border-top-color:#7048e8}.weekly-cards.compact>div:nth-child(3){border-top-color:#e27b00}

html[data-theme="dark"] .focus-card{background:#10213a!important}
html[data-theme="dark"] .focus-club-row>div,html[data-theme="dark"] .focus-reserve-row>div{background:#142944!important;border-color:#2c4565!important}

@media(max-width:1180px){.trust-focus-grid{grid-template-columns:1fr 1fr}.focus-reserve{grid-column:1/-1}}
@media(max-width:760px){.trust-focus-grid{grid-template-columns:1fr;gap:11px}.focus-reserve{grid-column:auto}.focus-card{padding:16px;border-radius:18px}.focus-card>strong{font-size:30px}.focus-club-row{grid-template-columns:repeat(3,minmax(0,1fr))}.focus-reserve-row{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.trust-focus-grid{margin-bottom:13px}.focus-card{padding:14px}.focus-head{align-items:flex-start}.focus-head>b{font-size:9px}.focus-club-row{grid-template-columns:1fr}.focus-reserve-row{grid-template-columns:1fr}.focus-club-row strong,.focus-reserve-row strong{font-size:24px}.focus-card p{font-size:10px}}


/* V26 recommended dashboard hierarchy + whole-site responsive polish */
.focus-hold{--focus:#ef4444;background:linear-gradient(135deg,rgba(239,68,68,.10),rgba(249,115,22,.04),var(--surface))}
.focus-hold .focus-link{color:#dc2626}
.focus-hold p b{color:#dc2626;font-size:13px}

/* Make all financial cards easier to scan from a distance */
.metric-grid{align-items:stretch}
.metric-card{display:flex;flex-direction:column;min-height:176px;padding:19px;border-radius:20px;overflow:hidden}
.metric-card>span{font-size:13px;line-height:1.25;font-weight:850}
.metric-card strong{font-size:clamp(27px,2.25vw,35px);line-height:1.05;margin-top:7px;letter-spacing:-.02em}
.metric-card small{margin-top:auto;padding-top:10px;font-size:11px;line-height:1.42}
.capacity-metric-card strong,.hold-metric-card strong{font-size:clamp(29px,2.5vw,38px)}

/* Universal card typography safety */
.panel,.tx-card,.focus-card,.metric-card,.summary-strip>div,.detail-list>div,.weekly-cards>div,.finance-stat-grid>div,.position-card,.contract-card,.reward-card,.member,.history-row{box-sizing:border-box;min-width:0}
.panel h3,.panel h4,.tx-card h3,.focus-card strong,.metric-card strong,.summary-strip b,.detail-list b,.weekly-cards b,.weekly-cards span,.weekly-cards small,.finance-stat-grid strong,.position-card b,.contract-card b,.reward-card b,.member b,.history-row b{max-width:100%;overflow-wrap:anywhere}
.panel p,.panel small,.tx-card p,.tx-card small,.focus-card p,.focus-card small,.metric-card small,.summary-strip span,.detail-list span,.weekly-cards small,.finance-stat-grid small,.position-card small,.contract-card small,.reward-card small,.member small,.history-row small{line-height:1.45}

/* Keep major data values visually distinct */
.club-fund-amount{font-weight:900!important;font-size:13px!important}
.club-pool-amount{font-weight:850!important}
.finance-stat-grid strong{font-size:clamp(23px,2.1vw,32px)}
.mini-stats strong{font-size:22px}

@media(max-width:1100px){
  .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .metric-card{min-height:164px}
}
@media(max-width:760px){
  .section-head{align-items:flex-start;gap:10px}
  .section-head h2{font-size:24px;line-height:1.15}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .metric-card{min-height:150px;padding:15px!important}
  .metric-card strong{font-size:clamp(23px,7vw,30px)!important}
  .metric-card>span{font-size:12px}
  .metric-card small{font-size:10.5px}
  .panel-title{align-items:flex-start;gap:10px}
  .panel-title h3{font-size:20px;line-height:1.18}
}
@media(max-width:430px){
  .content{padding-left:10px!important;padding-right:10px!important}
  .section-head h2{font-size:21px}
  .trust-focus-grid{gap:10px}
  .focus-card{padding:14px!important}
  .focus-card>strong{font-size:31px!important}
  .focus-club-row,.focus-reserve-row{grid-template-columns:1fr!important}
  .focus-club-row>div,.focus-reserve-row>div{padding:11px!important}
  .metric-grid{grid-template-columns:1fr!important}
  .metric-card{min-height:0!important;padding:15px!important}
  .metric-card strong{font-size:28px!important}
  .mini-stats,.weekly-cards,.finance-stat-grid,.summary-strip,.detail-list{grid-template-columns:1fr!important}
  .panel,.tx-card{padding:14px!important;border-radius:16px!important}
  .panel-title h3{font-size:18px}
  .page-intro h1{font-size:27px!important;line-height:1.12}
  .page-intro p{font-size:14px!important;line-height:1.5}
  button,.primary-btn,.secondary-btn,.mini-btn{max-width:100%}
}
@media(max-width:360px){
  .focus-head{gap:6px}
  .focus-head span{font-size:10px}
  .focus-head b{font-size:8px}
  .focus-card>strong{font-size:28px!important}
  .metric-card strong{font-size:25px!important}
  .content{padding-left:8px!important;padding-right:8px!important}
}

/* =========================================================
   MAINNET V27 — final recommended information architecture
   Full-site responsive / readable / user-first polish
   ========================================================= */
.dashboard-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:22px 2px 10px}
.dashboard-group-head>div{min-width:0}
.dashboard-group-head span{display:block;color:var(--blue);font-size:11px;font-weight:950;letter-spacing:.16em}
.dashboard-group-head h3{margin:4px 0 0;font-size:20px;line-height:1.15;color:var(--text)}
.dashboard-group-head>small{max-width:420px;text-align:right;color:var(--muted);font-size:11px;font-weight:750;line-height:1.4}
.account-capacity-head{margin-top:24px}
.income-metric-grid,.account-metric-grid{margin-top:0}
.dashboard-data-sinks{display:none!important}
.mining-key-card{box-shadow:0 10px 30px rgba(14,165,233,.12)}

/* Consistent visual rhythm across the whole site */
.page>.panel,.page>.tx-card,.page .panel,.page .tx-card{min-width:0}
.panel,.tx-card,.focus-card,.metric-card,.member,.history-row,.reward-card,.position-card,.contract-card{overflow:hidden}
.panel-title,.tx-card-head,.section-head{min-width:0}
.panel-title>div,.tx-card-head>div,.section-head>div{min-width:0}
.panel-title h3,.tx-card-head h2,.section-head h1,.section-head h2,.page-intro h1{overflow-wrap:anywhere}

/* Addresses / hashes / URLs must never escape cards */
.wallet-chip,.member-address,.address,.hash,.mono,.contract-address,.history-row code,.position-card code,.copy-row input,.input-box input,.token-input input{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.member,.history-row,.contract-card,.position-card{max-width:100%}
.member *,.history-row *,.contract-card *,.position-card *{min-width:0}

/* Buttons stay usable and readable on small screens */
button,.primary-btn,.secondary-btn,.mini-btn,.focus-link{white-space:normal;line-height:1.2;min-height:40px}
.copy-row{min-width:0}
.copy-row input{width:100%}

/* Dense data grids collapse progressively */
@media(max-width:1180px){
  .income-metric-grid,.account-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .dashboard-group-head{align-items:flex-start;flex-direction:column;gap:5px}
  .dashboard-group-head>small{text-align:left;max-width:none}
  .income-metric-grid,.account-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .two-col,.action-layout,.dashboard-lower{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .dashboard-group-head{margin-top:18px}
  .dashboard-group-head h3{font-size:18px}
  .income-metric-grid,.account-metric-grid{grid-template-columns:1fr!important}
  .metric-card{min-height:0!important}
  .copy-row{flex-direction:column}
  .copy-row button{width:100%}
  .weekly-cards,.mini-stats,.finance-stat-grid,.summary-strip,.detail-list{grid-template-columns:1fr!important}
  .steps{overflow-x:auto;justify-content:flex-start;padding-bottom:3px}
  .steps span{flex:0 0 auto}
}
@media(max-width:430px){
  .focus-card p{font-size:11px}
  .focus-head{align-items:flex-start}
  .focus-head b{flex:0 0 auto}
  .metric-icon{width:40px;height:40px}
  .metric-card>span{font-size:12px!important}
  .metric-card small{font-size:10.5px!important}
  .panel-helper{font-size:12px;line-height:1.5}
}

/* V28 — clean dashboard branding + spacing */
.brand{
  margin:0 2px 10px;
  padding:12px 10px 18px;
  gap:13px;
  min-height:82px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.brand-logo{
  width:54px;
  height:54px;
  flex:0 0 54px;
  border-width:2px;
  box-shadow:0 8px 24px rgba(0,0,0,.20),0 0 0 4px rgba(255,205,92,.06);
}
.brand>div{min-width:0;line-height:1.05}
.brand strong{
  font-size:24px;
  line-height:1.05;
  letter-spacing:.08em;
  white-space:nowrap;
}
.brand span{
  display:block;
  margin-top:7px;
  font-size:10px;
  line-height:1.25;
  letter-spacing:.16em;
  white-space:nowrap;
}
/* Ecosystem promo strip intentionally removed from Dashboard in V28. */
.section-head{margin-top:18px}
.hero-card + .referral-welcome + .section-head,
.referral-welcome.hidden + .section-head{margin-top:18px}
@media(max-width:900px){
  .brand{padding:12px 10px 16px;min-height:78px}
  .brand-logo{width:50px;height:50px;flex-basis:50px}
  .brand strong{font-size:22px}
  .brand span{font-size:9px}
}


/* V29 — final visual hierarchy polish: connected status, clubs, rewards, branding */
.brand{gap:18px!important;padding-left:10px!important;padding-right:10px!important}
.hero-logo{width:234px!important;height:234px!important;margin-right:12px}
.wallet-status-mini{
  display:inline-flex!important;align-items:center;gap:7px;margin:0!important;
  padding:8px 12px;border-radius:999px;border:1px solid rgba(10,143,90,.28);
  background:rgba(10,143,90,.08);color:#0a8f5a!important;font-size:11px!important;
  font-weight:950!important;letter-spacing:.02em;white-space:nowrap
}
.wallet-status-mini::before{content:"";width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.12)}
.wallet-status-mini[data-type="error"]{color:#d93025!important;border-color:rgba(217,48,37,.28);background:rgba(217,48,37,.08)}
.wallet-status-mini[data-type="error"]::before{background:#d93025;box-shadow:0 0 0 4px rgba(217,48,37,.12)}
.wallet-status-mini[data-type="info"]{color:#0b63f6!important;border-color:rgba(11,99,246,.24);background:rgba(11,99,246,.08)}
.wallet-status-mini[data-type="info"]::before{background:#0b63f6;box-shadow:0 0 0 4px rgba(11,99,246,.12)}

/* Large, scannable Weekly Club live funds */
.club-fund-amount{padding-top:9px!important;margin-top:10px!important}
.club-fund-label{display:block!important;font-size:11px!important;line-height:1.2;color:var(--muted)!important;font-weight:850!important}
.club-fund-value{display:block!important;margin-top:2px;font-size:28px!important;line-height:1.05!important;color:#00a86b!important;font-weight:950!important;letter-spacing:-.02em;overflow-wrap:anywhere}
.weekly-card.purple .club-fund-value{color:#7048e8!important}
.weekly-card.orange .club-fund-value{color:#e27b00!important}
.weekly-progress-grid .weekly-mini-label{font-size:11px!important;margin-top:6px;color:var(--muted)!important}
.weekly-progress-grid .weekly-mini-fund{display:block;font-size:18px!important;line-height:1.1;margin:2px 0 5px;color:#00a86b;font-weight:950}
.weekly-progress-grid>div:nth-child(2) .weekly-mini-fund{color:#7048e8}
.weekly-progress-grid>div:nth-child(3) .weekly-mini-fund{color:#e27b00}

/* Reward amount is the primary visual target */
.reward-card{padding:18px 18px 16px!important}
.reward-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:5px 0 4px}
.reward-title-row h3{margin:0!important;min-width:0}
.reward-amount-box{min-width:150px;padding:11px 14px;border-radius:15px;border:1px solid color-mix(in srgb,var(--blue) 25%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 8%,var(--surface)),var(--surface2));text-align:right}
.reward-amount-box small{display:block;font-size:9px;letter-spacing:.14em;font-weight:950;color:var(--blue)}
.reward-amount-box strong{display:block;font-size:30px;line-height:1.05;margin-top:2px;color:var(--text);font-weight:950;letter-spacing:-.03em;overflow-wrap:anywhere}
.reward-business-row span{font-size:12px}.reward-business-row b{color:var(--text)}
.reward-status-line{margin-top:9px;padding-top:8px;border-top:1px dashed var(--line);text-align:right;color:var(--muted);font-size:11px;font-weight:850}

@media(max-width:1180px){.hero-logo{width:190px!important;height:190px!important;margin-right:6px}}
@media(max-width:900px){
  .hero-logo{width:220px!important;height:220px!important;margin-right:0}
  .wallet-status-mini{display:inline-flex!important;padding:7px 9px!important;font-size:10px!important}
  .top-actions{gap:7px!important}
}
@media(max-width:600px){
  .wallet-status-mini{display:none!important}
  .reward-title-row{align-items:stretch;flex-direction:column;gap:8px}
  .reward-amount-box{min-width:0;width:100%;text-align:left}
  .reward-amount-box strong{font-size:28px}
  .club-fund-value{font-size:26px!important}
}
@media(max-width:430px){.brand{gap:14px!important}.hero-logo{width:205px!important;height:205px!important}}


/* V30 — combined Upgrade + Mining package card */
.current-packages-card{grid-column:span 2;min-width:0}
.current-packages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.package-half{min-width:0;padding:13px 14px;border-radius:16px;background:var(--soft);border:1px solid var(--line)}
.package-half small{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-bottom:5px}
.package-half strong{display:block;font-size:28px;line-height:1.05;overflow-wrap:anywhere;word-break:break-word}
.package-half em{display:block;margin-top:7px;font-size:11px;line-height:1.35;font-style:normal;font-weight:700;color:var(--muted);overflow-wrap:anywhere}
.package-upgrade{border-left:4px solid #ff7a18}
.package-mining{border-left:4px solid #08a9df}
.package-upgrade strong{color:#ff7a18}
.package-mining strong{color:#08a9df}
@media(max-width:900px){.current-packages-card{grid-column:span 2}}
@media(max-width:620px){.current-packages-card{grid-column:span 1}.current-packages-grid{grid-template-columns:1fr}.package-half strong{font-size:25px}}

/* V32 active-account activation UX */
.activation-active-card{display:flex;align-items:center;gap:16px;margin:18px 0;padding:18px;border:1px solid color-mix(in srgb,var(--green) 45%,var(--line));background:color-mix(in srgb,var(--green) 8%,var(--surface));border-radius:18px}.activation-active-card.hidden{display:none}.activation-active-icon{width:54px;height:54px;min-width:54px;display:grid;place-items:center;border-radius:16px;background:var(--green);color:#fff;font-size:28px;font-weight:950;box-shadow:0 10px 24px rgba(19,191,126,.18)}.activation-active-copy{min-width:0}.activation-active-copy span{display:block;font-size:11px;font-weight:950;letter-spacing:.14em;color:var(--green)}.activation-active-copy strong{display:block;font-size:30px;line-height:1.05;margin:3px 0;color:var(--text)}.activation-active-copy small{display:block;color:var(--muted);font-size:13px;line-height:1.45}.hidden{display:none!important}@media(max-width:600px){.activation-active-card{padding:15px;gap:12px}.activation-active-icon{width:46px;height:46px;min-width:46px;border-radius:14px;font-size:24px}.activation-active-copy strong{font-size:25px}.activation-active-copy small{font-size:12px}}

/* V33 Register & Activate final state */
.active-success-btn,.active-success-btn:disabled{background:linear-gradient(135deg,#079968,#12be83)!important;color:#fff!important;opacity:1!important;cursor:not-allowed!important;box-shadow:0 10px 26px rgba(18,190,131,.24)!important;transform:none!important;filter:none!important}


/* V35 root-only Reserve surplus manager */
.root-reserve-manager{margin-top:18px;border:1px solid rgba(245,158,11,.34);background:linear-gradient(135deg,rgba(245,158,11,.07),rgba(14,165,233,.04))}
.root-reserve-title{gap:14px;align-items:center}
.root-reserve-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.reserve-surplus-card{min-width:0;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--card);overflow:hidden}
.reserve-surplus-card>small{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;opacity:.75}
.reserve-surplus-card>strong{display:block;margin:7px 0 15px;font-size:clamp(22px,2.4vw,34px);line-height:1.1;overflow-wrap:anywhere}
.reserve-surplus-card.usdt>strong{color:#10b981}.reserve-surplus-card.thar>strong{color:#38bdf8}
.reserve-surplus-card label{display:block;margin-bottom:7px;font-size:13px;font-weight:700}
.root-reserve-warning{margin-top:12px;font-size:12px;line-height:1.55;opacity:.72}
@media(max-width:700px){.root-reserve-grid{grid-template-columns:1fr}.root-reserve-title{align-items:flex-start}.root-reserve-title .status-pill{flex:0 0 auto}.reserve-surplus-card{padding:15px}.reserve-surplus-card>strong{font-size:24px}}

/* V37 — exact Club ledger visibility */
.club-lifetime-income{margin:10px 0 8px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.62);border:1px solid rgba(16,68,128,.11);display:flex;flex-direction:column;gap:2px}
.club-lifetime-income small{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--muted)}
.club-lifetime-income strong{font-size:28px;line-height:1.05;color:var(--ink);overflow-wrap:anywhere}
.weekly-card.green .club-lifetime-income strong{color:#00a96e}.weekly-card.purple .club-lifetime-income strong{color:#7142f4}.weekly-card.orange .club-lifetime-income strong{color:#e87500}
.club-ledger-note{margin:12px 0 18px}
.club-ledger-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.club-ledger-card{min-width:0;border:1px solid #d4e1f3;border-radius:16px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:6px}
.club-ledger-card span{font-size:12px;font-weight:800;color:var(--muted)}
.club-ledger-card strong{font-size:25px;line-height:1.08;overflow-wrap:anywhere}.club-ledger-card.green strong{color:#00a96e}.club-ledger-card.purple strong{color:#7142f4}.club-ledger-card.orange strong{color:#e87500}.club-ledger-card.total strong{color:#0968e8}
.club-ledger-panel .info-box{margin-top:14px}
@media(max-width:820px){.club-ledger-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.club-ledger-grid{grid-template-columns:1fr}.club-lifetime-income strong{font-size:25px}}


/* V38: weekly settlement + club balance visibility */
.weekly-process-panel{border:1px solid rgba(22,163,74,.22);background:linear-gradient(135deg,rgba(236,253,245,.94),rgba(255,255,255,.98));}
.weekly-process-panel .panel-title{margin-bottom:10px}.weekly-process-note{margin:0 0 14px;color:var(--muted);font-weight:600;line-height:1.55}
.withdraw-club-credit{margin:10px 0 16px;padding:14px 16px;border:1px solid rgba(16,185,129,.24);border-radius:16px;background:rgba(236,253,245,.72);display:grid;gap:4px}
.withdraw-club-credit span{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.withdraw-club-credit b{font-size:24px;color:#059669}.withdraw-club-credit small{color:var(--muted);font-weight:600;line-height:1.4}
.club-ledger-card.balance{border-color:rgba(14,165,233,.28)}.club-ledger-card.balance strong{color:#0284c7}
@media(max-width:640px){.withdraw-club-credit b{font-size:22px}.weekly-process-panel{padding:16px}}


/* V41 Club achievers */
.club-achievers-panel{margin-top:18px}
.achiever-club-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.achiever-club-card{border:1px solid var(--line);border-top:4px solid var(--accent,var(--blue));border-radius:18px;background:var(--surface);padding:16px;min-width:0}
.achiever-club-card.green{--accent:var(--green)}.achiever-club-card.purple{--accent:var(--purple)}.achiever-club-card.orange{--accent:var(--orange)}
.achiever-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.achiever-head b{font-size:18px}.achiever-head small{display:block;color:var(--muted);margin-top:3px}.achiever-head>strong{font-size:30px;line-height:1;color:var(--accent);white-space:nowrap}
.achiever-list{display:grid;gap:7px;min-height:76px;margin-bottom:10px}
.achiever-wallet{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--soft);font-size:12px;font-weight:800;min-width:0}
.achiever-wallet span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achiever-wallet em{font-style:normal;color:var(--muted);font-size:10px;white-space:nowrap}
@media(max-width:900px){.achiever-club-grid{grid-template-columns:1fr}}

/* V42 dashboard club achiever totals */
.club-achiever-total{display:flex!important;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;padding-top:7px;border-top:1px dashed rgba(28,81,160,.22);font-size:11px!important;font-weight:850;color:var(--muted)}
.club-achiever-total b{font-size:16px;color:var(--text);font-weight:950}

/* V43 simple weekly achiever counters */
.weekly-achiever-simple{margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.55);display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center}.weekly-achiever-simple span{font-size:12px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.weekly-achiever-simple strong{font-size:25px;line-height:1;color:var(--blue)}.weekly-achiever-simple small{grid-column:1/-1;font-size:10px!important;padding:0!important;margin:0!important;color:var(--muted)}html[data-theme="dark"] .weekly-achiever-simple{background:rgba(255,255,255,.04)}


/* V44 weekly club card polish */
.weekly-card .club-pool-amount{font-size:10.5px!important;line-height:1.25!important;margin-top:3px!important;color:var(--blue)!important;font-weight:850!important}
.weekly-achiever-simple{margin-top:12px!important;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--soft)!important;display:grid!important;grid-template-columns:1fr auto!important;gap:4px 12px!important;align-items:center!important}
.weekly-achiever-simple span{font-size:11px!important;font-weight:900!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.07em!important}
.weekly-achiever-simple strong{min-width:48px!important;height:42px!important;padding:0 12px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:var(--accent,var(--blue))!important;color:#fff!important;font-size:24px!important;line-height:1!important;font-weight:950!important;box-shadow:0 6px 16px rgba(17,74,159,.14)!important}
.weekly-card.green .weekly-achiever-simple{--accent:var(--green)}
.weekly-card.purple .weekly-achiever-simple{--accent:var(--purple)}
.weekly-card.orange .weekly-achiever-simple{--accent:var(--orange)}
.weekly-achiever-simple small{grid-column:1/-1!important;font-size:10px!important;line-height:1.2!important;padding:0!important;margin:1px 0 0!important;color:var(--muted)!important}
html[data-theme="dark"] .weekly-achiever-simple{background:rgba(255,255,255,.04)!important}
@media(max-width:600px){.weekly-achiever-simple strong{min-width:44px!important;height:38px!important;font-size:21px!important}.weekly-card .club-pool-amount{font-size:10px!important}}


/* V45 dashboard achiever polish */
.weekly-cards.compact>div:nth-child(1) .club-achiever-total b{background:var(--green)}
.weekly-cards.compact>div:nth-child(2) .club-achiever-total b{background:var(--purple)}
.weekly-cards.compact>div:nth-child(3) .club-achiever-total b{background:var(--orange)}
.club-achiever-total{margin-top:9px!important;padding-top:9px!important}
.club-achiever-total b{min-width:38px;height:32px;padding:0 10px;border-radius:10px;display:grid!important;place-items:center;color:#fff!important;font-size:17px!important;line-height:1!important;font-weight:950!important;box-shadow:0 4px 12px rgba(17,74,159,.12)}
#dashClubSnapshotBadge{white-space:nowrap;font-size:10px!important;letter-spacing:.12em}
@media(max-width:600px){.club-achiever-total b{min-width:36px;height:30px;font-size:16px!important}#dashClubSnapshotBadge{font-size:9px!important;padding:6px 8px!important}}