*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,Helvetica,sans-serif;color:#030b2a;background:var(--pagebg,#eef5ff)}body{display:flex;justify-content:center}.phone{width:min(100vw,430px);min-height:100vh;background:linear-gradient(180deg,#f5f8ff 0%,#eaf4ef 100%);position:relative;overflow-x:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.04)}.icon{width:22px;height:22px;display:inline-block;vertical-align:middle}.muted{color:#68738b;line-height:1.45}.primaryBtn,.greenBtn{width:100%;border:0;border-radius:16px;padding:17px 20px;font-size:18px;font-weight:800;cursor:pointer;color:#fff;background:linear-gradient(110deg,var(--primary),var(--secondary));box-shadow:0 14px 30px rgba(70,63,180,.22)}.greenBtn{background:#07883b}.ghostBtn,.backUnique{display:flex;align-items:center;gap:8px;justify-content:center;text-decoration:none;color:#15226e;font-weight:800;margin-top:14px}.backUnique{justify-content:flex-start;background:#f2f5ff;border-radius:14px;padding:13px 16px}.linkBtn{border:0;background:transparent;color:#11228d;font-weight:800;font-size:15px;margin:14px auto 0;display:block;cursor:pointer}.toast{border-radius:15px;padding:14px 16px;margin:0 0 16px;font-weight:800}.toast.error,.errorBox{background:#e92828;color:#fff}.toast.success,.successBox{background:#e8fff2;color:#08743a;border:1px solid #aee6c5}.successBox,.errorBox{border-radius:14px;padding:14px;margin:12px 0}.popupToast{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-20px);z-index:9999;width:min(390px,calc(100vw - 32px));background:#111b3d;color:#fff;border-radius:14px;padding:14px 16px;font-weight:800;opacity:0;pointer-events:none;transition:.25s}.popupToast.show{opacity:1;transform:translateX(-50%) translateY(0)}.popupToast.error{background:#e92828}.popupToast.success{background:#049448}
/* auth */
.authPhone{background:#eef5ff}.authHero{margin:0 auto 18px;width:100%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:0 0 28px 28px;min-height:245px;padding:46px 24px 28px;text-align:center;position:relative;overflow:hidden}.authHero:after,.homeHero:after{content:"";position:absolute;inset:-50px 80px auto auto;width:80px;height:440px;background:rgba(255,255,255,.10);transform:rotate(18deg);border-radius:50px}.compactHero{padding-top:38px;min-height:236px}.recoveryHero{min-height:220px}.authLang{position:absolute;top:30px;right:24px;z-index:2}.languagePill{height:44px;min-width:124px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(255,255,255,.17);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px;backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 20px rgba(0,0,0,.08);white-space:nowrap}.languagePill .icon{width:20px;height:20px;color:#fff}.languagePill b{font-size:14px;line-height:1;margin-top:0;color:#fff}.authLogo{width:96px;height:96px;border-radius:19px;background:#fff;object-fit:contain;padding:5px;border:4px solid #058b43;box-shadow:0 10px 22px rgba(0,0,0,.16);position:relative;z-index:1}.authHero h1{font-size:30px;margin:22px 0 8px;letter-spacing:-.5px}.authHero p{margin:0;font-weight:700;opacity:.85}.authCard{background:#fff;margin:0 14px 80px;border-radius:27px;padding:24px 20px 28px;box-shadow:0 18px 50px rgba(28,39,87,.08)}.segTabs{height:56px;border-radius:18px;background:#f0f3fb;display:grid;grid-template-columns:1fr 1fr;position:relative;padding:6px;margin-bottom:22px;box-shadow:inset 0 1px 0 #fff}.segBtn{border:0;background:transparent;border-radius:15px;color:#586075;font-weight:800;font-size:15px;position:relative;z-index:2;cursor:pointer}.segBtn.active{color:#fff}.segSlide{position:absolute;left:6px;top:6px;width:calc(50% - 6px);height:44px;border-radius:15px;background:linear-gradient(110deg,var(--primary),var(--secondary));box-shadow:0 12px 22px rgba(75,62,184,.25);transition:.28s}.segTabs.right .segSlide{left:50%}.signupSwitch{display:none}.authCard[data-mode="signup"] .loginSwitch{display:none}.authCard[data-mode="signup"] .signupSwitch{display:block}.authPanel{display:none}.authPanel.active{display:block}.authPanel label{display:block;margin:15px 0 9px;font-size:19px}.inputBox{height:60px;background:#f4f6fc;border:1px solid #ecf0f8;border-radius:15px;display:flex;align-items:center;gap:13px;padding:0 18px;transition:.18s}.inputBox:focus-within{background:#fff;box-shadow:0 0 0 4px rgba(75,70,180,.14);border-color:#b7b8ef}.inputBox .icon{color:#253654;flex:0 0 22px}.inputBox input,.inputBox select{border:0;background:transparent;outline:0;width:100%;font-size:17px;color:#061134;min-width:0}.inputBox input::placeholder{color:#9ba7bd}.phoneBox select{width:auto;min-width:96px;font-weight:800;color:#061134}.withAction{padding-right:8px}.miniBtn{border:0;border-radius:999px;background:#eef0ff;color:#17238e;font-weight:800;padding:10px 12px;white-space:nowrap;cursor:pointer}.loginRow{display:flex;align-items:center;justify-content:space-between;margin:15px 4px 22px}.loginRow label{margin:0;display:flex;align-items:center;gap:8px;font-size:14px;color:#5a6078}.loginRow input{width:17px;height:17px}.loginRow a{font-size:14px;text-decoration:none;color:#15238e;font-weight:800}.forgotCard h2{font-size:27px;margin:0 0 8px}.forgotCard .primaryBtn{margin-top:24px}
/* app */
.appPhone{padding-bottom:82px;background:linear-gradient(180deg,#eef5ff,#e7f4ee)}.appTop{height:76px;background:linear-gradient(110deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;position:sticky;top:0;z-index:50;box-shadow:0 6px 18px rgba(50,45,125,.12)}.brandMini{display:flex;align-items:center;gap:10px;min-width:0}.brandMini img{width:45px;height:45px;border-radius:50%;object-fit:contain;background:#fff;padding:3px}.brandMini b{font-size:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}.appTop .languagePill{height:40px;min-width:108px;font-size:14px;padding:0 13px}.appTop .languagePill .icon{width:19px;height:19px}.homeHero{background:linear-gradient(135deg,var(--primary),var(--secondary));position:relative;overflow:hidden;padding:14px 19px 64px;border-radius:0 0 24px 24px}.homeHero .appTop{background:transparent;box-shadow:none;padding-left:0;padding-right:0}.noticeMarquee{height:48px;border-radius:999px;background:rgba(255,255,255,.18);display:flex;align-items:center;gap:10px;color:#fff;padding:0 14px;margin:8px 0 0;overflow:hidden;border:1px solid rgba(255,255,255,.18)}.noticeMarquee .icon{width:19px;height:19px;color:#fff;flex:0 0 auto}.noticeMarquee div{overflow:hidden;white-space:nowrap;min-width:0}.noticeMarquee span{display:inline-block;font-weight:800;font-size:14px;padding-left:100%;animation:marquee 18s linear infinite}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.homeContent{margin-top:-40px;padding:0 15px 18px;position:relative;z-index:3}.balanceCard{background:var(--accent,#c7ff19);border-radius:20px;padding:17px 20px 19px;display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#051124;box-shadow:0 12px 30px rgba(115,140,42,.18);margin-bottom:16px}.balanceCard span{font-size:13px;color:rgba(2,20,47,.6);font-weight:700}.balanceCard b{display:block;font-size:23px;margin-top:8px}.balanceCard button{grid-column:1/3;height:46px;border:0;border-radius:999px;background:#000;color:#fff;font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.balanceCard button .icon{width:18px;height:18px;color:#fff}.quickGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.actionTile{text-decoration:none;background:#fff;border-radius:17px;min-height:92px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:#081338;font-weight:900;box-shadow:0 12px 28px rgba(29,45,92,.06)}.actionTile .icon{width:28px;height:28px;color:var(--primary)}.featureGrid{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:18px;padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.featureGrid .actionTile{background:rgba(255,255,255,.14);color:#fff;min-height:72px;flex-direction:row;justify-content:flex-start;padding:0 15px;font-size:15px;line-height:1.05}.featureGrid .actionTile .icon{color:#fff;background:rgba(255,255,255,.12);border-radius:14px;padding:9px;width:44px;height:44px}.sectionCard{background:#fff;border-radius:20px;padding:18px;margin:15px 0;box-shadow:0 12px 28px rgba(29,45,92,.05)}.sectionCard h2{font-size:20px;margin:0 0 14px}.activityCard{background:#f5f7fb;border-radius:17px;padding:16px;position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.activityCard h3{font-size:17px;margin:0 0 8px;line-height:1.2}.activityCard p{margin:0;color:#3d4662;font-size:14px;line-height:1.48}.activityCard strong{color:#15cf65;font-size:14px;white-space:nowrap;align-self:start}.activityCard button{grid-column:2;align-self:end;border:0;background:#068743;color:#fff;border-radius:999px;font-weight:800;padding:10px 18px}.taskHall{display:grid;gap:10px}.taskHallRow{border:0;border-radius:13px;background:#f4f4f6;display:grid;grid-template-columns:94px 1fr 130px;align-items:center;gap:10px;min-height:102px;padding:8px;text-align:left;cursor:pointer}.taskHallRow .vipThumb{width:94px;height:86px}.taskHallRow small{display:block;color:#667084;margin-top:6px}.taskHallRow em{background:#03843a;color:#fff;border-radius:10px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:10px;font-style:normal;font-weight:700;line-height:1.08}.taskHallRow em b{font-size:18px}.vipThumb{position:relative;border-radius:11px;overflow:hidden;background:#eef2f5;display:flex;align-items:center;justify-content:center}.vipThumb img{width:100%;height:100%;object-fit:cover}.vipThumb span{position:absolute;inset:0;background:rgba(0,0,0,.26);display:flex;align-items:center;justify-content:center;color:#fff}.vipThumb span .icon{width:36px;height:36px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3))}.memberGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.memberCard{border-radius:14px;overflow:hidden;border:1px solid #e7eaf3;background:#fff;text-align:center}.memberCard small{display:block;background:#b9f8c5;color:#04783f;text-align:left;padding:4px 12px}.memberCard b{display:block;background:#03843a;color:#fff;font-size:20px;padding:16px 8px}.memberCard span{display:block;font-size:12px;padding:8px 6px;color:#25304c}.infoList{display:grid;gap:12px}.infoRow{width:100%;border:0;background:#fff;border-radius:16px;padding:17px 18px;display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;text-decoration:none;color:#061134;text-align:left;font-size:18px;box-shadow:0 10px 24px rgba(29,45,92,.05)}.infoRow .icon{color:#078942}.infoRow b{font-size:28px;color:#071131;font-weight:400}.bottomNav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100vw,430px);height:70px;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -10px 28px rgba(20,30,65,.08);display:grid;grid-template-columns:repeat(5,1fr);z-index:70}.bottomNav a{text-decoration:none;color:#9aa2ad;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:700;position:relative}.bottomNav a .icon{width:24px;height:24px;margin-bottom:3px}.bottomNav a.active{color:#058945}.bottomNav a.active:before{content:"";position:absolute;top:0;width:30px;height:3px;border-radius:99px;background:#058945}.floatDock{position:fixed;left:calc(50% + 154px);top:53%;z-index:80;display:grid;gap:9px;touch-action:none;user-select:none}.floatDock button{width:53px;height:53px;border-radius:20px;border:0;background:#fff;color:#071131;box-shadow:0 12px 24px rgba(26,37,78,.18);display:flex;align-items:center;justify-content:center;cursor:grab}.floatDock button.main{background:#ffae22;color:#fff;border:6px solid #fff;border-radius:50%;width:64px;height:64px}.floatDock button .icon{width:24px;height:24px}.floatDock button.main .icon{width:28px;height:28px;color:#fff}
/* task/team/vip */
.taskHero{background:url('img/logo.png'),linear-gradient(135deg,#d9b9ff,#f5ce65);background-size:70px,cover;background-repeat:no-repeat;background-position:24px 26px,center;border-radius:0 0 22px 22px;padding:92px 20px 18px}.resetPill{width:max-content;max-width:100%;background:#252525;color:#fff;border-radius:999px;margin:0 auto 18px;padding:11px 18px;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.18)}.taskStats{background:#fff;border-radius:20px;padding:16px;display:grid;grid-template-columns:1fr 1fr;text-align:center}.taskStats span{font-size:14px}.taskStats b{display:block;font-size:23px;margin-top:6px}.taskPanel{background:#fff;border-radius:20px;margin:15px;padding:18px;min-height:260px}.taskTabs{height:44px;display:grid;grid-template-columns:1fr 1fr;position:relative;max-width:220px;margin-bottom:18px}.taskTabs button{border:0;background:transparent;font-weight:800;font-size:15px;color:#788197;z-index:2}.taskTabs button.active{color:#078943}.taskTabs span{position:absolute;bottom:0;left:0;width:50%;height:4px;border-radius:99px;background:#078943;transition:.25s}.taskTabs.right span{left:50%}.taskPane{display:none}.taskPane.active{display:block}.progressTask,.completedTask{background:#f6f7fb;border-radius:17px;padding:14px;display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}.progressTask .vipThumb,.completedTask .vipThumb{height:100px}.progressTask button{grid-column:1/3;border:0;background:#078943;color:#fff;border-radius:14px;padding:13px;font-weight:900}.progressTask h3,.completedTask h3{margin:0 0 8px}.progressTask p,.completedTask p{margin:5px 0;color:#748095}.progressTask b,.completedTask b{float:right;color:#071131}.empty{text-align:center;color:#078943;padding:42px 0}.empty.small{padding:18px 0}.teamHero{height:158px;background:linear-gradient(135deg,#ffda31,#ffb05a);background-image:radial-gradient(circle at 70% 40%,rgba(255,255,255,.55),transparent 18%),linear-gradient(135deg,#ffda31,#ffb05a);margin-top:-76px;padding-top:76px}.teamContent{margin-top:-44px;padding:0 15px 18px}.inviteCard{background:#fff;border-radius:20px;padding:18px;box-shadow:0 12px 26px rgba(30,42,90,.06)}.inviteCard span{font-size:14px}.inviteCard>div:first-of-type{display:flex;align-items:center;gap:12px}.inviteCard b{font-size:28px;letter-spacing:.5px}.inviteCard button{border:0;border-radius:999px;background:#058945;color:#fff;padding:9px 18px;font-weight:800}.copyLine{display:flex;gap:10px;align-items:center}.copyLine small{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.socials{display:flex;justify-content:space-around;font-size:25px;margin-top:16px}.periodTitle{font-size:18px;margin:16px 0 10px;display:flex;align-items:center;gap:8px}.periodTitle .icon{color:#078943}.teamStats{background:#fff;border-radius:18px;padding:18px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;text-align:center;box-shadow:0 8px 20px rgba(30,42,90,.04)}.teamStats div{grid-column:span 3}.teamStats div:nth-child(n+3){grid-column:span 2}.teamStats span{display:block;color:#788197;font-size:13px;margin-bottom:7px}.teamStats b{font-size:22px}.levelsTrack{display:flex;gap:12px;overflow-x:auto;padding:17px 0 22px;scroll-snap-type:x mandatory}.levelCard{scroll-snap-align:start;position:relative;min-width:150px;border-radius:13px;padding:24px 12px 13px;background:linear-gradient(140deg,var(--a),var(--b));color:#fff;text-align:center;box-shadow:0 12px 22px rgba(28,38,80,.16)}.medal{position:absolute;left:-6px;top:-13px;width:42px;height:50px;border-radius:50% 50% 38% 38%;background:linear-gradient(#ffd4a2,#f49a4c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:23px;text-shadow:0 2px 3px rgba(0,0,0,.18);box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}.levelCard h3{margin:0 0 14px;font-size:21px}.levelCard div:not(.medal){background:rgba(0,0,0,.12);border-radius:8px;padding:11px 5px;margin:9px 0}.levelCard span{font-size:13px}.levelCard b{display:block;margin-top:4px}.levelCard button{width:100%;border:0;background:#000;color:#fff;border-radius:999px;padding:10px;font-weight:900;margin-top:5px}.vipList{padding:15px}.vipCard{background:#fff;border-radius:16px;margin-bottom:15px;padding:15px;position:relative}.vipRibbon{position:absolute;left:0;top:0;background:#ffd49d;color:#111;border-radius:0 0 16px 0;padding:9px 18px;font-weight:800}.vipBody{display:grid;grid-template-columns:125px 1fr;gap:12px;margin-top:34px}.vipBody img{width:125px;height:106px;border-radius:10px;object-fit:cover}.vipBody div{background:#f1f1f3;border-radius:8px;padding:8px 10px}.vipBody p{margin:9px 0;display:flex;justify-content:space-between;color:#80889b}.vipBody b{color:#071131}.vipCard button{width:100%;border:0;background:#000;color:#fff;border-radius:999px;padding:11px;margin-top:10px;font-weight:900}.meHero{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:28px 23px 56px}.meHero p{margin:0}.meHero h2{margin:6px 0 2px;font-size:23px}.meHero span{background:#ffd65e;color:#3d2600;border-radius:999px;padding:6px 16px;font-weight:800}.meList{margin-top:18px}.currencyList{padding:16px}.currencyRow{height:72px;background:#fff;border-radius:14px;padding:0 16px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;text-decoration:none;color:#061134;border-bottom:1px dashed #ccd3df;margin-bottom:6px}.coinIcon{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#46d7a3,#0169c7);display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:900}.currencyRow em{font-size:34px;color:#9aa2ad}.rechargeBox,.instructionBox{background:#fff;margin:16px;border-radius:18px;padding:20px;text-align:center}.qrBox{width:160px;height:160px;border-radius:14px;background:#f6f7fb;margin:16px auto;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(0,0,0,.1)}.qrBox img{width:100%;height:100%;object-fit:contain}.coinBig{margin:auto;width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#46d7a3,#0169c7);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.addressLine{height:48px;background:#f5f6f8;border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 14px;margin-bottom:14px}.addressLine small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8791a8}.addressLine button{border:0;background:#078943;color:#fff;border-radius:999px;padding:10px 14px;font-weight:800}.rechargeForm{text-align:left;display:grid;gap:11px}.rechargeForm input{height:48px;border-radius:12px;border:1px solid #e2e7f2;padding:0 14px}.uploadLabel{border:1px dashed #078943;color:#078943;border-radius:12px;padding:15px;text-align:center;font-weight:800}.uploadLabel input{display:none}.instructionBox{text-align:left;line-height:1.6;color:#061134}.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal.show{display:flex}.annBox{width:min(390px,calc(100vw - 34px));background:#fff;border-radius:16px;padding:18px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.25)}.annBox.small{max-height:80vh}.annBox h2{margin:0 0 10px}.annAccent{height:9px;background:#078943;border-radius:99px;margin:8px 0 -4px}.annScroll{max-height:48vh;overflow:auto;border:1px solid #e8e8e8;padding:12px;line-height:1.45;text-align:left}.annBox button{border:0;background:#fff;color:#15226e;font-weight:800;padding:15px}.treasureBox{width:min(390px,calc(100vw - 34px));text-align:center;color:#fff;position:relative}.treasureBox .closeX{position:absolute;right:0;top:-30px;width:34px;height:34px;border-radius:50%;background:#0c5134;color:#fff;border:2px solid #fff;font-size:22px}.treasureBox img{width:100%;max-width:370px;transition:.3s;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.28))}.treasureBox.opened img{transform:scale(1.04);animation:treasurePop .36s ease-out}.treasureBox.shaking img{animation:chestShake 1.5s ease-in-out}.yellowBtn:disabled{opacity:.85;cursor:not-allowed}@keyframes chestShake{0%,100%{transform:translateX(0) rotate(0)}8%{transform:translateX(-7px) rotate(-2deg)}16%{transform:translateX(7px) rotate(2deg)}24%{transform:translateX(-8px) rotate(-2.4deg)}32%{transform:translateX(8px) rotate(2.4deg)}40%{transform:translateX(-6px) rotate(-1.8deg)}48%{transform:translateX(6px) rotate(1.8deg)}56%{transform:translateX(-4px) rotate(-1.2deg)}64%{transform:translateX(4px) rotate(1.2deg)}72%,88%{transform:translateX(0) rotate(0)}}@keyframes treasurePop{0%{transform:scale(.92)}70%{transform:scale(1.08)}100%{transform:scale(1.04)}}.yellowBtn{width:100%;border:0;border-radius:999px;background:#ffd11b;color:#fff;font-size:17px;font-weight:900;padding:15px;margin:8px 0}.shareBtn{border:0;background:#078943;color:#fff;border-radius:999px;padding:12px 24px;font-weight:900}.tips{background:#fff;color:#061134;border-radius:14px;text-align:left;padding:18px;margin-top:18px;line-height:1.5}.sheetBackdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:119}.sheetBackdrop.show{display:block}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%,105%);z-index:120;width:min(100vw,430px);background:#fff;border-radius:22px 22px 0 0;padding:12px 14px 20px;transition:.28s;box-shadow:0 -20px 60px rgba(0,0,0,.22)}.sheet.show{transform:translate(-50%,0)}.sheetHandle{width:42px;height:5px;background:#d2d7e3;border-radius:99px;margin:0 auto 12px}.searchBox{height:38px;border:1px solid #b7bfce;border-radius:999px;padding:9px 14px;color:#8791a8}.langs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.langs button{border:0;background:#f3f5f9;border-radius:12px;min-height:48px;text-align:left;padding:8px;color:#8290a3;font-weight:700}.langs button.selected{background:#ebfff2;color:#078943}
/* admin */
.adminBody{background:#040b12;color:#f5f1e8;display:block;min-height:100vh}.adminBody:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 70% 20%,rgba(34,211,238,.14),transparent 22%),radial-gradient(circle at 20% 80%,rgba(34,211,238,.08),transparent 28%),#040b12;pointer-events:none}.adminSide{position:fixed;left:18px;top:18px;bottom:18px;width:260px;border:1px solid #0b6d78;border-radius:18px;background:rgba(4,18,25,.86);padding:20px;z-index:2;overflow:auto}.adminBrand{display:flex;gap:12px;align-items:center;margin:0 0 24px}.adminBrand img{width:48px;height:48px;border-radius:12px;background:#fff;object-fit:contain}.adminBrand b{display:block;font-size:22px}.adminBrand span{color:#9ab0c5;font-size:13px}.adminSide nav{display:grid;gap:8px}.adminSide a{color:#d9e7ef;text-decoration:none;padding:13px;border-radius:12px;display:flex;align-items:center;gap:11px}.adminSide a.active,.adminSide a:hover{background:rgba(31,205,190,.18);color:#fff}.adminMain{position:relative;z-index:1;margin-left:300px;padding:18px 26px 40px}.adminHeader{border:1px solid #0b6d78;background:rgba(5,24,34,.88);border-radius:18px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.adminHeader h1{margin:0;font-size:34px}.adminHeader p{margin:6px 0 0;color:#9ab0c5}.openSite{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:12px 16px;font-weight:800}.adminCards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.adminCard,.adminPanel{border:1px solid #0b6d78;background:rgba(5,24,34,.82);border-radius:18px;padding:18px}.adminCard span{display:block;color:#9ab0c5}.adminCard b{font-size:30px}.adminQuick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.adminQuick a,.adminAdd{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:15px;color:#fff;text-decoration:none;font-weight:800}.adminForm label{display:grid;gap:7px;margin-bottom:14px;color:#c4d1dd}.adminForm input,.adminForm textarea,.adminForm select,table input,table select{width:100%;background:#07131d;color:#fff;border:1px solid #194d5e;border-radius:10px;padding:11px}.adminForm button,table button{border:0;background:#40e0c1;color:#00121b;border-radius:12px;padding:12px 18px;font-weight:900;cursor:pointer}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.full{grid-column:1/-1}.toolbar{display:flex;gap:8px;margin-bottom:10px}.toolbar button{background:#263747;color:#fff}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{border-bottom:1px solid #1c3948;padding:10px;text-align:left}th{color:#9ab0c5}.planEdit,.levelEdit,.currencyEdit,.pageEdit{border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:14px;margin:12px 0}.planEdit{display:grid;grid-template-columns:130px 1fr;gap:16px}.planEdit img{width:130px;height:100px;object-fit:cover;border-radius:12px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.dangerLink{color:#ff8383;text-decoration:none;font-weight:800}.adminLogin{width:min(420px,calc(100vw - 30px));margin:70px auto;background:rgba(5,24,34,.88);border:1px solid #0b6d78;border-radius:22px;padding:28px;position:relative;z-index:1}.adminLogin img{width:74px;height:74px;border-radius:16px;background:#fff;object-fit:contain}.adminLogin input{width:100%;background:#07131d;color:#fff;border:1px solid #194d5e;border-radius:12px;padding:14px;margin:7px 0 15px}.adminLogin button{width:100%;border:0;background:#40e0c1;border-radius:14px;padding:15px;font-weight:900}.adminLogin p{color:#9ab0c5}
@media(max-width:800px){.adminSide{position:relative;left:auto;top:auto;bottom:auto;width:auto;margin:10px}.adminMain{margin:0;padding:10px}.adminCards{grid-template-columns:1fr}.adminQuick,.formGrid{grid-template-columns:1fr}.planEdit{grid-template-columns:1fr}.adminHeader{display:block}.phone{max-width:430px}.floatDock{left:auto;right:12px}.brandMini b{font-size:21px}.taskHallRow{grid-template-columns:86px 1fr 118px}.quickGrid{gap:8px}.actionTile{font-size:14px}.langs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:390px){.authHero h1{font-size:26px}.brandMini b{font-size:19px}.appTop .languagePill{min-width:98px;font-size:13px}.taskHallRow{grid-template-columns:76px 1fr 105px}.taskHallRow .vipThumb{width:76px}.activityCard{grid-template-columns:1fr}.activityCard strong,.activityCard button{grid-column:1}.memberGrid{grid-template-columns:1fr}.levelCard{min-width:145px}.quickGrid{grid-template-columns:1fr 1fr}.balanceCard b{font-size:20px}}
/* Premium compact refinements - final update */
html,body{font-size:14px}.phone{font-size:14px;max-width:430px}.primaryBtn,.greenBtn{font-size:15px;padding:14px 18px;border-radius:14px}.appPhone{padding-bottom:76px}.appTop{height:66px;padding:10px 18px;background:linear-gradient(110deg,var(--primary),var(--secondary));position:sticky;top:0;z-index:90}.brandMini img{width:42px;height:42px}.brandMini b{font-size:20px;line-height:1;letter-spacing:.1px}.languagePill{height:38px;min-width:118px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.42);color:#fff;gap:8px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 20px rgba(39,31,115,.14)}.languagePill span{color:#fff;font-size:13px;line-height:1;font-weight:800}.languagePill b{color:#fff;font-size:11px;display:inline-flex;align-items:center}.languagePill .icon,.appTop .languagePill .icon,.authLang .icon{width:18px!important;height:18px!important;color:#fff!important;stroke:#fff!important;display:block;flex:0 0 18px}.appTop .languagePill{height:36px;min-width:104px;padding:0 11px;font-size:13px}.homeHero{padding:8px 18px 38px;border-radius:0 0 22px 22px}.homeHero.compactDash{min-height:110px}.noticeMarquee{height:42px;margin:6px 0 0;padding:0 13px}.noticeMarquee span{font-size:13px;animation:marquee 23s linear infinite}.homeContent{margin-top:-30px;padding:0 14px 16px}.balanceCard{border-radius:18px;padding:15px 18px 17px;gap:10px;margin-bottom:13px}.balanceCard span{font-size:12px}.balanceCard b{font-size:20px;margin-top:6px}.balanceCard button{height:42px;font-size:15px}.quickGrid.homeQuick{gap:10px;margin-bottom:13px}.actionTile{min-height:86px;border-radius:15px;font-size:14px;line-height:1.15;text-align:center;padding:10px 8px}.actionTile b{display:block;text-align:center}.actionTile .icon{width:26px;height:26px}.featureGrid{display:none}.sectionCard{border-radius:18px;padding:16px;margin:13px 0}.sectionCard h2{font-size:18px;margin-bottom:12px}.activityCard.proActivity{display:grid!important;grid-template-columns:1fr auto;background:#f5f7fb;padding:14px;border-radius:16px;gap:8px 12px;align-items:center}.activityHeader{grid-column:1/3;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.activityCard.proActivity h3{font-size:15px;line-height:1.25;margin:0;min-width:0}.activityCard.proActivity strong{font-size:13px;color:#16ca63;white-space:nowrap}.activityCard.proActivity p{grid-column:1;font-size:13px;line-height:1.45;margin:0;color:#4a536e}.activityCard.proActivity button{grid-column:2;grid-row:2;border-radius:999px;padding:9px 16px;font-size:13px;align-self:center}.taskHallRow{grid-template-columns:84px 1fr 118px;min-height:94px;border-radius:14px;gap:9px}.taskHallRow .vipThumb{width:84px;height:78px}.taskHallRow div b{font-size:14px}.taskHallRow small{font-size:12px}.taskHallRow em{font-size:12px}.taskHallRow em b{font-size:16px}.memberCard b{font-size:17px;padding:12px 8px}.infoRow{font-size:15px;padding:14px 16px;border-radius:15px}.bottomNav{height:66px;border-radius:20px 20px 0 0}.bottomNav a .icon{width:22px;height:22px}.floatDock{right:10px!important;left:auto;gap:8px}.floatDock button{width:48px;height:48px;border-radius:17px}.floatDock button.main{width:58px;height:58px;border-width:5px}.taskHero{background:linear-gradient(135deg,#d9b9ff,#f5ce65);background-size:cover;border-radius:0 0 22px 22px;padding:58px 20px 18px}.resetPill{font-size:14px;padding:10px 16px;margin-bottom:16px}.taskStats span{font-size:13px}.taskStats b{font-size:21px}.taskPanel{padding:16px}.taskTabs{height:42px;max-width:230px;background:#f1f4fb;border-radius:14px;padding:5px}.taskTabs button{font-size:14px;border-radius:12px}.taskTabs button.active{color:#fff}.taskTabs span{top:5px;bottom:auto;left:5px;width:calc(50% - 5px);height:32px;border-radius:11px;background:linear-gradient(110deg,var(--primary),var(--secondary));z-index:1;box-shadow:0 8px 18px rgba(65,55,172,.18)}.taskTabs.right span{left:50%}.progressTask,.completedTask{grid-template-columns:96px 1fr;padding:13px;border-radius:15px}.progressTask .vipThumb,.completedTask .vipThumb{height:92px}.progressTask h3,.completedTask h3{font-size:17px}.progressTask p,.completedTask p{font-size:13px}.teamHero{height:126px;margin-top:-66px;padding-top:66px;background:linear-gradient(135deg,#ffdc3d,#ffb05a)}.teamContent{margin-top:-34px;padding:0 14px 18px}.inviteCard{border-radius:18px;padding:15px}.inviteCard b{font-size:24px}.inviteCard span,.inviteCard p,.copyLine small{font-size:13px}.inviteCard button{padding:8px 14px;font-size:13px;display:inline-flex;align-items:center;gap:5px}.inviteCard button .icon{width:15px;height:15px;color:#fff}.socials{font-size:21px;gap:10px}.periodTitle{font-size:17px;margin:14px 0 9px}.periodControls{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-bottom:10px}.periodControls label{font-size:12px;color:#68738b;display:grid;gap:5px}.periodControls input{height:38px;border:0;border-radius:12px;background:#fff;padding:0 8px;box-shadow:0 6px 16px rgba(30,42,90,.04);font-size:12px}.periodControls button{height:38px;border:0;border-radius:12px;background:#058945;color:#fff;font-weight:900;padding:0 14px}.teamStats.proTeamStats{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:17px 8px;border-radius:18px;align-items:center}.teamStats.proTeamStats div{grid-column:auto!important}.teamStats.proTeamStats span{font-size:12px}.teamStats.proTeamStats b{font-size:19px}.premiumLevels{gap:10px;padding-top:18px}.premiumLevels .levelCard{min-width:154px;border-radius:14px;padding:25px 11px 12px}.levelCard h3{font-size:19px}.levelCard span{font-size:12px}.levelCard div:not(.medal){padding:10px 5px}.medal{width:42px;height:48px;background:radial-gradient(circle at 35% 25%,#fff2ce 0 18%,#f5aa61 35%,#ed8741 70%);box-shadow:0 4px 0 #e97737,inset 0 0 0 3px rgba(255,255,255,.35),0 8px 15px rgba(126,67,28,.24)}.premiumVipList{padding:12px 14px}.premiumVip{border-radius:18px;padding:14px;box-shadow:0 12px 26px rgba(30,42,90,.06)}.vipBody{grid-template-columns:116px 1fr;gap:11px}.vipBody img{width:116px;height:98px}.vipBody div{border-radius:12px}.vipBody p{font-size:13px;gap:8px}.vipUnlockBtn{background:linear-gradient(110deg,var(--primary),var(--secondary))!important;color:#fff!important;box-shadow:0 10px 24px rgba(65,55,172,.22)}.vipUnlockBtn.isUnlocked{background:#000!important}.meHero{padding:24px 22px 48px}.meHero h2{font-size:21px}.meButtonList{display:grid;gap:10px;margin:14px 0 22px}.meMenuItem{min-height:52px;border:1px solid rgba(5,137,69,.18);background:rgba(255,255,255,.78);backdrop-filter:blur(10px);border-radius:999px;padding:0 14px;display:grid;grid-template-columns:24px 1fr 28px;gap:12px;align-items:center;color:#0b1433;text-decoration:none;font-weight:800;box-shadow:0 8px 20px rgba(30,42,90,.04)}.meMenuItem .icon{width:21px;height:21px;color:#2734a4}.meMenuItem b{width:26px;height:26px;border:1px solid rgba(3,11,42,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:400}.meMenuItem.signout{margin-top:5px}.simplePage{padding:14px}.recordRow{background:#f5f7fb;border-radius:13px;padding:12px 14px;margin:9px 0;display:grid;grid-template-columns:1fr auto;gap:4px}.recordRow span{font-weight:800}.recordRow b{color:#058945}.recordRow small{grid-column:1/3;color:#768197}.unlockBox{width:min(330px,calc(100vw - 42px));background:#fff;border-radius:18px;padding:26px 22px;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.28);color:#333}.unlockBox p{font-size:16px;line-height:1.45;margin:0 0 20px}.unlockBox button{width:100%;border:0;border-radius:999px;padding:13px 16px;font-weight:900;color:#fff;background:linear-gradient(90deg,#ff7445,#ef1238);font-size:15px}.unlockBox .cancel{background:#eef2f7;color:#071131;margin-top:10px}.authPanel label{font-size:16px}.inputBox{height:54px}.inputBox input,.inputBox select{font-size:15px}.authHero h1{font-size:27px}.authHero p{font-size:14px}.authLogo{width:84px;height:84px}.segBtn{font-size:14px}.segTabs{height:52px}.segSlide{height:40px}.annScroll{font-size:14px}.installCard h1{font-size:28px}
@media(max-width:390px){.brandMini b{font-size:18px}.appTop .languagePill{min-width:96px;font-size:12px}.languagePill span{font-size:12px}.quickGrid.homeQuick{grid-template-columns:repeat(3,1fr)}.actionTile{font-size:12.5px;min-height:78px}.teamStats.proTeamStats{grid-template-columns:repeat(5,110px);overflow-x:auto;justify-content:start}.periodControls{grid-template-columns:1fr 1fr}.periodControls button{grid-column:1/3}.taskHallRow{grid-template-columns:76px 1fr 100px}.taskHallRow .vipThumb{width:76px;height:72px}.vipBody{grid-template-columns:104px 1fr}.vipBody img{width:104px;height:92px}.meMenuItem{min-height:50px}.activityHeader{display:block}.activityCard.proActivity strong{display:block;margin-top:5px}.activityCard.proActivity{grid-template-columns:1fr}.activityHeader,.activityCard.proActivity p,.activityCard.proActivity button{grid-column:1}.activityCard.proActivity button{justify-self:start}}
/* User requested final polish patch */
.authPanel .inputBox + .primaryBtn,
.authPanel label + .inputBox + .primaryBtn{margin-top:18px}
#emailSignup .primaryBtn,#phoneSignup .primaryBtn{margin-top:18px}
.authPanel .linkBtn{margin-top:14px}
.primaryBtn,.greenBtn,.actionTile b,.featureGrid b,.taskHallRow div b,.taskHallRow em b,.activityCard.proActivity button,.meMenuItem,.infoRow{font-weight:700!important}
.actionTile{color:#101a3a;background:linear-gradient(180deg,#fff,#f6f8ff);border:1px solid rgba(57,57,169,.08)}
.actionTile .icon{color:var(--primary)}
.actionTile:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(57,57,169,.12)}
.activityCard.proActivity{background:linear-gradient(180deg,#f7f8ff,#eef3ff)!important;border:1px solid rgba(57,57,169,.08)}
.activityCard.proActivity button{background:linear-gradient(110deg,var(--primary),var(--secondary));color:#fff;border:0;min-width:92px;text-align:center;box-shadow:0 10px 22px rgba(57,57,169,.18)}
.activityCard.proActivity.done button,.activityCard.proActivity button.completed{background:#13a05b!important;color:#fff;opacity:1;cursor:default}
.activityCard.proActivity h3{font-weight:800!important}.activityCard.proActivity strong{color:#13a05b!important}
.memberGrid{grid-template-columns:repeat(2,1fr);gap:10px}.memberCard{border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(25,38,92,.05)}
.memberCard small{background:#b9ffc8;color:#058945}.memberCard b{background:linear-gradient(110deg,var(--primary),var(--secondary));color:#fff}.memberCard span{font-size:12px}
.floatDock{position:fixed!important;left:calc(50% + 154px)!important;right:auto!important;top:56%!important;transform:translateY(-50%);z-index:180;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}
.floatDock button{pointer-events:auto;border:0;background:#fff;color:#091335;box-shadow:0 14px 34px rgba(20,31,80,.16);display:flex;align-items:center;justify-content:center}
.floatDock button .icon{width:23px;height:23px;stroke-width:2.2;color:#091335}
.floatDock button.main{background:#ffa51f!important;color:#fff!important;border:5px solid #fff!important;box-shadow:0 16px 34px rgba(255,165,31,.35)!important}
.floatDock button.main .icon{color:#fff;stroke:#fff}.floatFixed{display:flex;flex-direction:column;gap:10px;align-items:center}.floatFixed button{width:48px!important;height:48px!important;border-radius:18px!important}.floatFixed button .icon{color:#071335!important;stroke:#071335!important}
.languagePill{align-items:center;justify-content:center}.languagePill .icon{margin-top:0!important;align-self:center!important}.languagePill b{line-height:1;align-self:center}.languagePill span{line-height:1}
.appTop{align-items:center}.brandMini{align-items:center}.noticeMarquee{overflow:hidden}.noticeMarquee div{overflow:hidden}.noticeMarquee span{white-space:nowrap;display:inline-block;min-width:max-content}
.homeHero.compactDash{padding-top:10px}.homeContent{padding-bottom:90px}.bottomNav a{font-weight:700!important}.bottomNav span{font-size:11px}
.inviteCard{margin-bottom:14px}.inviteCard div:first-of-type{margin:6px 0 14px}.copyLine{margin-top:10px}.socials span{font-weight:700!important;color:#071335}
.teamStats.proTeamStats{grid-template-columns:repeat(5,minmax(86px,1fr));overflow-x:auto}.teamStats.proTeamStats div{min-width:82px}.teamStats.proTeamStats span{white-space:nowrap}.premiumLevels{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:12px}.premiumLevels .levelCard{scroll-snap-align:start}.periodControls{display:grid!important;grid-template-columns:1fr 1fr auto!important;gap:8px!important}
@media(max-width:520px){.floatDock{left:auto!important;right:12px!important}.periodControls{grid-template-columns:1fr 1fr!important}.periodControls button{grid-column:1/3}.memberGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:380px){.activityCard.proActivity{padding:12px}.activityCard.proActivity p{font-size:12px}.memberCard b{font-size:15px}.memberCard span{font-size:11px}}
/* Final polish: purple brand controls, smoother member rotation, and profile settings layout */
:root{--brandPurple1:var(--primary,#3939a9);--brandPurple2:var(--secondary,#7c52c8);--brandSoft:#f1efff;--brandLine:rgba(90,70,190,.18)}
#emailSignup .primaryBtn,#phoneSignup .primaryBtn{margin-top:18px}
.authPanel .inputBox + .primaryBtn{margin-top:18px}
.primaryBtn,.greenBtn,.miniBtn,.activityCard.proActivity button,.activityCard.proActivity.done button,.activityCard.proActivity button.completed,.periodControls button,.addressLine button,.rechargeForm button,.progressTask button,.profileBackBtn{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px rgba(75,62,184,.18)!important;font-weight:700!important}
.activityCard.proActivity strong{color:var(--brandPurple2)!important}.activityCard.proActivity button:disabled{opacity:.96}.taskHallRow em{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important;color:#fff!important}.taskHallRow em b{color:#fff!important}.taskHallRow.locked em{opacity:.94}.taskTabs button.active{color:#fff!important}.taskTabs span{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important}.bottomNav a.active{color:var(--brandPurple1)!important}.bottomNav a.active:before{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important}.bottomNav a.active .icon{color:var(--brandPurple1)!important}.infoRow .icon,.meMenuItem .icon,.periodTitle .icon{color:var(--brandPurple1)!important}.infoRow{border:1px solid rgba(79,62,181,.08)}.memberCard small{background:#efeaff!important;color:var(--brandPurple1)!important}.memberCard b{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important;color:#fff!important}.recordRow b,.empty{color:var(--brandPurple1)!important}.coinIcon,.coinBig{background:linear-gradient(135deg,var(--brandPurple1),var(--brandPurple2))!important}.currencyRow{border:1px solid rgba(75,62,184,.10);border-bottom:1px dashed rgba(75,62,184,.18)}
.memberGrid{position:relative;overflow:hidden}.rotatingMember{display:none;opacity:0;transform:translateY(20px)}.rotatingMember.is-visible{display:block;animation:memberRise .42s cubic-bezier(.2,.75,.25,1) both}@keyframes memberRise{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.proMeHero{padding:18px 18px 46px!important}.meProfileCard{display:grid;grid-template-columns:54px 1fr 42px;align-items:center;gap:12px}.meProfileCard img{width:54px;height:54px;border-radius:16px;background:#fff;object-fit:contain;padding:3px;box-shadow:0 8px 18px rgba(28,22,110,.18)}.meProfileCard p{font-size:13px;opacity:.9;margin:0 0 4px}.meProfileCard h2{margin:0!important;font-size:21px!important;letter-spacing:.2px;line-height:1.1}.meProfileCard small{display:block;margin-top:5px;color:rgba(255,255,255,.78);font-size:12px}.profileCog{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.38);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}.profileCog .icon{width:21px;height:21px;color:#fff;stroke:#fff}.vipPill{display:inline-flex;margin-top:13px;background:#ffd65e;color:#3d2600;border-radius:999px;padding:6px 15px;font-size:13px;font-weight:800}.profilePage{background:linear-gradient(180deg,#eef5ff,#e7f4ee);min-height:calc(100vh - 66px)}.profileEditorCard{background:linear-gradient(180deg,#ffffff,#f7f6ff);border:1px solid var(--brandLine);border-radius:22px;margin:14px 0;padding:18px;box-shadow:0 14px 34px rgba(48,41,135,.08)}.profileHeaderMini{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;margin-bottom:15px}.profileHeaderMini img{width:58px;height:58px;border-radius:17px;background:#fff;object-fit:contain;padding:4px;border:2px solid rgba(75,62,184,.18)}.profileHeaderMini h2{font-size:20px;margin:0}.profileHeaderMini small{color:#69738a}.profileRows{display:grid;gap:9px}.profileRows div{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;min-height:44px;border-radius:14px;background:#f1f3fb;padding:10px 12px}.profileRows span{color:#6b748a;font-size:13px}.profileRows b{font-size:14px;word-break:break-word;color:#071131}.profileBackBtn{display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:16px;margin-top:16px;min-height:46px}.meMenuItem{border-color:rgba(75,62,184,.18)!important}.meMenuItem:hover,.infoRow:hover{background:#faf9ff}.floatFixed button .icon{color:var(--brandPurple1)!important;stroke:var(--brandPurple1)!important}.floatDock button.main{background:linear-gradient(135deg,#ffb12a,#ff9222)!important}
@media(max-width:390px){.profileRows div{grid-template-columns:1fr}.meProfileCard{grid-template-columns:50px 1fr 40px}.meProfileCard h2{font-size:19px!important}}
/* Update: purple theme everywhere, better profile editor, invitation spacing */
:root{--brandPurple1:var(--primary,#3939a9);--brandPurple2:var(--secondary,#7c52c8);--brandLine:rgba(75,62,184,.18)}
#emailSignup .primaryBtn,#phoneSignup .primaryBtn{margin-top:26px!important}
#emailSignup .inputBox:last-of-type,#phoneSignup .inputBox:last-of-type{margin-bottom:24px!important}
.authPanel .linkBtn{margin-top:18px!important}
.languagePill{gap:7px!important;padding:0 15px!important;display:inline-flex!important;align-items:center!important;line-height:1!important}
.languagePill .icon{width:19px!important;height:19px!important;color:#fff!important;stroke:#fff!important;flex:0 0 auto!important;display:block!important}
.languagePill span{display:inline-flex!important;align-items:center!important;line-height:1!important;color:#fff!important}
.languagePill b{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;line-height:1!important;margin:0!important;transform:translateY(-1px);color:#fff!important;min-width:12px!important}
.greenBtn,.activityCard button,.activityCard.proActivity button,.activityCard.proActivity.done button,.activityCard.proActivity button.completed,.inviteCard button,.copyLine button,.periodControls button,.addressLine button,.rechargeForm button,.progressTask button,.profileBackBtn,.miniBtn{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important;color:#fff!important;border:0!important;box-shadow:0 12px 25px rgba(75,62,184,.17)!important}
.activityCard.proActivity strong,.recordRow b{color:var(--brandPurple2)!important}
.bottomNav a.active{color:var(--brandPurple1)!important}.bottomNav a.active:before{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important}.bottomNav a.active .icon{color:var(--brandPurple1)!important;stroke:var(--brandPurple1)!important}
.infoRow .icon,.meMenuItem .icon,.periodTitle .icon{color:var(--brandPurple1)!important;stroke:var(--brandPurple1)!important}.infoRow b,.meMenuItem b{color:var(--brandPurple1)!important}
.memberCard small{background:#eeeaff!important;color:var(--brandPurple1)!important}.memberCard b{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important;color:#fff!important}
.taskHallRow em{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important;color:#fff!important}.taskHallRow em b{color:#fff!important}
.floatFixed button .icon{color:var(--brandPurple1)!important;stroke:var(--brandPurple1)!important}.floatDock button.main{background:linear-gradient(135deg,#ffb22e,#ff991f)!important}
.profileForm{display:grid!important;gap:10px!important}.profileForm label{display:grid!important;grid-template-columns:120px 1fr!important;gap:10px!important;align-items:center!important;min-height:46px!important;border-radius:14px!important;background:#f1f3fb!important;padding:10px 12px!important;margin:0!important}.profileForm label span{color:#6b748a!important;font-size:13px!important}.profileForm input{border:0!important;outline:0!important;background:transparent!important;font-weight:800!important;color:#071131!important;font-size:14px!important;width:100%!important;min-width:0!important}.profileForm .primaryBtn{margin-top:6px!important;grid-column:1/-1!important}.profileRows div{min-height:46px}.profileRows b{font-weight:800!important}.profileBackBtn{min-height:44px!important;margin-top:12px!important}
.memberGrid{position:relative;overflow:hidden}.rotatingMember{display:none;opacity:0;transform:translateY(20px)}.rotatingMember.is-visible{display:block;animation:memberRise .42s cubic-bezier(.2,.75,.25,1) both}@keyframes memberRise{from{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:390px){.profileForm label{grid-template-columns:1fr!important}.languagePill b{font-size:17px!important}}
/* Final requested fixes: centered language icon/arrow, fixed right action buttons, compact profile/reports */
.languagePill{
display:inline-grid!important;
grid-template-columns:20px auto 16px!important;
align-items:center!important;
justify-items:center!important;
column-gap:7px!important;
height:40px!important;
min-width:128px!important;
padding:0 15px!important;
line-height:1!important;
}
.languagePill .icon{grid-column:1!important;width:20px!important;height:20px!important;color:#fff!important;stroke:#fff!important;display:block!important;align-self:center!important;justify-self:center!important;transform:none!important;margin:0!important}
.languagePill span{grid-column:2!important;display:block!important;line-height:1!important;font-size:14px!important;font-weight:800!important;color:#fff!important;align-self:center!important;transform:none!important;margin:0!important}
.languagePill b{grid-column:3!important;display:block!important;line-height:1!important;font-size:16px!important;font-weight:900!important;color:#fff!important;align-self:center!important;justify-self:center!important;transform:none!important;margin:0!important;padding:0!important}
.appTop .languagePill{height:36px!important;min-width:112px!important;padding:0 12px!important}.appTop .languagePill span{font-size:13px!important}.appTop .languagePill b{font-size:15px!important}.authLang{top:28px!important;right:18px!important}
#emailSignup .primaryBtn,#phoneSignup .primaryBtn{margin-top:34px!important}.authPanel .inputBox + .primaryBtn{margin-top:28px!important}.authPanel .inputBox:last-of-type{margin-bottom:22px!important}
.floatDock{position:fixed!important;left:auto!important;right:max(12px,calc((100vw - 430px)/2 + 10px))!important;top:62%!important;transform:translateY(-50%)!important;z-index:180!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;pointer-events:none!important}.floatDock button{pointer-events:auto!important}.floatDock button.main{width:58px!important;height:58px!important;border-radius:50%!important;cursor:grab!important;z-index:2!important}.floatDock .floatFixed{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:center!important;position:relative!important;top:0!important}.floatFixed button{width:48px!important;height:48px!important;border-radius:18px!important;cursor:pointer!important}
.socials{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:16px!important}.socials a,.socials span{width:28px;height:28px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#071335!important;font-size:22px!important;font-weight:800!important;line-height:1!important;border-radius:50%;background:rgba(255,255,255,.55)}
.periodControls{overflow:visible!important}.teamStats.proTeamStats{overflow-x:auto!important;scrollbar-width:thin}.teamStats.proTeamStats div{min-width:92px!important}.levelCard .medal{font-size:25px!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}.premiumLevels .levelCard{min-width:160px!important}.levelCard h3{letter-spacing:.2px!important}
.profileHeaderMini .profileUploadHint{grid-column:1/3}.profileForm .fileEdit input{font-weight:500!important}.profileHeaderMini img,.meProfileCard img{object-fit:cover!important}.profileRows div,.profileForm label{grid-template-columns:130px 1fr!important}.profileForm .primaryBtn{margin-top:12px!important}.statementTotal{border-radius:16px;background:linear-gradient(110deg,var(--primary),var(--secondary));color:#fff;padding:16px 18px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.statementTotal span{font-weight:700}.statementTotal b{font-size:20px}.noticeRow{background:#f5f7fb;border-radius:15px;padding:14px 15px;margin:10px 0;border:1px solid rgba(75,62,184,.08)}.noticeRow b{display:block;margin-bottom:5px}.noticeRow p{margin:0 0 7px;color:#46506a;line-height:1.45}.noticeRow small{color:#7b8598}.vipUnlockBtn.needsUnlock{border-radius:999px!important}.vipUnlockBtn.isUnlocked{border-radius:999px!important}
@media(max-width:520px){.floatDock{right:10px!important;top:62%!important}.languagePill{min-width:118px!important}.socials a,.socials span{font-size:20px!important;width:26px;height:26px}.profileRows div,.profileForm label{grid-template-columns:1fr!important}}
/* Treasure modal professional sizing fix */
#treasureModal{align-items:center;justify-content:center;padding:22px 14px;}
#treasureModal .treasureBox{
width:min(350px,calc(100vw - 44px));
max-height:calc(100vh - 44px);
overflow-y:auto;
padding:8px 0 14px;
scrollbar-width:none;
}
#treasureModal .treasureBox::-webkit-scrollbar{display:none;}
#treasureModal .treasureBox .closeX{
position:sticky;
top:0;
margin-left:auto;
margin-bottom:2px;
display:flex;
align-items:center;
justify-content:center;
right:auto;
width:32px;
height:32px;
background:rgba(8,12,32,.82);
border:2px solid rgba(255,255,255,.95);
z-index:3;
font-size:21px;
line-height:1;
}
#treasureModal .treasureBox h3{
margin:0 0 4px;
font-size:17px;
line-height:1.2;
text-shadow:0 2px 5px rgba(0,0,0,.35);
}
#treasureModal .treasureBox img{
width:min(260px,78vw);
max-width:260px;
max-height:218px;
display:block;
margin:2px auto 10px;
object-fit:contain;
filter:drop-shadow(0 14px 18px rgba(0,0,0,.35));
}
#treasureModal .treasureBox.opened img{
transform:scale(1.02);
}
#treasureModal .yellowBtn{
width:100%;
max-width:330px;
margin:6px auto 10px;
padding:14px 16px;
font-size:16px;
display:block;
box-shadow:0 8px 18px rgba(0,0,0,.18);
}
#treasureModal .treasureBox p{
max-width:330px;
margin:8px auto 10px;
font-size:14px;
line-height:1.35;
text-shadow:0 2px 5px rgba(0,0,0,.4);
}
#treasureModal .shareBtn{
margin:0 auto 10px;
padding:10px 24px;
background:linear-gradient(135deg,var(--primary),var(--secondary));
}
#treasureModal .tips{
max-width:330px;
margin:10px auto 0;
padding:14px 16px;
font-size:14px;
border-radius:16px;
box-shadow:0 10px 26px rgba(0,0,0,.12);
}
@media(max-height:720px){
#treasureModal{align-items:flex-start;padding-top:18px;}
#treasureModal .treasureBox img{width:min(220px,70vw);max-width:220px;max-height:180px;margin-bottom:8px;}
#treasureModal .yellowBtn{padding:12px 14px;margin-bottom:8px;}
#treasureModal .treasureBox p{font-size:13px;margin:6px auto 8px;}
#treasureModal .tips{font-size:13px;padding:12px 14px;}
}
@media(max-width:380px){
#treasureModal .treasureBox{width:calc(100vw - 30px);}
#treasureModal .treasureBox img{width:min(235px,74vw);max-width:235px;}
}
/* Patch: movable floating dock, treasure overlay priority, cleaner team page */
.modal{z-index:1000!important;}
.modal.show{display:flex!important;}
.sheetBackdrop{z-index:1290!important;}
.sheet{z-index:1300!important;}
.floatDock{
z-index:180!important;
pointer-events:auto!important;
cursor:grab!important;
touch-action:none!important;
user-select:none!important;
}
.floatDock:active{cursor:grabbing!important;}
.floatDock button{pointer-events:auto!important;}
#treasureModal.show ~ .floatDock,
body:has(#treasureModal.show) .floatDock{z-index:80!important;filter:brightness(.65);}
.teamContent{padding:0 16px 96px!important;}
.premiumInvite{border-radius:22px!important;padding:18px 18px 16px!important;margin-bottom:14px!important;box-shadow:0 16px 34px rgba(39,45,100,.08)!important;}
.premiumInvite>span{display:block!important;margin-bottom:7px!important;color:#27304f!important;font-weight:700!important;}
.premiumInvite>div:first-of-type{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important;}
.premiumInvite b{font-size:24px!important;line-height:1!important;letter-spacing:.7px!important;color:#061134!important;}
.premiumInvite p{margin:12px 0 10px!important;font-size:14px!important;line-height:1.35!important;color:#17203e!important;}
.copyLine{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;}
.copyLine small{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#061134!important;}
.periodTitle{margin:16px 2px 8px!important;font-size:18px!important;font-weight:900!important;color:#061134!important;}
.periodControls{display:grid!important;grid-template-columns:1fr 1fr 76px!important;gap:8px!important;align-items:end!important;margin-bottom:12px!important;overflow:visible!important;}
.periodControls label{display:grid!important;gap:4px!important;color:#68738b!important;font-size:12px!important;min-width:0!important;}
.periodControls input{height:38px!important;border:0!important;border-radius:12px!important;background:#fff!important;padding:0 8px!important;font-size:12px!important;color:#061134!important;box-shadow:0 8px 20px rgba(34,45,92,.05)!important;min-width:0!important;width:100%!important;}
.periodControls button{height:38px!important;border-radius:12px!important;padding:0 8px!important;font-size:13px!important;font-weight:800!important;}
.teamStats.proTeamStats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;overflow:visible!important;border-radius:18px!important;padding:13px 8px!important;background:#fff!important;box-shadow:0 12px 26px rgba(30,42,90,.06)!important;margin-bottom:12px!important;}
.teamStats.proTeamStats div{grid-column:auto!important;min-width:0!important;padding:0 5px!important;border-right:1px solid #eef1f7!important;}
.teamStats.proTeamStats div:last-child{border-right:0!important;}
.teamStats.proTeamStats span{font-size:11px!important;line-height:1.15!important;white-space:normal!important;color:#7a8399!important;margin-bottom:6px!important;}
.teamStats.proTeamStats b{font-size:18px!important;line-height:1.1!important;white-space:nowrap!important;color:#061134!important;}
.premiumLevels{padding:16px 0 78px!important;gap:12px!important;scrollbar-width:thin!important;}
.premiumLevels .levelCard{min-width:168px!important;border-radius:16px!important;box-shadow:0 16px 34px rgba(46,45,130,.18)!important;}
.premiumLevels .levelCard h3{font-size:21px!important;margin-bottom:14px!important;}
.premiumLevels .levelCard .medal{width:48px!important;height:56px!important;left:-5px!important;top:-12px!important;font-size:28px!important;filter:drop-shadow(0 6px 10px rgba(155,81,18,.2));}
.premiumLevels .levelCard div:not(.medal){border-radius:10px!important;margin:10px 0!important;padding:11px 6px!important;}
.premiumLevels .levelCard span{font-size:12px!important;line-height:1.25!important;}
.premiumLevels .levelCard b{font-size:15px!important;}
.premiumLevels .levelCard button{height:36px!important;font-size:13px!important;}
/* My menu wording/spacing polish */
.meButtonList{padding-bottom:95px!important;}
.meMenuItem{font-size:15px!important;font-weight:800!important;}
.meMenuItem span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
@media(max-width:380px){
.periodControls{grid-template-columns:1fr 1fr 68px!important;gap:6px!important;}
.periodControls button{font-size:12px!important;}
.teamStats.proTeamStats span{font-size:10.5px!important;}
.teamStats.proTeamStats b{font-size:16px!important;}
.premiumLevels .levelCard{min-width:158px!important;}
}
/* Premium reward flow update */
:root{--adminBg:#0b0f24;--adminPanel:#141337;--adminBorder:#5b45d8;--adminAccent:#8d64ff}
.adminBody{background:radial-gradient(circle at top left,#201653 0,#080b17 55%,#050812 100%)!important;color:#f6f4ff!important;display:block!important}.adminSide{background:linear-gradient(180deg,#171133,#080c1d)!important;border-color:rgba(141,100,255,.45)!important}.adminSide a.active{background:linear-gradient(110deg,var(--primary),var(--secondary))!important;color:#fff!important}.adminPanel,.adminHeader{background:rgba(18,15,48,.92)!important;border-color:rgba(141,100,255,.48)!important;box-shadow:0 18px 55px rgba(17,10,54,.35)!important}.adminForm input,.adminForm textarea,.adminForm select,table input,table select{border-color:rgba(141,100,255,.45)!important;background:#0d1128!important;color:#fff!important}.adminPanel button,.adminAdd,.openSite{background:linear-gradient(110deg,var(--primary),var(--secondary))!important;color:#fff!important;border:0!important}.adminCard,.adminStats article{background:linear-gradient(135deg,rgba(57,57,169,.48),rgba(124,82,200,.25))!important;border-color:rgba(141,100,255,.42)!important}.colorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.colorGrid label{border:1px solid rgba(141,100,255,.35);border-radius:18px;padding:14px;background:rgba(255,255,255,.04);display:grid!important;grid-template-columns:1fr 58px;gap:9px;align-items:center}.colorGrid label span{font-weight:800}.colorGrid label b{grid-column:1/3;color:#cbd2ff;font-size:12px}.colorGrid input[type=color]{width:58px;height:42px;padding:0;border-radius:12px;overflow:hidden}.activeCurrencies{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}.activeCurrencies span{display:flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(141,100,255,.35);font-weight:800}.activeCurrencies img,.coinIcon img{width:32px;height:32px;border-radius:50%;object-fit:cover}.miniAdminForm{display:grid;gap:6px}.statusPill{display:inline-flex;border-radius:999px;padding:7px 12px;font-weight:900;text-transform:capitalize}.statusPill.approved{background:#d7ffe8;color:#047a38}.statusPill.pending{background:#fff5d0;color:#8b5d00}.statusPill.rejected{background:#ffe0e0;color:#a20000}.lockedApproved{color:#72ffa7}.ruleCard{background:rgba(255,255,255,.06);border:1px solid rgba(141,100,255,.38);border-radius:18px;padding:16px;margin:16px 0}.adminLink{display:inline-flex;margin:6px 8px 0 0;color:#bbadff;font-weight:900;text-decoration:none}.dangerLink{color:#ff7373!important;font-weight:900}
.languagePill{grid-template-columns:22px auto 18px!important}.languagePill .icon{width:22px!important;height:22px!important}.languagePill b{font-size:20px!important;transform:translateY(0)!important}.authPanel .inputBox:has(input[name=invitation_code]){margin-bottom:34px!important}.primaryBtn,.greenBtn,.activityCard button,.copyLine button,.premiumInvite button,.periodControls button{background:linear-gradient(110deg,var(--primary),var(--secondary))!important;color:#fff!important}.activityCard strong{color:var(--secondary)!important}.taskHallRow em{background:linear-gradient(135deg,var(--primary),var(--secondary))!important}.bottomNav a.active{color:var(--primary)!important}.bottomNav a.active:before{background:var(--primary)!important}.floatDock{z-index:180!important}.modal.show .floatDock{z-index:1!important}.dailySalaryCard{background:#fff;border-radius:18px;padding:14px 16px;margin:12px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 12px 26px rgba(30,42,90,.06)}.dailySalaryCard b{display:block;font-size:16px}.dailySalaryCard span{font-size:12px;color:#68738b}.dailySalaryCard button{border:0;border-radius:999px;background:linear-gradient(110deg,var(--primary),var(--secondary));color:#fff;font-weight:900;padding:11px 15px;white-space:nowrap}.signinBox{width:min(330px,calc(100vw - 40px));background:linear-gradient(180deg,#fff,#f5f2ff);border-radius:20px;padding:22px;box-shadow:0 20px 80px rgba(0,0,0,.3);position:relative;text-align:center}.signinBox h2{margin:0 0 8px;color:#081338;font-size:22px}.signinBox p{margin:0 0 15px;color:#566079}.signinReward{width:92px;height:112px;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(52,45,130,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--secondary);font-weight:900}.signinReward b{font-size:18px}.signinReward span{font-size:13px;margin-top:8px}.signinBox .closeX{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#081338;font-size:24px}.vipRibbon{position:relative!important;background:linear-gradient(90deg,#ffd37f,#ffe8bf)!important;border-radius:0 0 18px 0!important;color:#090e25!important;font-weight:900!important}.vipRibbon:before{content:'👑';font-size:30px;position:absolute;left:-14px;top:-18px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.25))}.premiumVip .vipUnlockBtn{background:linear-gradient(110deg,var(--primary),var(--secondary))!important;color:#fff!important}.rechargeSheet{animation:sheetUp .32s ease both;border-radius:26px 26px 18px 18px!important;margin-top:18px!important}@keyframes sheetUp{from{transform:translateY(40px);opacity:.3}to{transform:translateY(0);opacity:1}}.coinBig img{width:62px;height:62px;border-radius:50%;object-fit:cover}.center{text-align:center}.currencyRow .coinIcon{overflow:hidden;display:flex;align-items:center;justify-content:center}.instructionBox{margin-bottom:90px!important}.treasureBox{z-index:1005!important}.treasureBox img{pointer-events:none}.floatDock{right:max(12px,calc((100vw - 430px)/2 + 12px))!important}.modal.show ~ .floatDock{z-index:60!important;opacity:.35!important;pointer-events:none!important}
@media(max-width:520px){.colorGrid{grid-template-columns:1fr}.dailySalaryCard{align-items:flex-start;flex-direction:column}.dailySalaryCard button{width:100%}}
/* ===== Final professional polish: compact purple UI + light admin ===== */
:root{--brandPurple1:var(--primary,#3939a9);--brandPurple2:var(--secondary,#7c52c8)}
body{font-size:14px}.actionTile b,.featureGrid .actionTile,.primaryBtn,.greenBtn,.activityCard button,.taskHallRow em{font-weight:800!important}.homeQuick .actionTile{min-height:78px!important;border-radius:16px!important;gap:8px!important;text-align:center}.homeQuick .actionTile .icon{width:24px!important;height:24px!important}.featureGrid{display:none!important}.activityCard{border:1px solid #eceefa!important;background:linear-gradient(135deg,#fff,#f8f6ff)!important}.activityCard button,.copyLine button,.premiumInvite button,.periodControls button,.greenBtn,.primaryBtn{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important;color:#fff!important}.taskHallRow em{background:linear-gradient(135deg,var(--brandPurple1),var(--brandPurple2))!important;color:#fff!important}.memberCard b{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important}.infoRow .icon,.periodTitle .icon{color:var(--brandPurple1)!important}.bottomNav a.active{color:var(--brandPurple1)!important}.bottomNav a.active:before{background:var(--brandPurple1)!important}.bottomNav a.active .icon{stroke:var(--brandPurple1)!important}.languagePill{display:inline-grid!important;grid-template-columns:22px auto 18px!important;align-items:center!important;justify-items:center!important;gap:7px!important;min-width:126px!important;height:42px!important;padding:0 14px!important}.languagePill .icon{grid-column:1!important;width:22px!important;height:22px!important;color:#fff!important;stroke:#fff!important}.languagePill span{grid-column:2!important;line-height:1!important;font-size:15px!important;font-weight:800!important;color:#fff!important}.languagePill b{grid-column:3!important;font-size:19px!important;line-height:1!important;transform:none!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}.appTop .languagePill{height:38px!important;min-width:116px!important}.floatDock{right:max(12px,calc((100vw - 430px)/2 + 12px))!important;top:59%!important;z-index:85!important}.modal.show ~ .floatDock{z-index:1!important;opacity:.15!important;pointer-events:none!important}.treasureBox{max-width:360px!important;width:calc(100vw - 42px)!important}.treasureBox img{max-height:210px!important;object-fit:contain!important}.currencyList{animation:bottomSheetAppear .28s ease both;padding:20px 18px 100px!important}.rechargeSheet{animation:bottomSheetAppear .32s cubic-bezier(.21,.88,.32,1) both!important;border-radius:26px 26px 18px 18px!important}.sheetLike{animation:bottomSheetAppear .3s ease both}.currencyRow{box-shadow:0 16px 35px rgba(44,45,120,.08)!important;border:1px solid #e9ecfb!important}.coinIcon,.coinBig{background:linear-gradient(135deg,var(--brandPurple1),var(--brandPurple2))!important;color:#fff!important}.coinIcon img,.coinBig img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}.signinBox{background:linear-gradient(180deg,#fff,#f8f5ff)!important;border:1px solid #eeeaff!important}.signinReward{color:var(--brandPurple2)!important}.signinBox .primaryBtn{height:48px!important}
@keyframes bottomSheetAppear{from{opacity:.4;transform:translateY(72px)}to{opacity:1;transform:translateY(0)}}
.adminBody{background:#f5f2ff!important;color:#111735!important;display:block!important}.adminSide{background:#fff!important;border:1px solid #e3dcff!important;box-shadow:0 20px 55px rgba(42,35,120,.10)!important}.adminBrand b,.adminMain h1,.adminPanel h2{color:#151737!important}.adminBrand span,.adminHeader p,.muted{color:#697089!important}.adminSide a{color:#252a56!important;border-radius:14px!important}.adminSide a .icon{color:var(--brandPurple1)!important}.adminSide a.active{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important;color:#fff!important;box-shadow:0 10px 26px rgba(80,62,190,.22)!important}.adminSide a.active .icon{color:#fff!important}.adminHeader,.adminPanel{background:#fff!important;border:1px solid #e3dcff!important;box-shadow:0 18px 50px rgba(50,44,130,.08)!important;color:#111735!important}.adminForm input,.adminForm textarea,.adminForm select,table input,table select{background:#f8f7ff!important;border:1px solid #dcd6ff!important;color:#111735!important}.adminForm input:focus,.adminForm textarea:focus,.adminForm select:focus,table input:focus,table select:focus{outline:none!important;border-color:var(--brandPurple2)!important;box-shadow:0 0 0 4px rgba(124,82,200,.12)!important}.adminPanel button,.adminAdd,.openSite,.adminLink.buttonLike{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important;color:#fff!important;border:0!important;border-radius:14px!important}.adminLink{color:var(--brandPurple1)!important}.dangerLink{color:#ef3c54!important}.tableWrap table{background:#fff!important;color:#111735!important}.tableWrap th{background:#f3efff!important;color:#4b4e73!important}.tableWrap td{border-color:#ece8ff!important}.adminStats article,.adminCard{background:linear-gradient(135deg,#ffffff,#f4f0ff)!important;border:1px solid #e3dcff!important;color:#111735!important}.adminStats article span,.adminCard span{color:#677089!important}.successBox{background:#eefdf4!important;color:#0d7e42!important;border:1px solid #bdeece!important}.errorBox{background:#fff0f2!important;color:#d51d32!important;border:1px solid #ffd0d7!important}.adminAccordion{border:1px solid #e4ddff;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(52,45,130,.06);margin:14px 0;overflow:hidden}.adminAccordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:15px 17px;font-weight:900;color:#111735;background:linear-gradient(90deg,#fff,#f6f3ff)}.adminAccordion summary::-webkit-details-marker{display:none}.adminAccordion summary:after{content:'Edit';margin-left:auto;border-radius:999px;padding:8px 13px;background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2));color:#fff;font-size:12px}.adminAccordion[open] summary:after{content:'Close'}.adminAccordion .adminAccordionBody{padding:16px 17px 18px;border-top:1px solid #eeeaff}.adminPreviewRow{display:flex;align-items:center;gap:14px;min-width:0}.adminPreviewRow img{width:58px;height:58px;border-radius:14px;object-fit:cover;background:#eef1fb}.adminPreviewRow b{font-size:16px}.adminPreviewRow span{display:block;font-size:12px;color:#697089;margin-top:3px}.cardActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.cardActions .delete{color:#ef3c54;font-weight:900;text-decoration:none}.colorGrid label{background:#fff!important;border-color:#e2dcff!important}.colorSwatchText{font-size:12px;color:#6b7189;grid-column:1/3}.activeCurrencies span{background:#f7f4ff!important;border:1px solid #e3dcff!important;color:#111735!important}.statusPill.approved{background:#eafaf1!important;color:#08783d}.statusPill.pending{background:#fff8dd!important;color:#886500}.statusPill.rejected{background:#ffeef1!important;color:#bd1e35}.userProfileStrip{display:flex;align-items:center;gap:16px;background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2));color:#fff;border-radius:22px;padding:18px;margin:0 0 18px}.userProfileStrip img{width:74px;height:74px;border-radius:18px;background:#fff;object-fit:cover;padding:3px}.userProfileStrip h2{margin:0;color:#fff!important}.userProfileStrip p{margin:4px 0 0;color:rgba(255,255,255,.82)}.adminMiniGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:14px 0}.adminMiniGrid article{background:#fff;border:1px solid #e3dcff;border-radius:16px;padding:14px}.adminMiniGrid span{display:block;color:#6c7288;font-size:12px}.adminMiniGrid b{font-size:22px}.purplePill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;background:#f1ecff;color:var(--brandPurple1);font-weight:900}.adminForm .full{grid-column:1/-1}.adminSaveBar{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.adminSaveBar button{min-width:120px}.pageEdit,.planEdit,.levelEdit,.currencyEdit{background:#fff!important;border-color:#e4ddff!important}.hiddenSoft{display:none!important}
@media(max-width:700px){.adminMain{padding:14px!important}.adminSide{position:relative!important;width:auto!important;margin:10px!important}.adminBody{display:block!important}.adminAccordion summary{align-items:flex-start}.formGrid{grid-template-columns:1fr!important}.appTop .brandMini b{font-size:20px!important}.homeContent{padding-left:14px!important;padding-right:14px!important}.taskHallRow{grid-template-columns:82px 1fr 110px!important}.taskHallRow .vipThumb{width:82px!important;height:76px!important}}
/* Final professional polish: compact layout, smaller language pill, centered messages and task progress */
:root{--brandPurple1:#3939a9;--brandPurple2:#7c52c8;}
.phone.appPhone{min-height:auto!important;padding-bottom:76px!important;}
.simplePage,.teamContent,.currencyList,.vipList,.premiumVipList{padding-bottom:82px!important;}
.sectionCard:last-child,.infoList:last-child,.meButtonList:last-child,.instructionBox:last-child{margin-bottom:10px!important;}
.authCard{margin-bottom:28px!important;}
.authCard .successBox,.authCard .toast.success{transition:opacity .35s ease, transform .35s ease;}
.authCard .toast.hide,.authCard .successBox.hide{opacity:0!important;transform:translateY(-8px)!important;}
.languagePill{height:34px!important;min-width:96px!important;padding:0 11px!important;grid-template-columns:18px auto 14px!important;gap:5px!important;border-width:1px!important;font-size:12px!important;}
.languagePill .icon{width:18px!important;height:18px!important;}
.languagePill span{font-size:12.5px!important;font-weight:800!important;}
.languagePill b{font-size:15px!important;line-height:1!important;align-self:center!important;margin-top:0!important;}
.authLang{top:22px!important;right:18px!important;}
.appTop .languagePill{height:32px!important;min-width:92px!important;padding:0 10px!important;}
.appTop{height:66px!important;padding:10px 15px!important;}
.brandMini img{width:40px!important;height:40px!important;}
.brandMini b{font-size:20px!important;}
.homeHero{padding-bottom:50px!important;}
.homeContent{margin-top:-34px!important;}
.balanceCard{margin-bottom:12px!important;padding:15px 18px 16px!important;border-radius:19px!important;}
.balanceCard b{font-size:21px!important;margin-top:5px!important;}
.balanceCard button{height:42px!important;font-size:15px!important;cursor:pointer!important;}
.actionTile{min-height:74px!important;font-size:12.5px!important;gap:7px!important;border-radius:15px!important;}
.actionTile .icon{width:22px!important;height:22px!important;}
.activitySection h2,.sectionCard h2{font-size:19px!important;text-align:left!important;}
.activityCard.proActivity{text-align:left!important;align-items:center!important;}
.activityCard.proActivity p{font-size:13px!important;}
.activityCard.proActivity button{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important;padding:9px 17px!important;}
.empty{text-align:center!important;color:#4c45b8!important;line-height:1.55!important;padding:28px 10px!important;}
.empty small{display:block;margin-top:6px;color:#6d7192!important;}
.taskPanel{min-height:210px!important;margin-bottom:8px!important;}
.taskTabs{justify-content:center!important;}
.taskTabs button{font-size:14px!important;}
.progressTask{position:relative;overflow:hidden;}
.taskProgressRunner{grid-column:1/-1;background:#eef0ff;border-radius:999px;height:12px;overflow:hidden;margin:8px 0 2px;box-shadow:inset 0 1px 2px rgba(0,0,0,.08);}
.taskProgressRunner span{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2));transition:width .2s linear;}
.taskLoadingText{grid-column:1/-1;text-align:center;font-size:12px;font-weight:800;color:var(--brandPurple1);margin-top:5px;}
.signinBox{width:min(320px,calc(100vw - 44px))!important;padding:24px 24px 22px!important;}
.signinBox h2{font-size:21px!important;margin-bottom:8px!important;line-height:1.15!important;}
.signinBox p{font-size:13px!important;line-height:1.38!important;margin-bottom:18px!important;}
.signinReward{width:92px!important;height:108px!important;border-radius:18px!important;margin:0 auto 18px!important;box-shadow:0 14px 28px rgba(78,62,184,.10)!important;}
.signinReward b{font-size:22px!important;margin-bottom:8px!important;}
.signinReward span{font-size:12.5px!important;font-weight:900!important;}
.signinBox small{display:block;margin:0 0 12px!important;font-size:12px!important;color:#373b54!important;}
.signinBox .primaryBtn{height:48px!important;border-radius:14px!important;font-size:16px!important;}
.treasureBox{text-align:center!important;}
.treasureBox p{max-width:310px!important;margin:9px auto 11px!important;text-align:center!important;line-height:1.35!important;}
.treasureBox .tips{max-width:320px!important;margin-left:auto!important;margin-right:auto!important;text-align:left!important;}
.shareBtn{background:linear-gradient(110deg,var(--brandPurple1),var(--brandPurple2))!important;color:#fff!important;cursor:pointer!important;}
.floatDock{z-index:180!important;}
.modal.show ~ .floatDock{z-index:1!important;opacity:.12!important;pointer-events:none!important;}
.periodTitle,.teamContent h2{text-align:left!important;}
.proTeamStats{display:grid!important;grid-template-columns:repeat(5,minmax(92px,1fr))!important;gap:0!important;overflow-x:auto!important;text-align:center!important;}
.proTeamStats div{min-width:92px!important;padding:10px 8px!important;}
.proTeamStats span{display:block;font-size:12px!important;color:#747891!important;white-space:nowrap!important;}
.proTeamStats b{display:block;font-size:18px!important;margin-top:5px!important;}
.bottomNav{height:66px!important;}
.bottomNav a{font-size:11px!important;}
.bottomNav a .icon{width:21px!important;height:21px!important;}
@media(max-width:480px){
.authHero{min-height:215px!important;padding-top:34px!important;}
.authLogo{width:82px!important;height:82px!important;}
.authHero h1{font-size:26px!important;margin-top:17px!important;}
.authCard{padding:20px 18px 24px!important;}
.authPanel label{font-size:16px!important;}
.inputBox{height:54px!important;border-radius:14px!important;}
.inputBox input,.inputBox select{font-size:15px!important;}
.primaryBtn{padding:14px 18px!important;font-size:16px!important;}
.phoneBox select{max-width:112px!important;font-size:14px!important;}
.homeQuick{gap:9px!important;}
.taskHallRow{grid-template-columns:78px 1fr 103px!important;min-height:86px!important;}
.taskHallRow .vipThumb{width:78px!important;height:70px!important;}
.taskHallRow em{font-size:12px!important;padding:8px!important;}
.taskHallRow em b{font-size:16px!important;}
}
/* ===== Final first-fix patch: no extra bottom gap, premium sign-in modal, safer recharge/task layout ===== */
html,body{min-height:0!important;align-items:flex-start!important;}
.phone{min-height:0!important;height:auto!important;}
.appPhone{padding-bottom:0!important;min-height:0!important;}
.homeContent,.simplePage,.teamContent,.currencyList,.vipList,.premiumVipList,.meContent{padding-bottom:12px!important;}
.sectionCard:last-child,.infoList:last-child,.meButtonList:last-child,.premiumLevels:last-child,.taskPanel:last-child,.instructionBox:last-child{margin-bottom:8px!important;}
.bottomNav{position:sticky!important;left:auto!important;bottom:0!important;transform:none!important;width:100%!important;margin-top:10px!important;z-index:95!important;}
.floatDock{position:fixed!important;}
/* small professional language pill */
.languagePill{height:30px!important;min-width:86px!important;padding:0 9px!important;grid-template-columns:16px auto 12px!important;gap:5px!important;border-radius:999px!important;}
.languagePill .icon{width:16px!important;height:16px!important;}
.languagePill span{font-size:12px!important;}
.languagePill b{font-size:13px!important;transform:none!important;}
.appTop .languagePill{height:30px!important;min-width:86px!important;padding:0 9px!important;}
.authLang{top:20px!important;right:18px!important;}
/* remove old success/error message after animation and make it not take space */
.toast.hide,.successBox.hide{display:none!important;}
/* Premium sign-in reward popup, same brand colors */
.signinBox{width:min(380px,calc(100vw - 38px))!important;border-radius:30px!important;padding:28px 26px 26px!important;overflow:hidden!important;background:radial-gradient(circle at 50% -20%,rgba(255,104,213,.28),transparent 42%),linear-gradient(180deg,#17113b 0%,#211257 52%,#130d37 100%)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 26px 80px rgba(12,8,40,.56), inset 0 1px 0 rgba(255,255,255,.18)!important;color:#fff!important;}
.signinBox:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.06) 43% 53%,transparent 54%);pointer-events:none;}
.signinBox .closeX{right:14px!important;top:14px!important;width:34px!important;height:34px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font-size:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.signinBox h2{font-size:24px!important;line-height:1.12!important;color:#fff!important;margin:8px auto 12px!important;max-width:270px!important;}
.signinBox h2::first-line{font-size:22px!important;}
.signinBox p{color:rgba(255,255,255,.72)!important;font-size:14px!important;line-height:1.45!important;margin:0 auto 18px!important;max-width:270px!important;}
.signinReward{width:min(270px,100%)!important;height:auto!important;min-height:145px!important;border-radius:24px!important;margin:24px auto 18px!important;background:linear-gradient(180deg,rgba(245,72,220,.18),rgba(105,79,255,.22))!important;border:1px solid rgba(255,118,228,.55)!important;box-shadow:0 0 0 1px rgba(131,87,255,.3),0 20px 44px rgba(67,38,160,.38),inset 0 1px 0 rgba(255,255,255,.14)!important;color:#fff!important;position:relative!important;}
.signinReward:before{content:'BEST VALUE';position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:linear-gradient(110deg,#ff5fd2,#7a57ff);color:#fff;border-radius:12px;padding:8px 28px;font-size:13px;font-weight:900;letter-spacing:.5px;box-shadow:0 10px 24px rgba(0,0,0,.28);}
.signinReward b{font-size:48px!important;line-height:1!important;background:linear-gradient(110deg,#ff7bd8,#8a6bff);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:0 10px 28px rgba(255,92,211,.12);margin-top:18px!important;}
.signinReward span{font-size:24px!important;color:#fff!important;font-weight:900!important;margin-top:14px!important;}
.signinBox small{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;margin:0 auto 14px!important;color:rgba(255,255,255,.80)!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.04)!important;border-radius:16px!important;padding:10px 12px!important;max-width:270px!important;}
.signinBox small:before{content:'📅';font-size:16px;}
.signinBox small b{color:#ff76d7!important;font-size:16px!important;}
.signinBox .primaryBtn{height:54px!important;border-radius:999px!important;background:linear-gradient(110deg,#4a3fff,#ff4db5)!important;font-size:18px!important;box-shadow:0 16px 40px rgba(255,78,181,.25)!important;}
.signinBox .primaryBtn:before{content:'↪';margin-right:12px;font-size:22px;vertical-align:-1px;}
/* Task progress card: keep available task visible and attractive */
.taskHero{margin-bottom:14px!important;}
.taskPanel{min-height:auto!important;padding-bottom:20px!important;}
.progressTask{border-radius:18px!important;background:linear-gradient(135deg,#fff,#f6f3ff)!important;border:1px solid rgba(75,62,184,.10)!important;box-shadow:0 15px 34px rgba(48,41,135,.08)!important;}
.progressTask button{border-radius:999px!important;}
.taskProgressRunner{height:14px!important;background:#e9e8fb!important;}
.taskLoadingText{font-size:13px!important;}
/* Recharge pages should come up like a sheet and not leave a huge blank */
.currencyList{min-height:0!important;padding:16px 18px 12px!important;}
.rechargeSheet{margin:14px 16px 12px!important;padding:18px!important;}
.instructionBox{margin:10px 16px 12px!important;padding:16px!important;}
.rechargeForm input{height:48px!important;}
.rechargeForm button{margin-top:10px!important;}
/* nicer centered messages */
.empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:110px!important;text-align:center!important;border-radius:18px!important;background:linear-gradient(135deg,#ffffff,#f8f6ff)!important;}
.empty.small{min-height:auto!important;background:transparent!important;}
@media(max-width:480px){
.signinBox{width:calc(100vw - 46px)!important;padding:24px 22px 22px!important;border-radius:26px!important;}
.signinReward{min-height:128px!important;margin-top:22px!important;}
.signinReward b{font-size:38px!important;}
.signinReward span{font-size:20px!important;}
.bottomNav{height:64px!important;}
}
/* ===== HARD FIX: bottom navigation and task completion sheet ===== */
/* Stop the bottom bar from sticking to the viewport and creating a huge empty gap. */
.phone.appPhone{min-height:0!important;height:auto!important;padding-bottom:0!important;display:block!important;}
.homeContent,.simplePage,.teamContent,.currencyList,.vipList,.premiumVipList,.meContent{padding-bottom:0!important;margin-bottom:0!important;}
.meButtonList{padding-bottom:0!important;margin-bottom:0!important;}
.taskPanel,.sectionCard,.infoList,.premiumLevels,.instructionBox{margin-bottom:10px!important;}
.bottomNav{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:64px!important;margin:8px 0 0!important;border-radius:22px 22px 0 0!important;}
.bottomNav a{min-height:64px!important;}
@media(max-width:480px){.bottomNav{height:62px!important}.bottomNav a{min-height:62px!important}}
/* Make short pages finish cleanly right after the last card. */
body{align-items:flex-start!important;}
.empty{min-height:82px!important;padding:20px 10px!important;}
/* Bottom-up task completion popup */
.taskSheetBackdrop{position:fixed;inset:0;background:rgba(7,8,24,.58);backdrop-filter:blur(3px);z-index:160;opacity:0;pointer-events:none;transition:.24s ease;}
.taskSheetBackdrop.show{opacity:1;pointer-events:auto;}
.taskCompleteSheet{position:fixed;left:50%;bottom:0;width:min(430px,100vw);transform:translate(-50%,110%);z-index:161;background:linear-gradient(180deg,#ffffff,#f8f5ff);border-radius:28px 28px 0 0;padding:22px 22px 26px;box-shadow:0 -24px 70px rgba(23,16,84,.32);transition:transform .32s cubic-bezier(.21,.88,.32,1);border:1px solid rgba(83,66,185,.14);}
.taskCompleteSheet.show{transform:translate(-50%,0);}
.taskCompleteSheet .sheetHandle{width:54px;height:5px;border-radius:99px;background:#d9d7ed;margin:0 auto 16px;}
.taskCompleteSheet h2{font-size:22px;line-height:1.2;margin:0;text-align:center;color:#081338;}
.taskCompleteSheet p{margin:7px auto 18px;text-align:center;color:#6a7087;font-size:14px;line-height:1.4;max-width:310px;}
.taskStatusCard{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;border-radius:20px;background:linear-gradient(135deg,#f2efff,#ffffff);padding:13px;margin-bottom:16px;border:1px solid rgba(84,67,185,.10);}
.taskStatusCard img{width:64px;height:64px;border-radius:15px;object-fit:cover;background:#eef4f3;}
.taskStatusCard b{display:block;font-size:16px;color:#081338;}
.taskStatusCard span{display:block;font-size:13px;color:#6d738c;margin-top:4px;}
.sheetProgress{height:15px;border-radius:999px;background:#e9e8fb;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.08);}
.sheetProgress span{display:block;width:0%;height:100%;border-radius:999px;background:linear-gradient(110deg,var(--brandPurple1,#3939a9),var(--brandPurple2,#7c52c8));transition:width .2s linear;}
.sheetProgressText{text-align:center;font-size:13px;font-weight:900;color:var(--brandPurple1,#3939a9);margin-top:12px;}
.taskCompleteSheet .doneIcon{width:54px;height:54px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(110deg,var(--brandPurple1,#3939a9),var(--brandPurple2,#7c52c8));color:#fff;display:none;align-items:center;justify-content:center;font-size:28px;font-weight:900;box-shadow:0 16px 30px rgba(70,56,180,.28);}
.taskCompleteSheet.finished .doneIcon{display:flex;}
.taskCompleteSheet.finished .sheetProgressText{color:#0b9b54;}
/* ===== FINAL HARD FIX 2026-07: fixed mobile viewport, sticky bars, compact sign-in, working task sheet ===== */
html,body{
width:100%!important;
height:100%!important;
min-height:100%!important;
margin:0!important;
overflow:hidden!important;
display:flex!important;
justify-content:center!important;
align-items:flex-start!important;
background:#858585!important;
}
.phone{
width:min(100vw,430px)!important;
height:100dvh!important;
min-height:100dvh!important;
max-height:100dvh!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
position:relative!important;
background:linear-gradient(180deg,#eef5ff,#e7f4ee)!important;
padding-bottom:0!important;
scrollbar-gutter:stable both-edges;
}
.appPhone{height:100dvh!important;min-height:100dvh!important;padding-bottom:0!important;}
.appTop{
position:sticky!important;
top:0!important;
z-index:120!important;
height:62px!important;
padding:10px 16px!important;
border-radius:0!important;
}
.brandMini img{width:39px!important;height:39px!important;}
.brandMini b{font-size:18px!important;line-height:1.1!important;}
.languagePill,
.appTop .languagePill{
height:30px!important;
min-width:92px!important;
padding:0 10px!important;
gap:6px!important;
font-size:12px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
.languagePill .icon,.appTop .languagePill .icon{width:15px!important;height:15px!important;flex:0 0 15px!important;}
.languagePill span,.appTop .languagePill span{font-size:12px!important;line-height:1!important;}
.languagePill b,.appTop .languagePill b{font-size:13px!important;line-height:1!important;margin:0!important;display:inline-flex!important;align-items:center!important;}
.homeContent,.simplePage,.teamContent,.currencyList,.vipList,.premiumVipList,.meContent{
padding-bottom:10px!important;
margin-bottom:0!important;
min-height:0!important;
}
.sectionCard,.taskPanel,.infoList,.premiumLevels,.meButtonList,.instructionBox,.rechargeSheet{margin-bottom:10px!important;}
.sectionCard:last-child,.infoList:last-child,.meButtonList:last-child,.taskPanel:last-child,.premiumLevels:last-child,.currencyList:last-child,.simplePage:last-child{margin-bottom:0!important;}
.bottomNav{
position:sticky!important;
bottom:0!important;
left:0!important;
right:0!important;
z-index:130!important;
width:100%!important;
height:68px!important;
margin:8px 0 0!important;
border-radius:22px 22px 0 0!important;
background:rgba(255,255,255,.96)!important;
backdrop-filter:blur(18px)!important;
box-shadow:0 -12px 35px rgba(31,45,90,.10)!important;
display:grid!important;
grid-template-columns:repeat(5,1fr)!important;
transform:none!important;
}
.bottomNav a{height:68px!important;min-height:68px!important;padding:7px 0 6px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-decoration:none!important;color:#98a1b3!important;font-weight:800!important;font-size:11px!important;}
.bottomNav a .icon{width:22px!important;height:22px!important;}
.bottomNav a.active{color:var(--primary,#3939a9)!important;}
.bottomNav a.active:before{top:0!important;width:32px!important;height:3px!important;background:var(--primary,#3939a9)!important;}
.floatDock{z-index:118!important;}
.modal.show ~ .floatDock,.modal.show + .floatDock{z-index:70!important;}
/* compact white + purple sign-in reward */
#signinModal .signinBox{
width:min(340px,calc(100vw - 42px))!important;
padding:20px 20px 22px!important;
border-radius:24px!important;
background:linear-gradient(180deg,#fff,#f7f3ff)!important;
color:#081338!important;
border:1px solid rgba(75,62,184,.14)!important;
box-shadow:0 28px 80px rgba(24,20,70,.35)!important;
}
#signinModal .signinBox:before{display:none!important;}
#signinModal .signinBox .closeX{top:10px!important;right:12px!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#fff!important;color:var(--primary,#3939a9)!important;border:1px solid #dedcf4!important;font-size:22px!important;}
#signinModal .signinBox h2{font-size:22px!important;line-height:1.15!important;color:#081338!important;margin:8px auto 8px!important;max-width:260px!important;text-align:center!important;}
#signinModal .signinBox p{font-size:13px!important;color:#667084!important;max-width:260px!important;margin:0 auto 14px!important;text-align:center!important;line-height:1.4!important;}
#signinModal .signinReward{
width:210px!important;
min-height:118px!important;
margin:22px auto 14px!important;
border-radius:20px!important;
background:linear-gradient(135deg,#ffffff,#f2ebff)!important;
border:1px solid rgba(124,82,200,.22)!important;
box-shadow:0 14px 34px rgba(80,61,184,.13)!important;
}
#signinModal .signinReward:before{
content:'BEST VALUE'!important;
top:-16px!important;
padding:7px 22px!important;
border-radius:11px!important;
background:linear-gradient(110deg,var(--primary,#3939a9),var(--secondary,#7c52c8))!important;
font-size:12px!important;
}
#signinModal .signinReward b{font-size:38px!important;background:linear-gradient(110deg,var(--secondary,#7c52c8),#e152ba)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;margin-top:18px!important;}
#signinModal .signinReward span{font-size:20px!important;color:var(--primary,#3939a9)!important;margin-top:10px!important;}
#signinModal .signinBox small{max-width:230px!important;margin:0 auto 12px!important;padding:8px 12px!important;border-radius:14px!important;background:#fff!important;border:1px solid #eceafb!important;color:#5d647d!important;}
#signinModal .signinBox small b{color:var(--secondary,#7c52c8)!important;font-size:15px!important;}
#signinModal .primaryBtn{height:50px!important;border-radius:999px!important;background:linear-gradient(110deg,var(--primary,#3939a9),var(--secondary,#7c52c8))!important;color:#fff!important;font-size:16px!important;box-shadow:0 15px 32px rgba(75,62,184,.24)!important;}
/* task popup over fixed phone viewport */
.taskSheetBackdrop{z-index:220!important;}
.taskCompleteSheet{
z-index:221!important;
width:min(430px,100vw)!important;
max-height:82dvh!important;
overflow:auto!important;
background:linear-gradient(180deg,#fff,#f7f4ff)!important;
}
.sheetProgress span{background:linear-gradient(110deg,var(--primary,#3939a9),var(--secondary,#7c52c8))!important;}
/* recharge bottom-sheet feel */
.currencyList.sheetLike{padding:16px 18px 10px!important;}
.currencyRow{min-height:70px!important;border-radius:16px!important;}
.rechargeSheet{animation:sheetUp .28s ease both!important;}
@keyframes sheetUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){
.phone{width:100vw!important;}
.appTop{height:60px!important;}
.bottomNav,.bottomNav a{height:66px!important;min-height:66px!important;}
}
/* ===== TRUE FIXED BOTTOM NAV INSIDE PHONE VIEWPORT ===== */
.phone.appPhone{padding-bottom:74px!important;}
.bottomNav{
position:fixed!important;
left:50%!important;
right:auto!important;
bottom:0!important;
transform:translateX(-50%)!important;
width:min(100vw,430px)!important;
max-width:430px!important;
margin:0!important;
z-index:180!important;
}
/* keep floating buttons above page content but below modals */
.floatDock{z-index:150!important;}
.modal.show{z-index:210!important;}
.modal.show .treasureBox,.modal.show .signinBox,.modal.show .annBox,.modal.show .unlockBox{z-index:211!important;}
/* ===== FINAL 1-TIME LAYOUT + TASK + RECHARGE FIX ===== */
html, body{
margin:0!important;
width:100%!important;
min-height:100%!important;
background:linear-gradient(180deg,#eef5ff 0%,#e7f4ee 100%)!important;
display:flex!important;
justify-content:center!important;
align-items:flex-start!important;
overflow:hidden!important;
}
.phone{
width:min(100vw,430px)!important;
height:100dvh!important;
min-height:100dvh!important;
max-height:100dvh!important;
overflow-y:auto!important;
overflow-x:hidden!important;
position:relative!important;
background:linear-gradient(180deg,#eef5ff 0%,#e7f4ee 100%)!important;
padding-bottom:74px!important;
scrollbar-gutter:auto!important;
box-sizing:border-box!important;
}
.phone.appPhone{height:100dvh!important;min-height:100dvh!important;padding-bottom:74px!important;}
.appTop{
position:sticky!important;
top:0!important;
left:0!important;
right:0!important;
width:100%!important;
z-index:190!important;
height:58px!important;
min-height:58px!important;
padding:9px 15px!important;
border-radius:0!important;
box-sizing:border-box!important;
}
.brandMini img{width:38px!important;height:38px!important;flex:0 0 38px!important;}
.brandMini b{font-size:17px!important;line-height:1.05!important;}
.languagePill,.appTop .languagePill{
height:30px!important;
min-width:92px!important;
padding:0 10px!important;
gap:6px!important;
border-radius:999px!important;
font-size:12px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
grid-template-columns:none!important;
}
.languagePill .icon,.appTop .languagePill .icon{width:15px!important;height:15px!important;flex:0 0 15px!important;}
.languagePill span,.appTop .languagePill span{font-size:12px!important;line-height:1!important;font-weight:800!important;}
.languagePill b,.appTop .languagePill b{font-size:13px!important;line-height:1!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.homeContent,.simplePage,.teamContent,.currencyList,.vipList,.premiumVipList,.meContent{
padding-bottom:12px!important;
margin-bottom:0!important;
min-height:0!important;
}
.sectionCard,.taskPanel,.infoList,.premiumLevels,.meButtonList,.instructionBox,.rechargeSheet{margin-bottom:12px!important;}
.bottomNav{
position:fixed!important;
left:50%!important;
right:auto!important;
bottom:0!important;
transform:translateX(-50%)!important;
width:min(100vw,430px)!important;
max-width:430px!important;
height:66px!important;
min-height:66px!important;
margin:0!important;
z-index:205!important;
border-radius:22px 22px 0 0!important;
background:rgba(255,255,255,.97)!important;
backdrop-filter:blur(18px)!important;
box-shadow:0 -12px 34px rgba(31,45,90,.12)!important;
}
.bottomNav a{height:66px!important;min-height:66px!important;font-size:11px!important;padding:6px 0!important;}
.bottomNav a .icon{width:21px!important;height:21px!important;}
.floatDock{z-index:160!important;}
.modal.show ~ .floatDock{z-index:90!important;opacity:.16!important;pointer-events:none!important;}
.empty{min-height:58px!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;color:var(--primary,#3939a9)!important;}
/* Task panel values should never overflow under floating buttons */
.progressTask{grid-template-columns:120px minmax(0,1fr)!important;position:relative!important;padding-right:10px!important;}
.progressTask>div:nth-child(2){min-width:0!important;}
.progressTask p{display:flex!important;justify-content:space-between!important;gap:10px!important;max-width:100%!important;}
.progressTask button{grid-column:1/-1!important;margin-top:8px!important;width:100%!important;}
.taskCompleteSheet{
width:min(430px,100vw)!important;
max-height:82dvh!important;
overflow:auto!important;
z-index:260!important;
background:linear-gradient(180deg,#ffffff,#f8f5ff)!important;
}
.taskSheetBackdrop{z-index:259!important;}
.sheetProgress{height:16px!important;background:#ebe9ff!important;}
.sheetProgress span{background:linear-gradient(110deg,var(--primary,#3939a9),var(--secondary,#7c52c8))!important;transition:width .18s linear!important;}
/* Sign in popup: compact, white/purple, no Best Value tag */
#signinModal .signinBox{width:min(320px,calc(100vw - 44px))!important;padding:18px 18px 20px!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#f8f5ff)!important;color:#081338!important;}
#signinModal .signinReward{width:190px!important;min-height:106px!important;margin:14px auto 12px!important;border-radius:18px!important;}
#signinModal .signinReward:before{display:none!important;content:none!important;}
#signinModal .signinReward b{font-size:32px!important;margin:12px 0 6px!important;}
#signinModal .signinReward span{font-size:18px!important;}
#signinModal .signinBox small{margin:8px auto 12px!important;}
#signinModal .primaryBtn{height:48px!important;border-radius:999px!important;background:linear-gradient(110deg,var(--primary,#3939a9),var(--secondary,#7c52c8))!important;color:#fff!important;}
/* Recharge opens like a bottom sheet, then becomes a normal page while scrolling */
.currencyList.sheetLike{animation:sheetUpStrong .26s ease both!important;padding:16px 18px 82px!important;}
.rechargeSheet{animation:sheetUpStrong .3s ease both!important;border-radius:24px 24px 18px 18px!important;margin:18px 16px 12px!important;}
.rechargeForm button,.greenBtn{background:linear-gradient(110deg,var(--primary,#3939a9),var(--secondary,#7c52c8))!important;color:#fff!important;}
.rechargeLoadingSheet{padding:22px!important;border-radius:28px 28px 0 0!important;}
@keyframes sheetUpStrong{from{opacity:.35;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){
.phone{width:100vw!important;}
.bottomNav{width:100vw!important;}
.appTop{height:56px!important;min-height:56px!important;}
.brandMini b{font-size:16px!important;}
.languagePill,.appTop .languagePill{min-width:86px!important;height:28px!important;}
}
/* ===== FINAL CONNECTED FLOW POLISH ===== */
*{font-weight:400}
b,strong,h1,h2,h3,.brandMini b,.segBtn,.primaryBtn,.greenBtn,.meMenuItem span,.taskHallRow div b,.vipCard b{font-weight:650!important}
body{overflow:hidden!important;}
.phone{width:min(100vw,430px)!important;height:100dvh!important;min-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:78px!important;background:linear-gradient(180deg,#eef5ff,#e7f4ee)!important;}
.appTop{position:sticky!important;top:0!important;width:100%!important;height:56px!important;min-height:56px!important;z-index:220!important;background:linear-gradient(110deg,var(--primary),var(--secondary))!important;}
.appTop .languagePill,.languagePill{height:28px!important;min-width:88px!important;padding:0 9px!important;font-size:12px!important;gap:5px!important;}
.languagePill .icon{width:15px!important;height:15px!important}.languagePill span{font-size:12px!important}.languagePill b{font-size:14px!important;line-height:1!important}
.bottomNav{position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100vw,430px)!important;height:66px!important;z-index:240!important;margin:0!important;background:rgba(255,255,255,.98)!important;border-radius:22px 22px 0 0!important;box-shadow:0 -12px 34px rgba(31,45,90,.13)!important;}
.bottomNav a{height:66px!important;font-size:11px!important;font-weight:600!important}.bottomNav a .icon{width:21px!important;height:21px!important}.bottomNav a.active{color:var(--primary)!important}.bottomNav a.active:before{background:var(--primary)!important}
.homeContent,.simplePage,.teamContent,.currencyList,.vipList,.premiumVipList,.meContent{padding-bottom:10px!important;margin-bottom:0!important;min-height:0!important}.sectionCard:last-child,.taskPanel:last-child,.infoList:last-child,.meButtonList:last-child{margin-bottom:0!important}
.floatDock{z-index:170!important}.modal.show ~ .floatDock{z-index:90!important;opacity:.15!important;pointer-events:none!important}.menuBadge{background:#ff3b5c;color:#fff;border-radius:999px;font-size:11px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-style:normal;margin-left:auto}.meMenuItem{grid-template-columns:24px 1fr auto 28px!important;min-height:51px!important;font-weight:600!important}.meMenuItem span{font-weight:650!important}.meMenuItem:not(:has(.menuBadge)){grid-template-columns:24px 1fr 28px!important}
.phoneBox select{max-width:116px!important;min-width:96px!important;font-size:14px!important}.toast{font-weight:650!important;border-radius:14px!important;line-height:1.35!important}.toast.hide{opacity:0;transform:translateY(-8px);transition:.35s}
.infoRow{font-weight:500!important}.infoRow span{font-weight:550!important}.pageBody{font-size:14px;line-height:1.65;color:#25304c}.pageBody h1,.pageBody h2,.pageBody h3{font-weight:650;color:#071131}
.walletSetup:not(.show) .walletEditForm{display:none!important}.walletEditForm{display:none}.walletEditForm.show{display:grid!important}.walletSummary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f5f3ff;border:1px solid #e4ddff;border-radius:16px;padding:14px}.walletSummary span{font-size:12px;color:#6c738c}.walletSummary b{display:block;color:#11183a}.walletSummary small{display:block;color:#667084;word-break:break-all;margin-top:4px}.walletSummary button{border:0;border-radius:999px;padding:9px 14px;color:#fff;background:linear-gradient(110deg,var(--primary),var(--secondary));font-weight:650}.withdrawBalance{background:linear-gradient(135deg,#f7f5ff,#fff);border:1px solid #e6e0ff;border-radius:16px;padding:15px;margin-bottom:12px;display:flex;justify-content:space-between}.withdrawRecords h3{margin:16px 0 8px;font-size:16px}.teamReportPage .compact{grid-template-columns:repeat(3,1fr)!important}.teamMemberRow{background:#f7f8fc;border:1px solid #edf0f7;border-radius:14px;padding:12px;margin:10px 0;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.teamMemberRow b{font-weight:650}.teamMemberRow small{display:block;color:#788199}.teamMemberRow span{color:var(--primary);font-weight:650}.teamMemberRow em{font-style:normal;color:#11183a}
.progressTask{grid-template-columns:112px minmax(0,1fr)!important;padding-right:12px!important}.progressTask button{grid-column:1/-1!important}.progressTask p b,.completedTask p b{font-weight:600!important}.taskCompleteSheet{position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%) translateY(100%)!important;width:min(430px,100vw)!important;background:#fff!important;border-radius:26px 26px 0 0!important;box-shadow:0 -18px 60px rgba(20,26,80,.26)!important;padding:20px!important;z-index:290!important;transition:.28s!important}.taskCompleteSheet.show{transform:translateX(-50%) translateY(0)!important}.taskSheetBackdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.55)!important;z-index:289!important;display:none}.taskSheetBackdrop.show{display:block!important}.sheetProgress{height:15px!important;border-radius:999px!important;background:#ece9ff!important;overflow:hidden}.sheetProgress span{height:100%!important;border-radius:999px!important;background:linear-gradient(110deg,var(--primary),var(--secondary))!important;display:block!important;width:0}.rechargePreviewSheet{position:fixed;left:50%;bottom:0;transform:translateX(-50%) translateY(100%);width:min(430px,100vw);background:#fff;border-radius:28px 28px 0 0;padding:22px;z-index:285;box-shadow:0 -20px 60px rgba(20,26,80,.28);transition:.28s}.rechargePreviewSheet.show{transform:translateX(-50%) translateY(0)}.rechargePreviewSheet.lift{transform:translateX(-50%) translateY(-10px)}.rechargePreviewSheet h2{margin:4px 0 6px;text-align:center}.rechargePreviewSheet p{text-align:center;color:#667084;margin:0 0 16px}.currencyList{padding-bottom:86px!important}.rechargeSheet{border-radius:26px 26px 18px 18px!important;animation:sheetUpStrong .3s ease both!important}.greenBtn,.activityCard button{background:linear-gradient(110deg,var(--primary),var(--secondary))!important;color:#fff!important}
#signinModal .signinBox{width:min(318px,calc(100vw - 44px))!important;background:#fff!important;border:1px solid #eeeaff!important;border-radius:24px!important;padding:20px 18px!important;color:#081338!important}#signinModal .signinReward:before{display:none!important}#signinModal .signinReward{width:190px!important;min-height:106px!important;background:linear-gradient(135deg,#fff,#f5eeff)!important}#signinModal .signinReward b{font-size:31px!important}#signinModal .signinReward span{font-size:18px!important;color:var(--primary)!important}.signinBox small{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.signinBox .primaryBtn{background:linear-gradient(110deg,var(--primary),var(--secondary))!important;color:#fff!important}
@media(max-width:480px){.phone,.bottomNav{width:100vw!important}.appTop{height:54px!important}.brandMini b{font-size:16px!important}.brandMini img{width:36px!important;height:36px!important}.simplePage{padding:12px!important}.sectionCard{padding:16px!important}.floatDock{right:8px!important}}
/* final mobile polish */
body{font-weight:400}
h1,h2,h3,b,strong,.primaryBtn,.greenBtn{font-weight:600}
.appTop{position:sticky;top:0;z-index:500;width:100%;background:linear-gradient(90deg,var(--primary),var(--secondary))}
.bottomNav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:600;width:min(100vw,430px);padding-bottom:env(safe-area-inset-bottom);background:#fff}
.phone{padding-bottom:82px}
.languagePill{font-size:13px;padding:8px 12px;gap:5px}
.floatDock,.floatFixed{z-index:700}
.sheetLike,.modal .unlockBox{animation:sheetUp .35s ease}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.vipUnlockBtn{font-weight:500!important;font-size:14px}
/* 2026-07-13 focused fixes: clickable recharge sheet, true unread notifications, movable dock */
.rechargeLoadingBackdrop{
position:fixed!important;inset:0!important;display:block!important;
background:rgba(11,16,37,.52)!important;backdrop-filter:blur(2px)!important;
z-index:2600!important;
}
.rechargePreviewSheet{
z-index:2601!important;pointer-events:auto!important;
width:min(430px,100vw)!important;box-sizing:border-box!important;
padding:22px 22px calc(24px + env(safe-area-inset-bottom))!important;
background:#fff!important;color:#111735!important;
}
.rechargePreviewSheet .primaryBtn{pointer-events:auto!important;opacity:1!important;cursor:pointer!important;}
.rechargeSheetClose{position:absolute;right:16px;top:13px;width:34px;height:34px;border:0;border-radius:50%;background:#f1effb;color:var(--primary,#3939a9);font-size:24px;line-height:1;cursor:pointer;}
.floatDock{pointer-events:auto!important;touch-action:none!important;user-select:none!important;cursor:grab!important;}
.floatDock.dragging{cursor:grabbing!important;}
.floatDock button,.floatDock .floatFixed{touch-action:none!important;}
.notificationHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.notificationHeader h2{margin:0}.notificationHeader span{font-size:12px;color:#7b8296;background:#f2efff;border-radius:999px;padding:7px 10px}.notificationPage{display:grid;gap:10px}.noticeRow{display:grid;grid-template-columns:10px 1fr;gap:11px;align-items:start;padding:14px;border-radius:16px;background:#f7f7fb;border:1px solid #eceaf7}.noticeRow.unread{background:#f3efff;border-color:#dcd4ff}.noticeDot{width:8px;height:8px;border-radius:50%;background:#b7bdca;margin-top:6px}.noticeRow.unread .noticeDot{background:linear-gradient(135deg,var(--primary,#3939a9),var(--secondary,#7c52c8));box-shadow:0 0 0 4px rgba(124,82,200,.12)}.noticeRow b{font-weight:650}.noticeRow p{margin:5px 0 7px;color:#566078;line-height:1.45}.noticeRow small{color:#8a91a3}.noticeEmpty{padding:28px 8px!important;color:#7f8799!important}
/* ===== 2026-08-28 requested UI fixes ===== */
/* Modal controls must never sit below the sticky app header. */
.modal.show{z-index:5000!important;}
#treasureModal{padding:14px!important;align-items:center!important;}
#treasureModal .treasureBox{max-height:calc(100dvh - 88px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:42px 4px 8px!important;scrollbar-width:none!important;}
#treasureModal .treasureBox::-webkit-scrollbar{display:none!important;}
#treasureModal .treasureBox .closeX{top:4px!important;right:6px!important;z-index:20!important;position:absolute!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:var(--primary,#3939a9)!important;border:2px solid rgba(57,57,169,.16)!important;box-shadow:0 8px 22px rgba(22,20,70,.18)!important;}
#signinModal .signinBox .closeX{z-index:20!important;}
/* Keep the notification arrow in one fixed right-hand column even after the unread badge disappears. */
.meMenuItem{grid-template-columns:24px minmax(0,1fr) auto 28px!important;}
.meMenuItem .menuBadge{grid-column:3!important;justify-self:end!important;margin-left:0!important;}
.meMenuItem .menuArrow{grid-column:4!important;justify-self:center!important;align-self:center!important;}
.meMenuItem.signout{margin-bottom:14px!important;}
/* Full recharge wallet opens immediately as a real bottom sheet and can expand while scrolling. */
.rechargePreviewSheet.walletFullSheet{height:min(92dvh,820px)!important;max-height:92dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:18px 22px calc(30px + env(safe-area-inset-bottom))!important;transition:transform .28s ease,height .22s ease,max-height .22s ease,border-radius .22s ease!important;}
.rechargePreviewSheet.walletFullSheet.expanded{height:100dvh!important;max-height:100dvh!important;border-radius:0!important;}
.walletSheetHead{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:13px!important;align-items:center!important;margin:4px 34px 12px 0!important;text-align:left!important;}
.walletSheetHead .coinBig{width:56px!important;height:56px!important;margin:0!important;}
.walletSheetHead h2{margin:1px 0 4px!important;text-align:left!important;font-size:22px!important;color:#111735!important;}
.walletSheetHead p{margin:0!important;text-align:left!important;font-size:12px!important;line-height:1.4!important;color:#6b738a!important;}
.walletSheetHead small{display:block!important;color:var(--primary,#3939a9)!important;font-weight:700!important;margin-bottom:2px!important;}
.walletSheetQr{width:178px!important;height:178px!important;margin:14px auto!important;}
.walletSheetLabel{text-align:left!important;margin:10px 0 8px!important;color:#111735!important;}
.walletSheetAddress{margin-bottom:16px!important;}
.walletSheetForm{display:grid!important;gap:10px!important;text-align:left!important;}
.walletSheetInstructions{margin-top:18px!important;padding:15px!important;border:1px solid rgba(75,62,184,.14)!important;border-radius:16px!important;background:#f8f6ff!important;color:#29304c!important;}
.walletSheetInstructions h3{margin:0 0 8px!important;color:#111735!important;}
.walletSheetInstructions p{margin:0!important;text-align:left!important;line-height:1.55!important;color:#5f6880!important;}
/* Admin panel: only the same front-end purple/blue branding plus white/neutral surfaces. */
.adminBody:before{display:none!important;content:none!important;}
.adminBody{background:linear-gradient(180deg,var(--pagebg,#eef5ff),#f7f5ff)!important;color:#111735!important;}
.adminSide{background:#fff!important;border:1px solid rgba(75,62,184,.16)!important;box-shadow:0 18px 50px rgba(55,45,130,.09)!important;}
.adminBrand img{border:1px solid rgba(75,62,184,.10)!important;}
.adminSide a{color:#252a56!important;}
.adminSide a:hover{background:#f6f3ff!important;color:var(--primary,#3939a9)!important;}
.adminSide a.active{background:linear-gradient(110deg,var(--primary,#3939a9),var(--secondary,#7c52c8))!important;color:#fff!important;}
.adminSide a.active .icon{color:#fff!important;stroke:#fff!important;}
.adminMain{background:transparent!important;}
.adminHeader,.adminPanel,.adminCard{background:#fff!important;border:1px solid rgba(75,62,184,.16)!important;box-shadow:0 14px 38px rgba(55,45,130,.07)!important;color:#111735!important;}
.adminHeader{position:sticky!important;top:12px!important;z-index:10!important;}
.adminHeader h1,.adminPanel h2,.adminCard b{color:#111735!important;}
.adminCards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important;}
.adminCardsFull .adminCard{min-height:112px!important;display:grid!important;align-content:center!important;}
.adminCard .icon{color:var(--primary,#3939a9)!important;stroke:var(--primary,#3939a9)!important;}
.adminQuick{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;}
.adminQuick a,.adminAdd{background:#f8f6ff!important;border:1px solid rgba(75,62,184,.16)!important;color:#20264b!important;box-shadow:none!important;}
.adminQuick a:hover,.adminAdd:hover{background:linear-gradient(110deg,var(--primary,#3939a9),var(--secondary,#7c52c8))!important;color:#fff!important;}
.adminForm input,.adminForm textarea,.adminForm select,table input,table select,.miniAdminForm input,.miniAdminForm select{background:#fbfaff!important;border:1px solid rgba(75,62,184,.18)!important;color:#111735!important;}
.adminPanel button,.adminForm button,table button,.openSite,.adminLink.buttonLike{background:linear-gradient(110deg,var(--primary,#3939a9),var(--secondary,#7c52c8))!important;color:#fff!important;border:0!important;}
.tableWrap{border:1px solid rgba(75,62,184,.12)!important;border-radius:14px!important;background:#fff!important;}
.tableWrap th{background:#f4f1ff!important;color:#454b6d!important;border-color:rgba(75,62,184,.12)!important;}
.tableWrap td{background:#fff!important;color:#202646!important;border-color:rgba(75,62,184,.10)!important;}
.statusPill.approved,.statusPill.pending,.statusPill.rejected{background:#f1edff!important;color:var(--primary,#3939a9)!important;border:1px solid rgba(75,62,184,.14)!important;}
.successBox{background:#f2efff!important;color:var(--primary,#3939a9)!important;border:1px solid rgba(75,62,184,.18)!important;}
.errorBox{background:#f7f4ff!important;color:#4e466f!important;border:1px solid rgba(75,62,184,.18)!important;}
.colorGrid label,.activeCurrencies span,.adminMiniGrid article,.pageEdit,.planEdit,.levelEdit,.currencyEdit{background:#fff!important;border-color:rgba(75,62,184,.16)!important;color:#111735!important;}
.userProfileStrip{background:linear-gradient(110deg,var(--primary,#3939a9),var(--secondary,#7c52c8))!important;}
.purplePill{background:#f1edff!important;color:var(--primary,#3939a9)!important;}
@media(max-width:800px){.adminHeader{position:relative!important;top:auto!important}.adminSide{max-height:none!important}.adminCards{grid-template-columns:1fr 1fr!important}.adminQuick{grid-template-columns:1fr!important}}
@media(max-width:520px){.adminCards{grid-template-columns:1fr!important}.rechargePreviewSheet.walletFullSheet{width:100vw!important}}
/* =====================================================================
2026-09-04 Neon Dark Mining UI
Original account/reward engine is preserved; user-facing design is new.
===================================================================== */
:root{
--neo-bg:#050505;
--neo-surface:#151515;
--neo-surface-2:#1d1d1d;
--neo-line:#2a2a2a;
--neo-text:#f7f7f7;
--neo-muted:#8c8c8c;
--neo-lime:#b6ff24;
--neo-lime-soft:#9bdd17;
--neo-danger:#ff4d5f;
}
body:not(.adminBody){background:#000!important;color:var(--neo-text)!important;display:flex!important;justify-content:center!important;}
body:not(.adminBody) .phone{background:var(--neo-bg)!important;color:var(--neo-text)!important;box-shadow:0 0 0 1px #171717!important;}
body:not(.adminBody) a{color:inherit;}
body:not(.adminBody) .muted{color:var(--neo-muted)!important;}
body:not(.adminBody) .popupToast{background:#202020!important;color:#fff!important;border:1px solid #343434!important;box-shadow:0 16px 45px rgba(0,0,0,.45)!important;}
body:not(.adminBody) .popupToast.success{background:#17210e!important;color:#caff68!important;border-color:#3c5d18!important;}
body:not(.adminBody) .popupToast.error{background:#2a1014!important;color:#ff8e9a!important;border-color:#5f242b!important;}
/* Auth */
.neoAuthPhone{min-height:100vh!important;background:
radial-gradient(circle at 85% -5%,rgba(182,255,36,.15),transparent 28%),
radial-gradient(circle at -10% 30%,rgba(182,255,36,.08),transparent 30%),
#050505!important;overflow-x:hidden!important;overflow-y:visible!important;height:auto!important;}
html{overflow-y:auto!important;}
body:not(.adminBody){min-height:100vh!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;}
.neoAuthPhone{min-height:100vh!important;min-height:100dvh!important;}
.neoGlow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.5}.neoGlow.one{width:210px;height:210px;right:-120px;top:80px;background:radial-gradient(circle,rgba(182,255,36,.18),transparent 68%)}.neoGlow.two{width:180px;height:180px;left:-105px;bottom:130px;background:radial-gradient(circle,rgba(182,255,36,.10),transparent 70%)}
.neoAuthTop{height:76px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.neoBrand{display:flex;align-items:center;gap:10px}.neoBrandMark{width:38px;height:38px;border-radius:12px;background:var(--neo-lime);color:#050505;display:grid;place-items:center;font-weight:950;font-size:21px;box-shadow:0 0 28px rgba(182,255,36,.14)}.neoBrand b{display:block;font-size:15px}.neoBrand small{display:block;color:#767676;font-size:10px;margin-top:2px;text-transform:uppercase;letter-spacing:.8px}.neoAuthTop .authLang{position:static!important;top:auto!important;right:auto!important;}
.neoAuthTop .languagePill,.neoAppTop .languagePill{height:34px!important;min-width:auto!important;padding:0 10px!important;grid-template-columns:15px auto 10px!important;gap:5px!important;border-radius:999px!important;border:1px solid #2b2b2b!important;background:#151515!important;box-shadow:none!important;color:#cfcfcf!important;}
.neoAuthTop .languagePill .icon,.neoAppTop .languagePill .icon{width:15px!important;height:15px!important;color:#aaa!important;stroke:#aaa!important}.neoAuthTop .languagePill span,.neoAppTop .languagePill span{font-size:11px!important;color:#c8c8c8!important}.neoAuthTop .languagePill b,.neoAppTop .languagePill b{font-size:11px!important;color:#777!important;}
.neoAuthMain{padding:10px 18px 30px;position:relative;z-index:1}.authWelcome{padding:20px 5px 22px}.authWelcome>small{display:block;color:var(--neo-lime);font-size:10px;font-weight:900;letter-spacing:1.7px;margin-top:16px}.authWelcome h1{margin:8px 0 8px;font-size:33px;letter-spacing:-1.1px;line-height:1.05}.authWelcome p{margin:0;max-width:330px;color:#8a8a8a;font-size:14px;line-height:1.55}.mineOrb{width:78px;height:78px;border-radius:24px;border:1px solid #2d2d2d;background:linear-gradient(145deg,#1b1b1b,#0b0b0b);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.28)}.mineOrb:before{content:"";position:absolute;width:54px;height:54px;border:1px solid rgba(182,255,36,.2);border-radius:50%}.mineOrb span{color:var(--neo-lime);font-size:27px;font-weight:900}.mineOrb i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--neo-lime);box-shadow:0 0 14px rgba(182,255,36,.7)}.mineOrb i:nth-child(1){top:15px;left:20px}.mineOrb i:nth-child(2){right:16px;top:34px}.mineOrb i:nth-child(3){bottom:13px;left:32px}
.neoAuthCard{margin:0!important;padding:18px!important;border-radius:24px!important;background:rgba(21,21,21,.94)!important;border:1px solid #262626!important;box-shadow:0 22px 70px rgba(0,0,0,.35)!important;backdrop-filter:blur(18px)}.neoAuthTabs{height:48px!important;border-radius:14px!important;background:#0d0d0d!important;border:1px solid #222!important;padding:4px!important;margin-bottom:20px!important;box-shadow:none!important}.neoAuthTabs .segBtn{font-size:13px!important;color:#6f6f6f!important}.neoAuthTabs .segBtn.active{color:#050505!important}.neoAuthTabs .segSlide{height:38px!important;top:4px!important;left:4px!important;width:calc(50% - 4px)!important;border-radius:11px!important;background:var(--neo-lime)!important;box-shadow:none!important}.neoAuthTabs.right .segSlide{left:50%!important}.neoAuthCard .authPanel label{font-size:12px!important;color:#bcbcbc!important;margin:14px 2px 8px!important;font-weight:800!important}.neoAuthCard .authPanel label .optional{color:#646464;font-weight:600;margin-left:4px}.neoAuthCard .inputBox{height:55px!important;border-radius:14px!important;background:#0d0d0d!important;border:1px solid #292929!important;padding:0 14px!important;box-shadow:none!important}.neoAuthCard .inputBox:focus-within{border-color:#5c7d1f!important;box-shadow:0 0 0 3px rgba(182,255,36,.08)!important}.neoAuthCard .inputBox .icon{color:#6f6f6f!important;width:19px!important;height:19px!important}.neoAuthCard .inputBox input,.neoAuthCard .inputBox select{color:#f2f2f2!important;font-size:14px!important}.neoAuthCard .inputBox input::placeholder{color:#555!important}.neoAuthCard .miniBtn{background:#222!important;color:var(--neo-lime)!important;border:1px solid #363636!important;border-radius:10px!important;padding:9px 11px!important;font-size:11px!important}.neoAuthCard .miniBtn:disabled{opacity:.55}.neoAuthCard .loginRow{margin:14px 2px 20px!important}.neoAuthCard .loginRow label{font-size:11px!important;margin:0!important;color:#7b7b7b!important}.neoAuthCard .loginRow a{font-size:11px!important;color:#bdbdbd!important}.neoAuthCard .primaryBtn,.forgotCard .primaryBtn{height:52px!important;padding:0 18px!important;margin-top:6px!important;border-radius:14px!important;background:var(--neo-lime)!important;color:#050505!important;box-shadow:none!important;font-size:15px!important;font-weight:950!important}.authHint{text-align:center;color:#707070;font-size:12px;margin:16px 0 0}.authHint button{border:0;background:transparent;color:var(--neo-lime);font-weight:900;padding:0;cursor:pointer}.authLegal{font-size:10px;color:#5f5f5f;line-height:1.5;margin:12px 2px 0}.neoAuthCard .toast{font-size:12px;border-radius:13px!important;padding:12px 13px!important}.neoAuthCard .toast.error{background:#271114!important;color:#ff8793!important;border:1px solid #512229!important}.neoAuthCard .toast.success{background:#15200d!important;color:#caff70!important;border:1px solid #365414!important}
/* Forgot password page keeps the same backend but uses the new theme */
body:not(.adminBody) .authPhone:not(.neoAuthPhone){background:#050505!important}.authPhone:not(.neoAuthPhone) .authHero{background:#080808!important;border-radius:0!important;min-height:190px!important}.authPhone:not(.neoAuthPhone) .authHero:after{background:radial-gradient(circle,rgba(182,255,36,.14),transparent 70%)!important;transform:none!important;width:220px!important;height:220px!important;right:-100px!important;top:-80px!important}.authPhone:not(.neoAuthPhone) .authLogo{border:1px solid #333!important;background:#171717!important;border-radius:18px!important}.authPhone:not(.neoAuthPhone) .authCard{background:#151515!important;color:#fff!important;border:1px solid #292929!important;box-shadow:none!important}.authPhone:not(.neoAuthPhone) .authCard h2{color:#fff!important}.authPhone:not(.neoAuthPhone) .inputBox{background:#0d0d0d!important;border-color:#292929!important}.authPhone:not(.neoAuthPhone) .inputBox input{color:#fff!important}.authPhone:not(.neoAuthPhone) .backUnique{background:#111!important;color:#aaa!important;border:1px solid #292929!important}
/* App shell */
.appPhone{background:#050505!important;padding-bottom:82px!important;min-height:100vh!important;}
.neoAppTop,.appTop{height:66px!important;background:rgba(5,5,5,.96)!important;color:#fff!important;padding:11px 15px!important;border-bottom:1px solid #171717!important;box-shadow:none!important;backdrop-filter:blur(18px)!important;}
.brandMini{text-decoration:none!important}.brandMini img{width:34px!important;height:34px!important;border-radius:10px!important;background:#181818!important;border:1px solid #2a2a2a!important;padding:2px!important}.brandMini b{font-size:16px!important;color:#f4f4f4!important;font-weight:850!important;letter-spacing:-.2px!important}.appGridMark{display:block;width:22px;height:22px;line-height:8px;font-size:15px;letter-spacing:1px;color:#ddd;overflow:hidden;text-align:center}.appTopTools{display:flex;align-items:center;gap:8px}.appTopTools>a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #292929;border-radius:10px;background:#121212;color:#bdbdbd}.appTopTools>a .icon{width:18px;height:18px}
.neoHome{padding:4px 15px 22px}.exchangeToggle{height:42px;background:#161616;border:1px solid #232323;border-radius:13px;padding:4px;display:grid;grid-template-columns:1fr 1fr;margin:8px auto 13px;max-width:220px}.exchangeToggle span,.exchangeToggle a{border-radius:10px;display:grid;place-items:center;text-decoration:none;color:#777;font-size:12px;font-weight:900}.exchangeToggle .active{background:#303030;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.neoSearch{height:52px;border:1px solid #272727;background:#171717;border-radius:16px;padding:0 15px;display:grid;grid-template-columns:20px 1fr 18px;gap:10px;align-items:center;text-decoration:none;color:#777;margin-bottom:22px}.neoSearch .icon{width:19px;height:19px}.neoSearch span{font-size:13px}.neoSearch b{color:#555}.neoSearch b .icon{width:16px;height:16px}
.neoBalanceCard{display:grid!important;grid-template-columns:1fr auto!important;gap:10px 12px!important;background:transparent!important;border-radius:0!important;padding:0 0 4px!important;color:#fff!important;box-shadow:none!important;margin-bottom:18px!important}.portfolioHead{grid-column:1/3}.portfolioHead>span{color:#858585!important;font-size:12px!important;display:flex;align-items:center;gap:6px}.portfolioHead>span .icon{width:15px;height:15px}.portfolioHead>b{display:flex!important;align-items:baseline;gap:8px;font-size:38px!important;letter-spacing:-1.5px!important;line-height:1.05;margin:10px 0 7px!important}.portfolioHead>b em{font-size:13px;font-style:normal;letter-spacing:0;color:#c7c7c7}.portfolioHead small{color:#777;font-size:12px}.portfolioMeta{grid-column:1/3;margin-top:8px;padding-top:13px;border-top:1px solid #191919;display:flex;align-items:center;justify-content:space-between}.portfolioMeta span{color:#6e6e6e!important;font-size:11px!important}.portfolioMeta b{font-size:12px!important;margin:0!important;color:#d8d8d8}.portfolioActions{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.portfolioActions a{height:50px;border-radius:15px;background:var(--neo-lime);color:#050505;display:grid;place-items:center;text-decoration:none;font-size:15px;font-weight:950}.portfolioActions a:last-child{background:#202020;color:#f1f1f1;border:1px solid #2f2f2f}
.miningPromo{min-height:145px;background:linear-gradient(135deg,#202020,#151515 70%);border:1px solid #2a2a2a;border-radius:20px;padding:18px;display:grid;grid-template-columns:1fr 104px;gap:10px;overflow:hidden;position:relative;margin-bottom:12px}.miningPromo:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-55px;top:-58px;background:radial-gradient(circle,rgba(182,255,36,.12),transparent 68%)}.miningPromo small{color:var(--neo-lime);font-size:9px;font-weight:950;letter-spacing:1.5px}.miningPromo h2{font-size:18px;line-height:1.18;margin:7px 0 7px;letter-spacing:-.4px}.miningPromo p{font-size:11px;line-height:1.5;color:#878787;margin:0 0 11px}.miningPromo a{font-size:11px;color:#dedede;text-decoration:none;font-weight:850}.hashGraphic{align-self:center;height:92px;border-left:1px solid #2b2b2b;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:0 0 10px 10px}.hashGraphic i{display:block;width:8px;border-radius:99px 99px 0 0;background:#7e7e7e}.hashGraphic i:nth-child(1){height:36px}.hashGraphic i:nth-child(2){height:63px;background:#b6ff24}.hashGraphic i:nth-child(3){height:45px}.hashGraphic i:nth-child(4){height:75px}.hashGraphic span{position:absolute;right:0;bottom:0;font-size:38px;color:rgba(182,255,36,.15)}
.neoNotice{height:38px!important;margin:0 0 14px!important;border-radius:12px!important;background:#101010!important;border:1px solid #202020!important;color:#8b8b8b!important;padding:0 11px!important}.neoNotice .icon{color:var(--neo-lime)!important;width:16px!important;height:16px!important}.neoNotice span{font-size:10px!important;font-weight:700!important}.marketTabs{height:42px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #1d1d1d}.marketTabs b{font-size:14px}.marketTabs a{font-size:11px;color:#6f6f6f;text-decoration:none}.marketTabs a:last-child{margin-left:auto}.miningMarket{padding:4px 0 8px}.miningRow{min-height:72px;display:grid;grid-template-columns:42px minmax(0,1fr) 72px 68px;align-items:center;gap:10px;text-decoration:none;border-bottom:1px solid #141414;padding:8px 0}.mineCoin{width:38px;height:38px;border-radius:50%;overflow:hidden;background:#171717;border:1px solid #292929;display:grid;place-items:center}.mineCoin img{width:100%;height:100%;object-fit:cover}.mineName b,.minePrice b{display:block;font-size:13px}.mineName span,.minePrice span{display:block;color:#666;font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minePrice{text-align:right}.mineYield{justify-self:end;min-width:61px;text-align:center;padding:10px 6px;border-radius:7px;background:#283b0e;color:var(--neo-lime);font-size:12px;font-weight:950}.mineYield.locked{background:#1c1c1c;color:#727272}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sectionHead h2{margin:0!important;font-size:15px!important}.sectionHead a,.sectionHead span{font-size:10px;color:#777;text-decoration:none}.sectionHead span{color:var(--neo-lime)}
.neoActivity,.neoMembers{background:#111!important;border:1px solid #202020!important;border-radius:18px!important;padding:15px!important;box-shadow:none!important}.neoActivity .activityCard{background:#181818!important;border:1px solid #262626!important;color:#fff!important}.neoActivity .activityCard h3{font-size:13px!important}.neoActivity .activityCard p{font-size:10px!important;color:#777!important}.neoActivity .activityCard strong{color:var(--neo-lime)!important}.neoActivity .activityCard button{background:var(--neo-lime)!important;color:#050505!important;font-size:11px!important;padding:9px 13px!important}.neoActivity .activityCard button:disabled{background:#252525!important;color:#777!important}.neoMembers .memberGrid{gap:8px!important}.neoMembers .memberCard{background:#181818!important;border-color:#272727!important}.neoMembers .memberCard small{background:#202020!important;color:#7c7c7c!important}.neoMembers .memberCard b{background:#202e0e!important;color:var(--neo-lime)!important;font-size:15px!important}.neoMembers .memberCard span{color:#777!important}.neoInfoList{gap:8px!important}.neoInfoList .infoRow{background:#111!important;border:1px solid #202020!important;box-shadow:none!important;color:#d3d3d3!important;border-radius:14px!important;padding:14px!important;font-size:13px!important}.neoInfoList .infoRow .icon{color:#777!important}.neoInfoList .infoRow b{color:#555!important;font-size:20px!important}
/* Navigation */
.bottomNav,.neoBottomNav{position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100vw,430px)!important;height:72px!important;margin:0!important;padding:0 4px env(safe-area-inset-bottom)!important;background:rgba(16,16,16,.98)!important;border-top:1px solid #252525!important;border-radius:0!important;box-shadow:0 -10px 30px rgba(0,0,0,.35)!important;z-index:600!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important}.bottomNav a{height:72px!important;min-height:72px!important;color:#727272!important;font-size:10px!important;font-weight:750!important;gap:4px!important;padding:7px 0!important}.bottomNav a .icon{width:21px!important;height:21px!important}.bottomNav a.active{color:var(--neo-lime)!important}.bottomNav a.active:before{display:none!important}.bottomNav a.active .icon{stroke:var(--neo-lime)!important}.bottomNav a.centerMine{margin-top:-13px}.bottomNav a.centerMine .icon{width:44px!important;height:44px!important;padding:11px;border-radius:50%;background:#f0f0f0;color:#090909;stroke:#090909!important;box-shadow:0 6px 22px rgba(0,0,0,.35)}.bottomNav a.centerMine.active .icon{background:var(--neo-lime)!important;stroke:#050505!important}.bottomNav a.centerMine span{margin-top:-2px}.floatDock{z-index:550!important}.floatDock button{background:#171717!important;color:#d5d5d5!important;border:1px solid #2b2b2b!important;box-shadow:0 12px 28px rgba(0,0,0,.35)!important}.floatDock button.main{background:var(--neo-lime)!important;color:#050505!important;border:5px solid #101010!important}.floatDock button.main .icon{color:#050505!important;stroke:#050505!important}
/* Shared inner pages */
.taskHero,.teamHero,.meHero{background:#090909!important;background-image:none!important;border-radius:0!important;color:#fff!important}.taskHero{padding:22px 15px 16px!important;margin:0!important}.resetPill{background:#171717!important;color:#b9b9b9!important;border:1px solid #292929!important;box-shadow:none!important;font-size:11px!important}.resetPill span{color:var(--neo-lime)!important}.taskStats{background:#131313!important;border:1px solid #222!important;color:#fff!important}.taskStats span{color:#777!important;font-size:11px!important}.taskStats b{color:#f4f4f4!important}.taskPanel{background:#0f0f0f!important;border:1px solid #222!important;border-radius:18px!important;margin:12px 14px 18px!important;color:#fff!important;box-shadow:none!important}.taskTabs button{color:#666!important}.taskTabs button.active{color:#fff!important}.taskTabs span{background:var(--neo-lime)!important}.progressTask,.completedTask{background:#171717!important;border:1px solid #272727!important;color:#fff!important}.progressTask p,.completedTask p{color:#777!important}.progressTask b,.completedTask b{color:#fff!important}.progressTask button{background:var(--neo-lime)!important;color:#050505!important;border-radius:12px!important}.empty{color:#6d6d6d!important}.vipThumb{background:#181818!important;border:1px solid #292929!important}.vipThumb span{background:rgba(0,0,0,.55)!important}
.teamHero{height:56px!important;margin:0!important;padding:0!important}.teamContent{margin:0!important;padding:12px 14px 92px!important}.inviteCard,.premiumInvite{background:#111!important;border:1px solid #222!important;color:#fff!important;box-shadow:none!important}.inviteCard p,.inviteCard span{color:#777!important}.inviteCard b{color:var(--neo-lime)!important}.inviteCard button,.copyLine button,.premiumInvite button,.periodControls button{background:var(--neo-lime)!important;color:#050505!important;box-shadow:none!important}.copyLine small{color:#777!important}.socials a,.socials span{color:#aaa!important}.periodTitle,.teamContent h2{color:#f0f0f0!important}.periodTitle .icon{color:var(--neo-lime)!important}.periodControls label{color:#777!important}.periodControls input{background:#111!important;border:1px solid #292929!important;color:#eee!important}.teamStats,.proTeamStats{background:#111!important;border:1px solid #222!important;color:#fff!important;box-shadow:none!important}.teamStats span{color:#747474!important}.dailySalaryCard{background:#131313!important;border:1px solid #242424!important;color:#fff!important}.dailySalaryCard span{color:#777!important}.dailySalaryCard button{background:var(--neo-lime)!important;color:#050505!important}.levelCard{background:#141414!important;border:1px solid #282828!important;color:#fff!important;box-shadow:none!important}.levelCard:before{opacity:.12!important}.levelCard span{color:#757575!important}.levelCard button{background:#222!important;color:#aaa!important}
.vipList,.premiumVipList{background:#050505!important;padding:14px 14px 92px!important}.vipCard,.premiumVip{background:#111!important;border:1px solid #252525!important;color:#fff!important;box-shadow:none!important}.premiumVip .vipRibbon{background:#1c1c1c!important;color:var(--neo-lime)!important}.premiumVip .vipBody p{border-color:#242424!important}.premiumVip .vipBody p span{color:#777!important}.premiumVip .vipUnlockBtn{background:var(--neo-lime)!important;color:#050505!important}.premiumVip .vipUnlockBtn.isUnlocked{background:#1d2a0d!important;color:var(--neo-lime)!important;border:1px solid #344b14!important}
.meHero{padding:16px 14px!important}.meProfileCard{background:#111!important;border:1px solid #242424!important;color:#fff!important;box-shadow:none!important}.meProfileCard p,.meProfileCard small{color:#777!important}.meProfileCard img{background:#181818!important;border:1px solid #292929!important}.profileCog{background:#1b1b1b!important;color:#aaa!important;border:1px solid #2b2b2b!important}.vipPill{background:#23320e!important;color:var(--neo-lime)!important}.meContent,.homeContent{background:#050505!important;margin-top:0!important;padding:12px 14px 92px!important}.homeQuick .actionTile{background:#111!important;border:1px solid #232323!important;color:#d8d8d8!important;box-shadow:none!important}.homeQuick .actionTile .icon{color:var(--neo-lime)!important}.meButtonList .meMenuItem{background:#111!important;border:1px solid #202020!important;color:#d3d3d3!important;box-shadow:none!important}.meButtonList .meMenuItem .icon{color:#777!important}.menuArrow{color:#555!important}.menuBadge{background:var(--neo-lime)!important;color:#050505!important}.meButtonList .signout{color:#ff7986!important}
.simplePage{background:#050505!important;color:#fff!important;padding:14px 14px 92px!important}.sectionCard,.profileEditorCard,.withdrawPrompt,.walletSetup,.withdrawApply,.notificationPage,.infoPage{background:#111!important;border:1px solid #222!important;color:#fff!important;box-shadow:none!important}.sectionCard h2,.sectionCard h3,.profileEditorCard h2{color:#f2f2f2!important}.recordRow,.noticeRow,.teamMemberRow{border-color:#242424!important}.recordRow span,.recordRow small,.noticeRow p,.noticeRow small,.teamMemberRow small{color:#727272!important}.recordRow b{color:#e8e8e8!important}.statementTotal{background:#171717!important;color:#fff!important}.statementTotal span{color:#777!important}.profileRows>div,.profileRows label,.profileForm label{border-color:#252525!important}.profileRows span,.profileForm span{color:#7c7c7c!important}.profileRows input,.profileForm input,.rechargeForm input{background:#0c0c0c!important;border:1px solid #2a2a2a!important;color:#fff!important}.profileBackBtn{background:#191919!important;color:#bdbdbd!important;border:1px solid #292929!important}.walletSummary{background:#171717!important;border-color:#282828!important}.walletSummary small{color:#777!important}.withdrawBalance{background:#171717!important}.withdrawBalance span{color:#777!important}.primaryBtn,.greenBtn{background:var(--neo-lime)!important;color:#050505!important;box-shadow:none!important;border-radius:13px!important}.currencyList,.sheetLike{background:#050505!important;padding:14px 14px 92px!important}.currencyRow{background:#111!important;border:1px solid #242424!important;color:#f0f0f0!important;box-shadow:none!important}.currencyRow em{color:#555!important}.coinIcon,.coinBig{background:#1a1a1a!important;color:var(--neo-lime)!important;border:1px solid #2b2b2b!important}.rechargeSheet,.rechargeBox{background:#111!important;color:#fff!important;border:1px solid #262626!important;box-shadow:none!important}.rechargeSheet p{color:#777!important}.qrBox{background:#fff!important;border-color:#333!important}.addressLine{background:#171717!important;border:1px solid #292929!important}.addressLine small{color:#aaa!important}.addressLine button{background:var(--neo-lime)!important;color:#050505!important}.uploadLabel{background:#181818!important;border-color:#303030!important;color:#aaa!important}.instructionBox{background:#111!important;border:1px solid #222!important;color:#888!important}
/* Modals / sheets */
.modal{background:rgba(0,0,0,.74)!important;backdrop-filter:blur(5px)}.annBox,.treasureBox,.signinBox,.unlockBox,.taskCompleteSheet,.rechargePreviewSheet{background:#151515!important;color:#fff!important;border:1px solid #2a2a2a!important;box-shadow:0 25px 80px rgba(0,0,0,.55)!important}.annBox h2,.treasureBox h3,.signinBox h2,.unlockBox p,.taskCompleteSheet h2{color:#fff!important}.annScroll,.treasureBox p,.tips,.signinBox p,.signinBox small,.taskCompleteSheet p,.sheetProgressText{color:#858585!important}.annBox button,.yellowBtn,.shareBtn,.signinBox .primaryBtn,.unlockBox button{background:var(--neo-lime)!important;color:#050505!important}.unlockBox button.cancel{background:#232323!important;color:#aaa!important}.closeX{background:#232323!important;color:#aaa!important}.signinReward{background:#1a240f!important;color:var(--neo-lime)!important;border-color:#304313!important}.sheetProgress{background:#252525!important}.sheetProgress span{background:var(--neo-lime)!important}.taskStatusCard{background:#1b1b1b!important;border-color:#2a2a2a!important}.sheet,.currencySheet{background:#151515!important;color:#fff!important}.searchBox{background:#0c0c0c!important;color:#777!important;border-color:#292929!important}.langs button{background:#191919!important;color:#bcbcbc!important;border-color:#292929!important}.langs button.selected{background:#23310f!important;color:var(--neo-lime)!important;border-color:#3c5518!important}
@media(max-width:480px){
.neoAuthMain{padding-left:15px;padding-right:15px}.authWelcome h1{font-size:30px}.portfolioHead>b{font-size:35px!important}.miningRow{grid-template-columns:40px minmax(0,1fr) 68px 64px}.mineYield{min-width:58px}.neoHome{padding-left:13px;padding-right:13px}.taskPanel,.simplePage,.teamContent,.vipList,.premiumVipList,.meContent{padding-left:13px!important;padding-right:13px!important}.bottomNav,.phone{width:100vw!important}.floatDock{right:8px!important}
}
/* Financial Pro refresh */
.neoBrandMark{font-size:14px;letter-spacing:.6px}
.authWelcomeClean{padding-top:30px!important}.authWelcomeClean>small{margin-top:0!important}.authWelcomeClean h1{max-width:340px}
.brandMini img{background:#fff;border-radius:14px;padding:3px;object-fit:contain}
.financePromo{margin-bottom:14px}
.quoteSection{background:#0e0e0e;border:1px solid #222;border-radius:22px;padding:12px 14px 6px;margin-bottom:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.quoteTabs{height:auto;border-bottom:0;padding:2px 0 6px}.quoteTabs b{padding:10px 16px;border-radius:999px;background:#232323;font-size:13px}.quoteTabs a{font-size:12px;color:#7f7f7f}
.quoteMarket{display:grid;gap:4px;padding:2px 0 6px}.quoteRow{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(78px,.8fr) 90px;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #171717}.quoteRow:last-child{border-bottom:0}
.quotePair{display:flex;align-items:center;gap:12px;min-width:0}.coinBullet{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:900;color:#fff;flex:0 0 36px}.coinBullet.btc{background:#f59e0b}.coinBullet.eth{background:#5b7cff}.coinBullet.ltc{background:#4b86ff}.coinBullet.okb{background:#ffffff;color:#111}.coinBullet.uni{background:#ff5bc8}
.quoteMeta{min-width:0}.quoteMeta b{display:block;font-size:13px;color:#fff;white-space:nowrap}.quoteMeta b em{font-style:normal;font-size:10px;background:#2a2a2a;color:#b8b8b8;border-radius:6px;padding:2px 5px;margin-left:4px}.quoteMeta small{display:block;color:#7f7f7f;font-size:11px;margin-top:3px}
.quotePrice{text-align:right}.quotePrice b{display:block;font-size:15px;color:#f8f8f8}.quotePrice small{display:block;color:#7f7f7f;font-size:11px;margin-top:4px}
.quotePill{justify-self:end;min-width:84px;text-align:center;padding:12px 8px;border-radius:8px;background:#334d0f;color:#c2ff48;font-size:13px;font-weight:900}.quotePill.negative{background:#472019;color:#ff9a82}
.networkPage{padding:14px 14px 92px!important;background:#050505}.networkHeroCard,.networkFilterCard,.networkGuideCard,.networkInviteCard,.networkRewardCard{background:linear-gradient(180deg,#101010,#0b0b0b);border:1px solid #232323;border-radius:22px;color:#fff}
.networkHeroCard{padding:18px;display:grid;grid-template-columns:1.5fr .9fr;gap:14px;margin-bottom:14px;align-items:stretch}.networkHeroCard small{color:var(--neo-lime);font-size:10px;font-weight:900;letter-spacing:1.6px}.networkHeroCard h2{margin:8px 0 8px;font-size:26px;line-height:1.06}.networkHeroCard p{margin:0;color:#878787;font-size:13px;line-height:1.55}.networkHeroBadge{background:#131313;border:1px solid #252525;border-radius:18px;padding:14px;display:flex;flex-direction:column;justify-content:center}.networkHeroBadge span{color:#808080;font-size:11px}.networkHeroBadge b{font-size:28px;letter-spacing:.5px;color:var(--neo-lime);margin-top:10px}
.networkShareShell{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:14px}.networkInviteCard{padding:18px}.networkInviteCard>span{display:block;color:#7f7f7f;font-size:11px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1.1px}.networkInviteCard>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.networkInviteCard>div b{font-size:24px;color:var(--neo-lime)}.networkInviteCard p{color:#898989}.networkInviteCard button,.networkRewardCard button,.periodControls button{background:var(--neo-lime)!important;color:#050505!important;border:none;border-radius:14px;font-weight:900}
.networkRewardCard{padding:18px;display:flex;flex-direction:column;justify-content:space-between}.networkRewardCard b{font-size:20px}.networkRewardCard span,.networkRewardCard small{display:block;color:#8a8a8a}.networkRewardCard strong{display:block;font-size:34px;color:#fff;margin:14px 0 4px}.networkRewardCard button{width:100%;min-height:46px;margin-top:16px}
.networkFilterCard{padding:16px;margin-bottom:14px}.networkFilterCard .sectionHead{margin-bottom:14px}.networkFilterCard .sectionHead span{color:#7f7f7f!important}
.periodControls{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.periodControls label{display:grid;gap:8px;padding:12px 14px;border-radius:16px;background:#121212;border:1px solid #232323;color:#9b9b9b}.periodControls input{background:#0b0b0b;border:1px solid #2b2b2b;border-radius:12px;color:#fff;min-height:42px;padding:0 12px}
.networkStatsGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.networkStatsGrid>div{background:#111;border:1px solid #232323;border-radius:18px;padding:16px 12px;min-height:96px}.networkStatsGrid span{display:block;color:#8b8b8b;font-size:12px;line-height:1.35}.networkStatsGrid b{display:block;font-size:24px;color:#fff;margin-top:12px}
.networkGuideCard{padding:16px 16px 6px;margin-bottom:14px}.networkGuideSteps{display:grid;gap:12px}.networkGuideSteps article{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid #1b1b1b}.networkGuideSteps article:first-child{border-top:0}.networkGuideSteps article>b{width:42px;height:42px;border-radius:14px;background:#233607;color:var(--neo-lime);display:grid;place-items:center;font-size:18px}.networkGuideSteps h3{margin:2px 0 6px;font-size:15px}.networkGuideSteps p{margin:0;color:#878787;font-size:12px;line-height:1.5}
.profilePage{background:#050505!important}.profileEditorCard,.profileRows>div{box-shadow:none!important}.profileRows div,.profileRows label{background:#121212!important;border:1px solid #252525!important}.profileRows div b{color:#fff!important}.profileRows input{min-height:42px}
@media (max-width:700px){.networkHeroCard,.networkShareShell{grid-template-columns:1fr}.networkStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.quoteRow{grid-template-columns:minmax(0,1fr) 82px 78px}.quotePill{min-width:72px;padding:11px 6px;font-size:12px}.networkHeroCard h2{font-size:23px}.periodControls{grid-template-columns:1fr}.quoteTabs{gap:12px}.quoteTabs b{padding:8px 12px}}
/* =====================================================================
Financial Pro — final lime/dark consistency pass
===================================================================== */
body:not(.adminBody){--fp-lime:var(--neo-lime,#b6ff24);--fp-bg:#050505;--fp-surface:#111;--fp-surface-2:#171717;--fp-line:#262626;--fp-text:#f5f5f5;--fp-muted:#858585}
/* Use the real Financial Pro mark on auth and headers */
.neoBrandLogo{width:42px;height:42px;border-radius:13px;background:#0b0b0b;border:1px solid #2b2b2b;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 28px rgba(182,255,36,.10);flex:0 0 42px}
.neoBrandLogo img{width:100%;height:100%;display:block;object-fit:contain;padding:2px;background:#0b0b0b}
.brandMini img{background:#0b0b0b!important;border:1px solid #2a2a2a!important;border-radius:12px!important;padding:2px!important;box-shadow:0 0 18px rgba(182,255,36,.06)!important}
.meProfileCard img,.profileHeaderMini img{background:#0b0b0b!important;border-color:#2b2b2b!important}
/* Balance privacy eye */
.balanceEye{width:28px;height:28px!important;min-width:28px!important;padding:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#8a8a8a!important;display:inline-grid!important;place-items:center!important;cursor:pointer!important;box-shadow:none!important}
.balanceEye .icon{width:16px!important;height:16px!important;stroke:#8a8a8a!important;color:#8a8a8a!important;transition:.18s}
.balanceEye:hover{background:#151515!important}.balanceEye:hover .icon,.balanceEye.isHidden .icon{stroke:var(--fp-lime)!important;color:var(--fp-lime)!important}
.balanceHidden .balanceAmount,.rechargeAmount{font-variant-numeric:tabular-nums}
/* Home action consistency */
.portfolioActions .depositAction{background:var(--fp-lime)!important;color:#050505!important;border:1px solid var(--fp-lime)!important}
.portfolioActions a:first-child{color:#050505!important}
.portfolioActions a:last-child{background:#1c1c1c!important;color:#f2f2f2!important;border:1px solid #303030!important}
.neoInfoList .infoRow .icon,.meButtonList .meMenuItem .icon,.profileCog .icon,.homeQuick .actionTile .icon,.periodTitle .icon,.networkPage .icon,.simplePage .icon{color:var(--fp-lime)!important;stroke:var(--fp-lime)!important}
.neoInfoList .infoRow b,.meButtonList .menuArrow{color:var(--fp-lime)!important}
.meButtonList .signout .icon{color:#ff7986!important;stroke:#ff7986!important}.meButtonList .signout .menuArrow{color:#ff7986!important}
/* Remove old white/purple styling from every user-facing form/sheet */
body:not(.adminBody) .taskTabs{background:#101010!important;border:1px solid #262626!important;box-shadow:none!important}
body:not(.adminBody) .taskTabs span{background:var(--fp-lime)!important;box-shadow:none!important}
body:not(.adminBody) .taskTabs button{background:transparent!important;color:#777!important}
body:not(.adminBody) .taskTabs button.active{color:#050505!important;font-weight:900!important}
body:not(.adminBody) .profileRows>div,
body:not(.adminBody) .profileRows>label,
body:not(.adminBody) .profileForm label,
body:not(.adminBody) .fileEdit,
body:not(.adminBody) .withdrawBalance,
body:not(.adminBody) .walletSummary{background:#121212!important;border:1px solid #292929!important;color:#fff!important;box-shadow:none!important}
body:not(.adminBody) .profileRows input,
body:not(.adminBody) .profileRows select,
body:not(.adminBody) .profileForm input,
body:not(.adminBody) .profileForm select,
body:not(.adminBody) .rechargeForm input,
body:not(.adminBody) .walletSheetForm input{background:#090909!important;color:#f6f6f6!important;border:1px solid #2b2b2b!important;box-shadow:none!important}
body:not(.adminBody) input::placeholder{color:#686868!important}
body:not(.adminBody) input[type=file]::file-selector-button{background:var(--fp-lime)!important;color:#050505!important;border:0!important;border-radius:9px!important;padding:8px 12px!important;font-weight:800!important;margin-right:10px!important}
body:not(.adminBody) .uploadLabel{background:#111!important;color:#b7b7b7!important;border:1px dashed #3a4e1c!important;box-shadow:none!important}
body:not(.adminBody) .instructionBox,
body:not(.adminBody) .walletSheetInstructions{background:#111!important;color:#a5a5a5!important;border:1px solid #282828!important;box-shadow:none!important}
body:not(.adminBody) .walletSheetInstructions h3{color:#f3f3f3!important}
body:not(.adminBody) .walletSheetInstructions p{color:#8f8f8f!important}
body:not(.adminBody) .rechargePreviewSheet,
body:not(.adminBody) .rechargePreviewSheet.walletFullSheet,
body:not(.adminBody) .rechargeSheet,
body:not(.adminBody) .rechargeBox{background:#101010!important;color:#fff!important;border-color:#292929!important}
body:not(.adminBody) .walletSheetHead p,
body:not(.adminBody) .rechargePreviewSheet p{color:#858585!important}
body:not(.adminBody) .addressLine{background:#151515!important;border-color:#2c2c2c!important}
body:not(.adminBody) .qrBox{border:1px solid #303030!important}
/* One primary button language: lime background = black text */
body:not(.adminBody) .primaryBtn,
body:not(.adminBody) .greenBtn,
body:not(.adminBody) .rechargeForm button[type=submit],
body:not(.adminBody) .walletSheetForm button[type=submit],
body:not(.adminBody) .progressTask button,
body:not(.adminBody) .activityCard button:not(:disabled),
body:not(.adminBody) .networkInviteCard button,
body:not(.adminBody) .networkRewardCard button,
body:not(.adminBody) .periodControls button,
body:not(.adminBody) .copyLine button,
body:not(.adminBody) .addressLine button,
body:not(.adminBody) .walletCopyBtn,
body:not(.adminBody) .walletEditForm button,
body:not(.adminBody) .withdrawApply button,
body:not(.adminBody) .profileForm button,
body:not(.adminBody) .premiumVip .vipUnlockBtn.needsUnlock,
body:not(.adminBody) .miniBtn,
body:not(.adminBody) .annBox>button,
body:not(.adminBody) .yellowBtn,
body:not(.adminBody) .shareBtn,
body:not(.adminBody) .signinBox .primaryBtn,
body:not(.adminBody) .unlockBox button:not(.cancel){background:var(--fp-lime)!important;color:#050505!important;border-color:var(--fp-lime)!important;background-image:none!important;box-shadow:none!important;font-weight:850!important}
body:not(.adminBody) button:disabled{background:#252525!important;color:#747474!important;border-color:#303030!important;opacity:1!important}
body:not(.adminBody) .premiumVip .vipUnlockBtn.isUnlocked{background:#18220d!important;color:var(--fp-lime)!important;border:1px solid #334713!important}
/* Assets page — all utility icons use the site accent */
.meButtonList .meMenuItem{background:#101010!important;border-color:#242424!important}
.meButtonList .meMenuItem:hover{background:#151515!important;border-color:#344619!important}
.homeQuick .actionTile{background:#101010!important;border-color:#242424!important}
/* Network: no level carousel; clean finish */
.networkPage{padding-bottom:96px!important}.networkGuideCard{margin-bottom:0!important}
/* Keep surfaces fully dark and professional */
body:not(.adminBody) .sectionCard,
body:not(.adminBody) .profileEditorCard,
body:not(.adminBody) .withdrawPrompt,
body:not(.adminBody) .walletSetup,
body:not(.adminBody) .withdrawApply,
body:not(.adminBody) .notificationPage,
body:not(.adminBody) .infoPage{background:#101010!important;border-color:#252525!important}
body:not(.adminBody) .pageBody{color:#a5a5a5!important}.pageBody h1,.pageBody h2,.pageBody h3{color:#f4f4f4!important}
@media(max-width:480px){.neoBrandLogo{width:38px;height:38px;flex-basis:38px}.neoBrand b{font-size:14px}.quoteRow{grid-template-columns:minmax(0,1fr) 80px 74px!important}}
/* =========================================================
Financial Pro v3 — separate auth pages + exchange home
========================================================= */
html,body{background:#000!important}
body:not(.adminBody){background:#000!important;color:#fff!important}
.phone,.appPhone,.neoHome,.homeExchange,.assetsProPage{background:#000!important}
/* Login and registration are intentionally separate full pages. */
.singleAuthPage{background:#000!important;min-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}
.singleAuthMain{padding-bottom:48px!important}
.singleAuthCard{margin-top:6px!important}
.singleAuthForm{display:block!important}
.singleAuthForm>label{color:#bdbdbd!important;font-size:13px!important;font-weight:800!important;margin:17px 3px 9px!important}
.singleAuthForm .primaryBtn{width:100%!important;margin-top:22px!important;background:var(--neo-lime,#b6ff24)!important;color:#050505!important;font-weight:950!important;border:0!important}
.authModeFooter{text-align:center!important;color:#777!important;font-size:13px!important;margin:20px 0 0!important}
.authModeFooter a{color:var(--neo-lime,#b6ff24)!important;text-decoration:none!important;font-weight:900!important}
.registerPhoneRow{display:grid!important;grid-template-columns:minmax(155px,.95fr) minmax(0,1.25fr)!important;gap:9px!important;align-items:stretch!important}
.countrySelect{width:100%!important;height:60px!important;min-width:0!important;padding:0 11px!important;border:1px solid #2b2b2b!important;border-radius:15px!important;background:#0d0d0d!important;color:#f1f1f1!important;outline:none!important;font-size:12px!important;font-weight:700!important}
.countrySelect:focus{border-color:#566d26!important;box-shadow:0 0 0 3px rgba(182,255,36,.08)!important}
.countrySelect option{background:#111!important;color:#fff!important}
.phoneNumberInput{height:60px!important;min-width:0!important}
.phoneNumberInput input{min-width:0!important}
.singleAuthPage .neoAuthCard{background:#111!important;border:1px solid #262626!important}
.singleAuthPage .inputBox{background:#0b0b0b!important;border:1px solid #292929!important}
.singleAuthPage .inputBox:focus-within{border-color:#4d6820!important;box-shadow:0 0 0 3px rgba(182,255,36,.08)!important}
.singleAuthPage .inputBox .icon{color:#777!important}
.singleAuthPage .miniBtn{background:#181818!important;border:1px solid #333!important;color:var(--neo-lime,#b6ff24)!important;font-weight:900!important}
.singleAuthPage .authWelcomeClean{padding-top:35px!important}
/* Home = navigation, slider, notice, quick actions, market. */
.homeExchange{padding:12px 16px 96px!important;min-height:calc(100vh - 54px)!important}
.homeSlider{position:relative!important;overflow:hidden!important;border-radius:22px!important;background:#111!important;border:1px solid #232323!important;margin:2px 0 10px!important;min-height:205px!important}
.homeSliderTrack{display:flex!important;width:100%!important;transition:transform .55s cubic-bezier(.2,.75,.25,1)!important;will-change:transform!important}
.homeSlide{flex:0 0 100%!important;min-width:100%!important;min-height:205px!important;padding:24px 22px 35px!important;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(110px,.65fr)!important;gap:14px!important;align-items:center!important;position:relative!important;overflow:hidden!important}
.homeSlide:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-75px;top:-72px;background:radial-gradient(circle,rgba(182,255,36,.14),transparent 69%)}
.homeSlide small{display:block!important;color:var(--neo-lime,#b6ff24)!important;font-size:9px!important;letter-spacing:1.8px!important;font-weight:950!important}
.homeSlide h2{font-size:24px!important;line-height:1.08!important;margin:8px 0!important;letter-spacing:-.7px!important;color:#fff!important;max-width:265px!important}
.homeSlide p{font-size:11px!important;line-height:1.55!important;color:#8a8a8a!important;margin:0 0 13px!important;max-width:290px!important}
.homeSlide a{font-size:11px!important;color:#f2f2f2!important;text-decoration:none!important;font-weight:900!important}
.slideOne{background:linear-gradient(120deg,#151515,#0b0b0b 68%,#18220b)!important}
.slideTwo{background:linear-gradient(120deg,#101010,#141612 60%,#21310e)!important}
.slideThree{background:linear-gradient(120deg,#111,#0d0f0a 60%,#16230b)!important}
.slideVisual{height:130px!important;position:relative!important;display:grid!important;place-items:center!important;z-index:2!important}
.slideVisual img{width:74px!important;height:74px!important;border-radius:22px!important;background:#080808!important;border:1px solid #333!important;padding:7px!important;position:relative!important;z-index:3!important;box-shadow:0 0 40px rgba(182,255,36,.12)!important}
.slideVisual span{position:absolute!important;width:112px!important;height:112px!important;border-radius:50%!important;border:1px solid rgba(182,255,36,.18)!important}
.slideVisual i{position:absolute!important;width:6px!important;height:6px!important;border-radius:50%!important;background:var(--neo-lime,#b6ff24)!important;right:18px!important;top:30px!important;box-shadow:-74px 66px 0 var(--neo-lime,#b6ff24)!important}
.marketBars{height:122px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:9px!important;border-bottom:1px solid #333!important;padding:0 5px 14px!important;position:relative!important;z-index:2!important}
.marketBars i{width:10px!important;border-radius:99px 99px 0 0!important;background:#606060!important}.marketBars i:nth-child(1){height:40px!important}.marketBars i:nth-child(2){height:78px!important;background:var(--neo-lime,#b6ff24)!important}.marketBars i:nth-child(3){height:57px!important}.marketBars i:nth-child(4){height:98px!important}.marketBars i:nth-child(5){height:72px!important;background:#858585!important}
.networkNodes{height:128px!important;position:relative!important;z-index:2!important}.networkNodes:before,.networkNodes:after{content:"";position:absolute!important;left:20%!important;right:12%!important;top:50%!important;height:1px!important;background:#3b4c22!important;transform:rotate(-18deg)!important}.networkNodes:after{transform:rotate(25deg)!important;top:58%!important}.networkNodes b{position:absolute!important;width:28px!important;height:28px!important;border-radius:50%!important;background:#171717!important;border:2px solid var(--neo-lime,#b6ff24)!important}.networkNodes b:nth-child(1){left:8%!important;top:50%!important}.networkNodes b:nth-child(2){left:42%!important;top:24%!important}.networkNodes b:nth-child(3){right:8%!important;top:40%!important}.networkNodes b:nth-child(4){left:48%!important;bottom:8%!important}.networkNodes span{position:absolute!important;width:8px!important;height:8px!important;border-radius:50%!important;background:var(--neo-lime,#b6ff24)!important;right:18%!important;bottom:15%!important}
.homeSliderDots{position:absolute!important;left:0!important;right:0!important;bottom:13px!important;display:flex!important;justify-content:center!important;gap:7px!important;z-index:5!important}.homeSliderDots button{width:6px!important;height:6px!important;border:0!important;border-radius:999px!important;background:#4b4b4b!important;padding:0!important;transition:.25s!important}.homeSliderDots button.active{width:20px!important;background:var(--neo-lime,#b6ff24)!important}
.homeExchange .neoNotice{margin:10px 0 14px!important;background:#0d0d0d!important;border-color:#1d1d1d!important;border-radius:12px!important;height:37px!important}
.homeExchange .neoNotice span{color:#838383!important;font-size:10px!important}
.homeQuickActions{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;padding:3px 0 18px!important;border-bottom:1px solid #171717!important}
.homeQuickActions a{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;color:#bdbdbd!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important;min-width:0!important}
.homeQuickActions a>span{width:48px!important;height:48px!important;border-radius:50%!important;border:1px solid #343434!important;background:#111!important;display:grid!important;place-items:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important}
.homeQuickActions .icon{width:23px!important;height:23px!important;color:var(--neo-lime,#b6ff24)!important;stroke:var(--neo-lime,#b6ff24)!important}
.homeQuickActions a:hover>span{border-color:#526c20!important;background:#141a0d!important}
/* Exchange-style market list on the home page. */
.quoteSection.expandedMarket{background:#000!important;border:0!important;border-radius:0!important;margin:0!important;padding:18px 0 0!important;box-shadow:none!important}
.marketListHead{height:54px!important;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(82px,.75fr) 82px!important;gap:8px!important;align-items:end!important;padding:0 0 11px!important;border-bottom:1px solid #181818!important}
.marketListHead>div b{display:block!important;font-size:17px!important;color:#fff!important}.marketListHead>div small{display:block!important;color:#666!important;font-size:9px!important;margin-top:3px!important}.marketListHead>span{color:#6d6d6d!important;font-size:10px!important;text-align:right!important;padding-bottom:2px!important}
.expandedMarket .quoteMarket{gap:0!important}.expandedMarket .quoteRow{min-height:72px!important;padding:10px 0!important;border-bottom:1px solid #111!important;grid-template-columns:minmax(0,1.2fr) minmax(82px,.75fr) 82px!important;background:#000!important}
.expandedMarket .quoteRow:last-child{border-bottom:0!important}
.expandedMarket .coinBullet{width:39px!important;height:39px!important;flex-basis:39px!important;font-size:18px!important}
.coinBullet.sol{background:linear-gradient(145deg,#6f3cff,#00e4a4)!important}.coinBullet.xrp{background:#151515!important;border:1px solid #424242!important}.coinBullet.doge{background:#c8a02d!important}.coinBullet.bnb{background:#f3ba2f!important;color:#111!important}.coinBullet.ada{background:#3154a5!important}.coinBullet.avax{background:#e84142!important}.coinBullet.link{background:#2a5ada!important}
.expandedMarket .quoteMeta b{font-size:13px!important}.expandedMarket .quoteMeta small{font-size:9px!important;color:#606060!important}.expandedMarket .quotePrice b{font-size:14px!important}.expandedMarket .quotePrice small{font-size:9px!important}.expandedMarket .quotePill{min-width:78px!important;padding:11px 5px!important;background:#263a0a!important;color:var(--neo-lime,#b6ff24)!important;border-radius:7px!important;font-size:12px!important}.expandedMarket .quotePill.negative{background:#391811!important;color:#ff8c74!important}.quoteRow.marketFlash .js-quote-price{animation:marketBlink .55s ease}@keyframes marketBlink{0%{opacity:.45}100%{opacity:1}}
/* Content removed from Home now belongs to Assets. */
.assetsProPage{margin-top:-40px!important;padding-bottom:105px!important}
.assetsActivity{margin-top:14px!important;background:#101010!important;border:1px solid #242424!important}
.assetsInfoList{margin-top:14px!important;margin-bottom:14px!important}
.assetsProPage .infoRow{background:#101010!important;border:1px solid #242424!important;color:#fff!important}
.assetsProPage .infoRow .icon,.assetsProPage .meMenuItem .icon{color:var(--neo-lime,#b6ff24)!important;stroke:var(--neo-lime,#b6ff24)!important}
.assetsProPage .infoRow>b,.assetsProPage .menuArrow{color:var(--neo-lime,#b6ff24)!important}
.assetsProPage .meButtonList{margin-top:14px!important}
/* Keep the entire public shell pure black, including long pages. */
.appPhone,.simplePage,.taskPanel,.teamContent,.vipList,.premiumVipList,.currencyList,.sheetLike,.profilePage{background-color:#000!important}
@media(max-width:480px){
.homeExchange{padding-left:13px!important;padding-right:13px!important}
.homeSlide{grid-template-columns:minmax(0,1.35fr) 105px!important;padding:21px 18px 34px!important}.homeSlide h2{font-size:21px!important}.homeSlide p{font-size:10px!important}
.registerPhoneRow{grid-template-columns:1fr!important}.countrySelect{height:55px!important}.phoneNumberInput{height:55px!important}
.marketListHead,.expandedMarket .quoteRow{grid-template-columns:minmax(0,1.15fr) 79px 74px!important;gap:6px!important}.expandedMarket .quotePill{min-width:70px!important;font-size:11px!important}.expandedMarket .quotePair{gap:8px!important}.expandedMarket .coinBullet{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:15px!important}.expandedMarket .quoteMeta b{font-size:11px!important}.expandedMarket .quotePrice b{font-size:12px!important}
}
/* Financial Pro v4 — navigation, registration, plans, help and assets cleanup */
.appTop.neoAppTop{padding-left:15px!important;padding-right:15px!important;background:#050505!important;border-bottom:1px solid #151515!important}
.brandMini.fullBrand{gap:9px!important;min-width:0!important;flex:1 1 auto!important}
.brandMini.fullBrand img{width:36px!important;height:36px!important;flex:0 0 36px!important}
.brandMini.fullBrand b{font-size:18px!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;color:#fff!important;font-weight:900!important}
.appTopTools{flex:0 0 auto!important}.appTopTools>a{width:34px!important;height:34px!important}
.appTop .languagePill{min-width:104px!important;width:auto!important;padding:0 10px!important}
.appTop .languagePill span{font-size:12px!important}
/* equal-height bottom navigation; Plans is centered by position, not raised */
.bottomNav a,.bottomNav a.navPlans{height:72px!important;min-height:72px!important;margin:0!important;padding:7px 0!important;transform:none!important}
.bottomNav a.navPlans .icon{width:21px!important;height:21px!important;padding:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;stroke:currentColor!important;box-shadow:none!important}
.bottomNav a.navPlans.active .icon{background:transparent!important;stroke:var(--neo-lime,#b6ff24)!important;color:var(--neo-lime,#b6ff24)!important}
/* registration: email -> code -> phone; code selector + number stay on one line */
.registerPhoneRow.phoneInline{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;gap:9px!important;align-items:stretch!important}
.registerPhoneRow.phoneInline .countryDialSelect{width:132px!important;min-width:132px!important;max-width:132px!important;height:60px!important;padding:0 30px 0 10px!important;background:#0b0b0b!important;border:1px solid #292929!important;border-radius:15px!important;color:#fff!important;font-size:12px!important;font-weight:800!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}
.registerPhoneRow.phoneInline .phoneNumberInput{height:60px!important;min-width:0!important}
@media(max-width:480px){.registerPhoneRow.phoneInline{grid-template-columns:124px minmax(0,1fr)!important}.registerPhoneRow.phoneInline .countryDialSelect{width:124px!important;min-width:124px!important;max-width:124px!important;height:58px!important}.registerPhoneRow.phoneInline .phoneNumberInput{height:58px!important}}
/* Home quick actions: two professional rows of four */
.homeQuickActions.homeQuickEight{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:17px!important;padding-top:4px!important;padding-bottom:21px!important}
.homeQuickActions.homeQuickEight a>span{width:50px!important;height:50px!important}
.homeQuickActions.homeQuickEight a b{color:#d8d8d8!important;font-size:10px!important;white-space:nowrap!important}
/* Clean Assets page */
.assetsCleanPage{margin-top:0!important;padding-top:14px!important;background:#000!important}
.assetsIdentity{display:grid!important;grid-template-columns:54px 1fr 42px!important;align-items:center!important;gap:12px!important;padding:2px 2px 14px!important;border-bottom:1px solid #171717!important;margin-bottom:16px!important}
.assetsIdentity img{width:54px!important;height:54px!important;border-radius:16px!important;background:#0b0b0b!important;border:1px solid #292929!important;padding:3px!important;object-fit:contain!important}
.assetsIdentity h2{margin:0!important;color:#fff!important;font-size:22px!important;line-height:1.1!important}
.assetsIdentity small{display:block!important;color:#777!important;font-size:11px!important;margin-top:5px!important}
.assetsIdentity>a{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#111!important;border:1px solid #2a2a2a!important;color:var(--neo-lime,#b6ff24)!important}
.assetsIdentity>a .icon{width:21px!important;height:21px!important;stroke:var(--neo-lime,#b6ff24)!important}
.assetsCleanPage .assetsBalanceCard{margin:0 0 18px!important;padding:4px 0 18px!important;background:#000!important;border:0!important;border-bottom:1px solid #171717!important;border-radius:0!important;box-shadow:none!important;display:block!important}
.assetsCleanPage .portfolioHead>span{color:#8a8a8a!important;font-size:12px!important}
.assetsCleanPage .portfolioHead>b{font-size:42px!important;line-height:1!important;color:#fff!important;margin-top:11px!important;letter-spacing:-1.4px!important}
.assetsCleanPage .portfolioHead>b em{font-size:14px!important;color:#fff!important;font-style:normal!important;letter-spacing:0!important}
.assetsCleanPage .portfolioHead small{display:block!important;color:#747474!important;margin-top:9px!important;font-size:11px!important}
.assetsCleanPage .portfolioMeta{margin-top:22px!important;padding-top:15px!important;border-top:1px solid #161616!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.assetsCleanPage .portfolioMeta span{color:#777!important}.assetsCleanPage .portfolioMeta b{color:#fff!important;font-size:14px!important;margin:0!important}
.assetsCleanPage .portfolioActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:15px!important}
.assetsCleanPage .portfolioActions a{height:52px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-size:16px!important;font-weight:950!important}
.assetsCleanPage .portfolioActions a:first-child{background:var(--neo-lime,#b6ff24)!important;color:#050505!important}.assetsCleanPage .portfolioActions a:last-child{background:#1b1b1b!important;border:1px solid #303030!important;color:#fff!important}
.assetsSectionTitle{margin:4px 2px 10px!important}.assetsSectionTitle h3{margin:0!important;color:#fff!important;font-size:16px!important}
.assetsMenuStart{margin-top:0!important}.assetsMenuStart .meMenuItem .icon{color:var(--neo-lime,#b6ff24)!important;stroke:var(--neo-lime,#b6ff24)!important}
/* Help Center */
.helpCenterPage{background:#000!important;color:#fff!important;padding:16px 14px 94px!important;min-height:calc(100vh - 54px)!important}
.helpHero{background:linear-gradient(135deg,#111,#0c0c0c 68%,#18230b)!important;border:1px solid #252525!important;border-radius:22px!important;padding:20px!important;margin-bottom:14px!important}
.helpHero small,.plansIntro small,.taskCenterIntro small{color:var(--neo-lime,#b6ff24)!important;font-size:10px!important;font-weight:950!important;letter-spacing:1.7px!important}
.helpHero h2,.plansIntro h2,.taskCenterIntro h2{margin:8px 0!important;color:#fff!important;font-size:26px!important;line-height:1.08!important}
.helpHero p,.plansIntro p,.taskCenterIntro p{margin:0!important;color:#858585!important;font-size:12px!important;line-height:1.55!important}
.helpQuickGrid{display:grid!important;gap:10px!important;margin-bottom:14px!important}
.helpQuickGrid>a{display:grid!important;grid-template-columns:40px 1fr 18px!important;gap:12px!important;align-items:center!important;background:#101010!important;border:1px solid #232323!important;border-radius:17px!important;padding:14px!important;color:#fff!important;text-decoration:none!important}
.helpQuickGrid>a>.icon{width:24px!important;height:24px!important;color:var(--neo-lime,#b6ff24)!important;stroke:var(--neo-lime,#b6ff24)!important}
.helpQuickGrid b{display:block!important;font-size:14px!important}.helpQuickGrid span{display:block!important;color:#747474!important;font-size:10px!important;margin-top:4px!important}.helpQuickGrid em{font-size:24px!important;color:var(--neo-lime,#b6ff24)!important;font-style:normal!important}
.helpFaqCard{background:#101010!important;border:1px solid #232323!important;border-radius:20px!important;padding:16px!important}.helpFaqCard .infoRow{background:#151515!important;border:1px solid #282828!important;color:#fff!important;box-shadow:none!important}.helpFaqCard .infoRow .icon,.helpFaqCard .infoRow b{color:var(--neo-lime,#b6ff24)!important}
/* Plans */
.plansPage{background:#000!important;color:#fff!important;padding:14px 14px 94px!important}
.plansIntro{background:linear-gradient(135deg,#101010,#0b0b0b 68%,#18230b)!important;border:1px solid #232323!important;border-radius:22px!important;padding:19px!important;margin-bottom:13px!important}
.cleanPlanList{padding:0!important;background:#000!important;display:grid!important;gap:10px!important}
.cleanPlanCard{padding:16px!important;border-radius:18px!important;margin:0!important;background:#101010!important;border:1px solid #242424!important}
.planCardTop{display:grid!important;grid-template-columns:46px 1fr auto!important;align-items:center!important;gap:12px!important}
.planNumber,.planNumberThumb{display:grid!important;place-items:center!important;background:#213107!important;color:var(--neo-lime,#b6ff24)!important;border:1px solid #3d5814!important;font-weight:950!important}
.planNumber{width:46px!important;height:46px!important;border-radius:14px!important;font-size:15px!important}.planCardTop small{display:block!important;color:#6f6f6f!important;font-size:9px!important;letter-spacing:1.1px!important}.planCardTop h3{margin:3px 0 0!important;font-size:20px!important;color:#fff!important}.planCardTop>strong{color:var(--neo-lime,#b6ff24)!important;font-size:17px!important;white-space:nowrap!important}
.planMetrics{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:14px 0!important}.planMetrics>div{background:#151515!important;border:1px solid #222!important;border-radius:13px!important;padding:11px!important}.planMetrics span{display:block!important;color:#777!important;font-size:10px!important}.planMetrics b{display:block!important;color:#fff!important;font-size:13px!important;margin-top:5px!important}.cleanPlanCard .vipUnlockBtn{width:100%!important;min-height:46px!important;border:0!important;border-radius:13px!important;font-weight:950!important}.cleanPlanCard .vipUnlockBtn.needsUnlock{background:var(--neo-lime,#b6ff24)!important;color:#050505!important}.cleanPlanCard .vipUnlockBtn.isUnlocked{background:#1d2a0d!important;color:var(--neo-lime,#b6ff24)!important;border:1px solid #354b15!important}
/* Mine / income center */
.taskCenterPage{background:#000!important;color:#fff!important;padding:14px 14px 94px!important;min-height:calc(100vh - 54px)!important}.taskCenterIntro{background:linear-gradient(135deg,#101010,#0b0b0b 68%,#18230b)!important;border:1px solid #232323!important;border-radius:22px!important;padding:19px!important;margin-bottom:13px!important}.taskChoosePlan{display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;margin-top:16px!important;min-height:46px!important;background:var(--neo-lime,#b6ff24)!important;color:#050505!important}.cleanTaskPanel{margin:0!important;padding:16px!important;background:#101010!important}.taskResetLine{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #222!important;padding-bottom:13px!important;margin-bottom:12px!important}.taskResetLine span{color:#777!important;font-size:11px!important}.taskResetLine b{color:var(--neo-lime,#b6ff24)!important;font-size:13px!important}.planNumberThumb{width:88px!important;height:88px!important;border-radius:18px!important;font-size:23px!important}.progressTask,.completedTask{grid-template-columns:96px 1fr!important}.progressTask button{background:var(--neo-lime,#b6ff24)!important;color:#050505!important;font-weight:950!important}
@media(max-width:390px){.brandMini.fullBrand b{font-size:16px!important}.appTop .languagePill{min-width:94px!important;padding:0 8px!important}.homeQuickActions.homeQuickEight a b{font-size:9px!important}.assetsCleanPage .portfolioHead>b{font-size:37px!important}.planCardTop>strong{font-size:15px!important}}
/* Financial Pro v5 — Assets card, simplified 3-level network, visual plans */
.assetWalletCard{position:relative;overflow:hidden;margin:8px 0 14px;padding:22px 20px 18px;border-radius:24px;background:linear-gradient(135deg,#202d0d 0%,#11170b 48%,#080a07 100%);border:1px solid #334519;box-shadow:0 18px 50px rgba(0,0,0,.34);color:#fff}
.assetWalletCard:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-92px;top:-116px;border:34px solid rgba(182,255,36,.055);box-shadow:0 0 0 32px rgba(182,255,36,.025)}
.assetWalletCard:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--neo-lime,#b6ff24),rgba(182,255,36,.08))}
.assetWalletTop{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.assetWalletTop>span{font-size:14px;font-weight:750;color:#c4c8bd}.assetEye{width:38px!important;height:38px!important;border-radius:12px!important;background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--neo-lime,#b6ff24)!important;display:grid!important;place-items:center!important;padding:0!important}.assetEye .icon{width:19px!important;height:19px!important;stroke:currentColor!important}
.assetWalletAmount{position:relative;z-index:1;margin:14px 0 8px;font-size:40px;font-weight:950;line-height:1;letter-spacing:-1.5px;color:#fff!important}.assetWalletAmount em{font-size:16px;font-style:normal;font-weight:850;letter-spacing:0;color:#fff!important;margin-right:6px}.assetWalletAmount .balanceAmount{color:#fff!important}
.assetWalletMeta{position:relative;z-index:1;display:flex;gap:10px;justify-content:space-between;align-items:center;color:#a6aa9d;font-size:11px;padding-top:5px}.assetWalletMeta span:last-child{color:var(--neo-lime,#b6ff24);font-weight:800}
.assetWalletRecharge{position:relative;z-index:1;margin-top:20px;padding-top:13px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center}.assetWalletRecharge span{font-size:11px;color:#91968a}.assetWalletRecharge b{font-size:12px;color:#fff!important}.assetWalletRecharge .rechargeAmount{color:#fff!important}
.assetPrimaryActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px}.assetPrimaryActions a{height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:950;font-size:15px}.assetPrimaryActions a .icon{width:20px;height:20px}.assetPrimaryActions a:first-child{background:var(--neo-lime,#b6ff24);color:#050505}.assetPrimaryActions a:first-child .icon{stroke:#050505!important}.assetPrimaryActions a:last-child{background:#151515;border:1px solid #2a2a2a;color:#fff}.assetPrimaryActions a:last-child .icon{stroke:var(--neo-lime,#b6ff24)!important}
.assetsCleanPage{padding-top:10px!important}.assetsCleanPage .assetsSectionTitle{margin-top:2px!important}
.networkSimplePage{padding:14px 14px 94px!important;background:#000!important;min-height:calc(100vh - 54px)}
.networkInvitePro{background:#101010;border:1px solid #252525;border-radius:22px;padding:18px;margin-bottom:12px;box-shadow:0 14px 35px rgba(0,0,0,.22)}
.networkInviteHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.networkInviteHead small{display:block;color:#7b7b7b;font-size:9px;font-weight:900;letter-spacing:1.6px}.networkInviteHead b{display:block;color:var(--neo-lime,#b6ff24);font-size:29px;line-height:1;margin-top:7px;letter-spacing:.5px}.networkInviteHead button,.networkLinkLine button{border:0;border-radius:13px;background:var(--neo-lime,#b6ff24);color:#050505;font-weight:950}.networkInviteHead button{height:44px;padding:0 15px;display:flex;align-items:center;gap:7px}.networkInviteHead button .icon{width:17px;height:17px;stroke:#050505!important}
.networkLinkLine{margin-top:16px;padding-top:14px;border-top:1px solid #202020;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.networkLinkLine span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#949494;font-size:11px}.networkLinkLine button{height:38px;padding:0 13px}
.networkSummaryPro{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.networkSummaryPro>div{background:linear-gradient(145deg,#111,#0d0d0d);border:1px solid #252525;border-radius:18px;padding:16px}.networkSummaryPro span{display:block;color:#7f7f7f;font-size:10px}.networkSummaryPro b{display:block;color:#fff;font-size:21px;margin-top:8px}
.networkLevelTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 12px}.networkLevelTabs span{padding:11px 5px;border-radius:13px;background:#121212;border:1px solid #262626;text-align:center;color:#b8b8b8;font-size:11px;font-weight:800}.networkLevelTabs b{color:var(--neo-lime,#b6ff24);font-size:11px}
.networkLevelStack{display:grid;gap:12px}.networkLevelPro{background:#101010;border:1px solid #262626;border-radius:22px;padding:17px;overflow:hidden;position:relative}.networkLevelPro:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--neo-lime,#b6ff24)}.networkLevelPro header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.networkLevelPro header small{display:block;color:#737373;font-size:9px;font-weight:900;letter-spacing:1.4px}.networkLevelPro header h2{margin:4px 0 0;color:#fff;font-size:18px}.networkLevelPro header strong{min-width:62px;padding:10px 8px;border-radius:12px;background:#223407;color:var(--neo-lime,#b6ff24);text-align:center;font-size:16px}
.networkMetricGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.networkMetricGrid>div{background:#151515;border:1px solid #222;border-radius:14px;padding:13px 10px;text-align:center}.networkMetricGrid b{display:block;color:#fff;font-size:18px}.networkMetricGrid span{display:block;color:#818181;font-size:10px;line-height:1.3;margin-top:6px}
.visualPlanList{gap:13px!important}.visualPlanCard{padding:0!important;overflow:hidden!important;background:#0f0f0f!important}.planChartImage{height:122px;position:relative;overflow:hidden;background:#080a08;border-bottom:1px solid #202020}.planChartImage img{width:100%;height:100%;display:block;object-fit:cover}.planChartImage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.5))}.planChartImage>span{position:absolute;left:12px;top:11px;z-index:2;background:rgba(0,0,0,.72);border:1px solid rgba(182,255,36,.28);color:var(--neo-lime,#b6ff24);border-radius:9px;padding:6px 8px;font-size:9px;font-weight:950;letter-spacing:1.1px}.visualPlanCard .planCardTop{padding:14px 15px 0!important;grid-template-columns:1fr auto!important}.visualPlanCard .planCardTop h3{font-size:20px!important}.visualPlanCard .planCardTop>strong{font-size:18px!important;color:var(--neo-lime,#b6ff24)!important}.visualPlanCard .planMetrics{margin:12px 15px!important}.visualPlanCard .vipUnlockBtn{width:calc(100% - 30px)!important;margin:0 15px 15px!important}.planTaskThumb{overflow:hidden!important;background:#0c0c0c!important;border:1px solid #2c2c2c!important}.planTaskThumb img{width:100%!important;height:100%!important;object-fit:cover!important}
@media(max-width:390px){.assetWalletAmount{font-size:36px}.networkInviteHead b{font-size:25px}.networkMetricGrid b{font-size:16px}.networkLevelTabs span{font-size:10px}.planChartImage{height:110px}}
/* =========================================================
Financial Pro v6 — 24h mining + complete team earnings
========================================================= */
/* Strong white navigation/text on black; active remains lime. */
body:not(.adminBody) .bottomNav a,
body:not(.adminBody) .neoBottomNav a{color:#fff!important;opacity:1!important}
body:not(.adminBody) .bottomNav a .icon,
body:not(.adminBody) .neoBottomNav a .icon{stroke:#fff!important;color:#fff!important;opacity:1!important}
body:not(.adminBody) .bottomNav a.active,
body:not(.adminBody) .neoBottomNav a.active{color:var(--neo-lime,#b6ff24)!important}
body:not(.adminBody) .bottomNav a.active .icon,
body:not(.adminBody) .neoBottomNav a.active .icon{stroke:var(--neo-lime,#b6ff24)!important;color:var(--neo-lime,#b6ff24)!important}
body:not(.adminBody) .neoNotice span{color:#fff!important;opacity:1!important}
body:not(.adminBody) .neoNotice .icon{stroke:var(--neo-lime,#b6ff24)!important;color:var(--neo-lime,#b6ff24)!important}
/* Assets: always present a bright, high-contrast wallet card. */
.assetWalletCard{background:linear-gradient(135deg,#1d2a0c 0%,#0e1309 55%,#050505 100%)!important;border-color:#354b16!important}
.assetWalletAmount,.assetWalletAmount *{color:#fff!important;opacity:1!important}
.assetWalletAmount{font-size:44px!important;letter-spacing:-1.8px!important}
.assetWalletTop>span,.assetWalletRecharge span,.assetWalletMeta{color:#d2d5cc!important}
.assetWalletRecharge b,.assetWalletRecharge b *{color:#fff!important}
/* Professional team earnings with date search and 3 complete levels. */
.networkEarningsPage{padding-top:14px!important}
.compactInvite{margin-bottom:12px!important}
.networkDateFilter{display:grid;grid-template-columns:1fr 1fr auto auto;gap:9px;align-items:end;background:#101010;border:1px solid #252525;border-radius:18px;padding:13px;margin-bottom:12px}
.networkDateFilter label{display:grid;gap:6px;min-width:0}.networkDateFilter label>span{font-size:10px;color:#fff;font-weight:800}
.networkDateFilter input{width:100%;min-width:0;height:42px;border:1px solid #303030;border-radius:12px;background:#080808;color:#fff;padding:0 10px;font-size:12px;outline:none;color-scheme:dark}
.networkDateFilter input:focus{border-color:#536e22;box-shadow:0 0 0 3px rgba(182,255,36,.08)}
.networkDateFilter button,.networkDateFilter a{height:42px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0 15px;font-weight:950;text-decoration:none;white-space:nowrap}
.networkDateFilter button{background:var(--neo-lime,#b6ff24);color:#050505}.networkDateFilter a{background:#1b1b1b;color:#fff;border:1px solid #303030}
.earningsSummary{grid-template-columns:repeat(3,1fr)!important}.earningsSummary>div{min-width:0}.earningsSummary b{font-size:17px!important;white-space:normal;word-break:break-word}
.commissionSchedule{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 12px}.commissionSchedule span{background:#101010;border:1px solid #292929;border-radius:14px;padding:12px 8px;text-align:center;color:#fff;font-size:11px;font-weight:800}.commissionSchedule b{display:block;color:var(--neo-lime,#b6ff24);font-size:17px;margin-top:5px}
.memberLevelStack{gap:14px!important}.memberLevelCard{padding:17px!important}.memberLevelCard header{margin-bottom:13px!important}.memberLevelCard header h2{font-size:19px!important}
.networkMembersList{margin-top:14px;border-top:1px solid #222;padding-top:12px}.networkMembersTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.networkMembersTitle>b{color:#fff;font-size:13px}.networkMembersTitle>span{min-width:27px;height:27px;border-radius:9px;background:#1d2b0b;color:var(--neo-lime,#b6ff24);display:grid;place-items:center;font-size:11px;font-weight:900}
.networkMemberRow{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #191919}.networkMemberRow:first-of-type{border-top:0}.networkMemberAvatar{width:38px;height:38px;border-radius:12px;background:#1b280c;border:1px solid #354b15;color:var(--neo-lime,#b6ff24);display:grid;place-items:center;font-weight:950;font-size:15px}.networkMemberInfo{min-width:0}.networkMemberInfo b{display:block;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.networkMemberInfo small{display:block;color:#8b8b8b;font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.networkMemberValue{text-align:right}.networkMemberValue>b{display:block;color:#fff;font-size:11px}.networkMemberValue small{display:inline-block;margin-top:5px;font-size:9px;font-weight:900}.networkMemberValue small.active{color:var(--neo-lime,#b6ff24)}.networkMemberValue small.inactive{color:#9a9a9a}.networkMembersEmpty{border:1px dashed #2b2b2b;border-radius:13px;padding:15px;text-align:center;color:#8c8c8c;font-size:11px;background:#0b0b0b}
/* 24-hour automatic mining. The next cycle is gated by reward collection. */
.mining24Page{background:#000!important;min-height:calc(100vh - 54px)!important;padding-bottom:96px!important}.miningHero24{background:linear-gradient(135deg,#101010,#0b0b0b 60%,#1a270c)!important}.miningHero24 small{color:var(--neo-lime,#b6ff24)!important;letter-spacing:1.8px!important;font-weight:950!important}.miningHero24 h2{font-size:23px!important;color:#fff!important;margin:7px 0!important}.miningHero24 p{color:#999!important;line-height:1.55!important}
.miningCycleCard{background:#101010;border:1px solid #292929;border-radius:24px;padding:16px;margin-bottom:13px;overflow:hidden;position:relative}.miningCycleCard:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-110px;top:-100px;background:radial-gradient(circle,rgba(182,255,36,.12),transparent 70%);pointer-events:none}
.miningCycleVisual{height:150px;border-radius:18px;overflow:hidden;position:relative;background:#070907;border:1px solid #242424;margin-bottom:15px}.miningCycleVisual img{width:100%;height:100%;object-fit:cover;display:block}.miningCycleVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.72))}.miningCycleBadge{position:absolute;left:12px;top:12px;z-index:2;background:rgba(0,0,0,.76);border:1px solid rgba(182,255,36,.32);border-radius:9px;color:var(--neo-lime,#b6ff24);font-size:9px;font-weight:950;letter-spacing:1.2px;padding:6px 8px}
.miningStatusRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.miningStatusRow small{display:block;color:#858585;font-size:9px;font-weight:900;letter-spacing:1.2px}.miningStatusRow h3{margin:5px 0 0;color:#fff;font-size:20px}.miningStatusDot{padding:8px 11px;border-radius:999px;font-size:10px;font-weight:950}.miningStatusDot.running{background:#1a260c;color:var(--neo-lime,#b6ff24)}.miningStatusDot.ready{background:var(--neo-lime,#b6ff24);color:#050505}
.miningTimerBox{margin-top:15px;padding:14px;border-radius:17px;background:#080808;border:1px solid #242424}.miningTimerBox>span{display:block;color:#8b8b8b;font-size:10px}.miningTimerBox>b{display:block;color:#fff;font-size:31px;letter-spacing:1.1px;margin-top:6px;font-variant-numeric:tabular-nums}.miningProgressTrack{height:7px;border-radius:999px;background:#202020;overflow:hidden;margin-top:12px}.miningProgressTrack i{display:block;height:100%;width:2%;border-radius:inherit;background:var(--neo-lime,#b6ff24);transition:width .5s linear;box-shadow:0 0 14px rgba(182,255,36,.25)}
.miningCycleMeta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.miningCycleMeta>div{background:#151515;border:1px solid #232323;border-radius:13px;padding:11px}.miningCycleMeta span{display:block;color:#808080;font-size:9px}.miningCycleMeta b{display:block;color:#fff;font-size:10px;margin-top:5px;line-height:1.35;word-break:break-word}
.collectMiningBtn{width:100%;height:52px;border:0;border-radius:15px;background:var(--neo-lime,#b6ff24);color:#050505;font-weight:950;font-size:15px;margin-top:4px}.collectMiningBtn:disabled{background:#1d1d1d!important;color:#858585!important;border:1px solid #2b2b2b!important}.miningHoldNote{margin:10px 5px 0;text-align:center;color:#858585;font-size:10px;line-height:1.45}.miningHistoryCard{background:#101010;border:1px solid #252525;border-radius:22px;padding:16px}.miningHistoryCard .sectionHead{margin-bottom:8px}.miningHistoryRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #1d1d1d}.miningHistoryRow:first-of-type{border-top:0}.miningHistoryRow b{display:block;color:#fff;font-size:12px}.miningHistoryRow small{display:block;color:#777;font-size:9px;margin-top:4px}.miningHistoryRow>span{color:var(--neo-lime,#b6ff24);font-size:12px;font-weight:950}
.taskCompleteSheet{background:#101010!important;color:#fff!important;border:1px solid #2a2a2a!important}.taskCompleteSheet h2{color:#fff!important}.taskCompleteSheet p,.sheetProgressText{color:#a0a0a0!important}.sheetProgress{background:#242424!important}.sheetProgress span{background:var(--neo-lime,#b6ff24)!important}
/* Plans: larger professional chart artwork. */
.visualPlanCard{border:1px solid #292929!important;box-shadow:0 14px 34px rgba(0,0,0,.3)!important}.planChartImage{height:150px!important}.visualPlanCard .planCardTop{padding-top:16px!important}.visualPlanCard .planCardTop h3{color:#fff!important}.visualPlanCard .planMetrics>div{background:#0b0b0b!important}
@media(max-width:390px){
.assetWalletAmount{font-size:39px!important}
.networkDateFilter{grid-template-columns:1fr 1fr}.networkDateFilter button,.networkDateFilter a{grid-column:auto}
.earningsSummary{grid-template-columns:1fr!important}.earningsSummary>div{padding:13px!important}
.networkMemberRow{grid-template-columns:34px minmax(0,1fr) auto}.networkMemberAvatar{width:34px;height:34px}.networkMemberValue>b{font-size:10px}
.miningTimerBox>b{font-size:27px}.miningCycleVisual{height:135px}.planChartImage{height:135px!important}
}
/* Cryptomus automatic USDT gateway */
.cryptomusDepositPage{padding:16px 14px 100px!important;background:#000!important}.cryptomusGatewayCard{background:linear-gradient(180deg,#111,#090909);border:1px solid #252525;border-radius:24px;padding:22px;color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.42)}.cryptomusCoin{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:#b6ff24;color:#050505;font-size:32px;font-weight:950;margin-bottom:18px}.cryptomusGatewayTitle small{color:#b6ff24;font-size:10px;font-weight:950;letter-spacing:1.6px}.cryptomusGatewayTitle h2{font-size:30px;margin:8px 0 8px}.cryptomusGatewayTitle p{color:#8a8a8a;font-size:13px;line-height:1.6;margin:0 0 22px}.cryptomusDepositForm label{display:flex;justify-content:space-between;gap:10px;color:#d7d7d7;font-weight:800;margin-bottom:9px}.cryptomusDepositForm label span{color:#777;font-size:12px}.cryptomusAmountBox{height:66px;border:1px solid #303030;background:#080808;border-radius:17px;display:flex;align-items:center;padding:0 16px;margin-bottom:12px}.cryptomusAmountBox input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;color:#fff!important;font-size:25px!important;font-weight:850}.cryptomusAmountBox b{color:#b6ff24;font-size:13px}.cryptomusQuickAmounts{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:16px}.cryptomusQuickAmounts button{height:38px;border-radius:11px;border:1px solid #292929;background:#151515;color:#ddd;font-weight:800}.cryptomusQuickAmounts button:hover{border-color:#b6ff24;color:#b6ff24}.cryptomusPayBtn{width:100%;min-height:54px!important;background:#b6ff24!important;color:#050505!important;font-weight:950!important}.cryptomusTrustRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.cryptomusTrustRow span{background:#121212;border:1px solid #222;border-radius:999px;padding:7px 10px;color:#8f8f8f;font-size:10px}.cryptomusRecent{margin-top:14px!important}.cryptomusRecentRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid #202020}.cryptomusRecentRow:first-of-type{border-top:0}.cryptomusRecentRow b{display:block;color:#fff}.cryptomusRecentRow small{display:block;color:#777;margin-top:4px;font-size:10px}.cryptomusRecentRow .statusPill{font-size:10px;text-transform:capitalize;background:#1a1a1a;border:1px solid #2b2b2b;border-radius:999px;padding:7px 10px}.cryptomusRecentRow .statusPill.approved,.cryptomusRecentRow .statusPill.paid,.cryptomusRecentRow .statusPill.paid_over{background:#263a0d;color:#b6ff24;border-color:#365014}.cryptomusRecentRow .statusPill.rejected,.cryptomusRecentRow .statusPill.fail,.cryptomusRecentRow .statusPill.cancel{background:#351513;color:#ff8f7b;border-color:#51201c}@media(max-width:480px){.cryptomusQuickAmounts{grid-template-columns:repeat(3,1fr)}.cryptomusGatewayCard{padding:18px}.cryptomusGatewayTitle h2{font-size:27px}}
/* === Financial Pro v8: slider, support desk, system console === */
.imageBackSlide{position:relative;background:#090909!important;overflow:hidden}
.imageBackSlide:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.55) 48%,rgba(0,0,0,.15) 100%),var(--slide-img);background-size:cover;background-position:center;z-index:0}
.imageBackSlide .slideCopy{position:relative;z-index:2;max-width:68%}
.imageBackSlide .slideCopy small{color:var(--neo-lime)!important}.imageBackSlide .slideCopy h2{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.7)}.imageBackSlide .slideCopy p{color:#d0d0d0!important}.imageBackSlide .slideCopy a{color:#050505!important;background:var(--neo-lime);display:inline-flex;padding:9px 13px;border-radius:999px;font-weight:900;text-decoration:none}
.infoRow-problem .icon,.helpFaqCard .infoRow-problem .icon{color:#4d63ff!important;stroke:#4d63ff!important}
.supportChatPage{min-height:calc(100vh - 130px);background:#000;padding:16px 14px 92px;display:flex;flex-direction:column;gap:12px}
.supportChatHeader{display:flex;align-items:center;gap:12px;background:#101010;border:1px solid #252525;border-radius:20px;padding:16px;color:#fff}.supportStatusDot{width:12px;height:12px;border-radius:50%;background:var(--neo-lime);box-shadow:0 0 0 6px rgba(182,255,36,.08)}.supportChatHeader small{color:var(--neo-lime);font-size:10px;font-weight:900;letter-spacing:1.4px}.supportChatHeader h2{margin:3px 0 3px;font-size:20px}.supportChatHeader p{margin:0;color:#858585;font-size:12px;line-height:1.4}
.supportMessages{height:54vh;min-height:360px;overflow:auto;background:#090909;border:1px solid #202020;border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.supportWelcome{margin:auto;color:#777;text-align:center;max-width:280px;line-height:1.6;font-size:13px}
.supportBubble{max-width:84%;border-radius:18px;padding:11px 13px;background:#151515;border:1px solid #292929;color:#fff;align-self:flex-start}.supportBubble.user{align-self:flex-end;background:#21340b;border-color:#385a0c}.supportBubbleHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px}.supportBubbleHead b{font-size:11px;color:var(--neo-lime)}.supportBubbleHead small{font-size:9px;color:#777}.supportBubble p{margin:0;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.supportImageLink{display:block;margin-top:8px}.supportImageLink img{display:block;max-width:100%;max-height:260px;border-radius:13px;object-fit:cover;border:1px solid #323232}
.supportComposer{display:grid;grid-template-columns:46px minmax(0,1fr) 72px;gap:8px;align-items:end;background:#111;border:1px solid #262626;border-radius:18px;padding:9px}.supportAttachBtn{width:44px;height:44px;border-radius:13px;background:#1b1b1b;border:1px solid #333;color:var(--neo-lime);display:grid;place-items:center;font-size:24px;cursor:pointer}.supportAttachBtn input{display:none}.supportComposer textarea{resize:none;min-height:44px;max-height:100px;border:1px solid #2a2a2a;border-radius:13px;background:#080808;color:#fff;padding:12px;font:inherit;outline:0}.supportComposer textarea:focus{border-color:#4b6f10}.supportComposer button{height:44px;border:0;border-radius:13px;background:var(--neo-lime);color:#050505;font-weight:950}.supportFileName{min-height:14px;color:#777;font-size:10px;padding:0 10px}
/* Dark Financial Pro system console */
.adminBody{background:#050505!important;color:#f5f5f5!important}.adminSide{background:#090909!important;border-right:1px solid #222!important}.adminBrand{border-bottom-color:#222!important}.adminBrand b,.adminHeader h1,.adminPanel h2,.adminPanel h3{color:#fff!important}.adminBrand span,.adminHeader p,.adminBody .muted{color:#858585!important}.adminSide nav a{color:#bdbdbd!important}.adminSide nav a:hover,.adminSide nav a.active{background:#182604!important;color:var(--neo-lime)!important}.adminSide nav a .icon{color:currentColor!important;stroke:currentColor!important}.adminMain{background:#050505!important}.adminHeader{background:#080808!important;border-bottom:1px solid #222!important}.openSite,.adminAdd,.adminLink{color:#050505!important;background:var(--neo-lime)!important;border-radius:10px!important;padding:8px 12px!important;text-decoration:none!important;font-weight:900!important}.adminPanel,.adminCard,.adminAccordion,.pageEdit,.ruleCard{background:#111!important;border:1px solid #262626!important;color:#fff!important;box-shadow:none!important}.adminCard .icon{color:var(--neo-lime)!important;stroke:var(--neo-lime)!important}.adminCard span,.adminMiniGrid span{color:#868686!important}.adminForm input,.adminForm textarea,.adminForm select,.miniAdminForm input,.miniAdminForm select,.adminSearch input{background:#090909!important;color:#fff!important;border:1px solid #303030!important}.adminForm button,.miniAdminForm button,.adminSearch button,.adminSaveBar button,.cardActions button,.adminLogin button{background:var(--neo-lime)!important;color:#050505!important;border:0!important;font-weight:950!important}.tableWrap table{background:#0b0b0b!important;color:#e9e9e9!important}.tableWrap th{background:#121212!important;color:#9b9b9b!important}.tableWrap td,.tableWrap th{border-color:#242424!important}.adminLogin{background:#111!important;border:1px solid #292929!important;color:#fff!important}.adminLogin input{background:#080808!important;color:#fff!important;border-color:#303030!important}.successBox{background:#182604!important;color:var(--neo-lime)!important;border-color:#36520d!important}.errorBox{background:#2a1111!important;color:#ff9d9d!important;border-color:#542121!important}.purplePill{background:#203209!important;color:var(--neo-lime)!important}
.systemSliderEdit{background:#0b0b0b;border:1px solid #272727;border-radius:18px;padding:14px;margin:14px 0}.systemSliderPreview{height:180px;border-radius:14px;overflow:hidden;background:#050505;border:1px solid #232323;margin-bottom:14px}.systemSliderPreview img{width:100%;height:100%;object-fit:cover}.systemSliderPlaceholder{height:100%;display:grid;place-items:center;color:#777;padding:20px;text-align:center}
.systemSupportDesk{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;height:calc(100vh - 130px);min-height:620px}.systemSupportThreads,.systemSupportConversation{background:#0b0b0b;border:1px solid #242424;border-radius:20px;overflow:hidden}.systemSupportThreads{display:flex;flex-direction:column}.systemSupportTitle{padding:18px;border-bottom:1px solid #222}.systemSupportTitle h2{margin:0;color:#fff}.systemSupportTitle span{color:#777;font-size:12px}.supportThreadItem{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px;border-bottom:1px solid #171717;text-decoration:none;color:#fff}.supportThreadItem:hover,.supportThreadItem.active{background:#152204}.supportThreadItem div{min-width:0}.supportThreadItem b{display:block;font-size:13px}.supportThreadItem span{display:block;color:#777;font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supportThreadItem em{font-style:normal;min-width:22px;height:22px;border-radius:999px;background:var(--neo-lime);color:#050505;display:grid;place-items:center;font-size:11px;font-weight:900}.supportNoThreads{padding:24px;color:#777}.systemSupportConversation{display:flex;flex-direction:column}.systemSupportConversation>header{height:72px;padding:0 18px;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between}.systemSupportConversation>header b{display:block;color:#fff}.systemSupportConversation>header span{display:block;color:#777;font-size:11px;margin-top:4px}.systemSupportConversation>header i{font-style:normal;color:var(--neo-lime);font-size:11px}.systemMessages{height:auto;min-height:0;flex:1;border:0;border-radius:0}.systemComposer{border-width:1px 0 0;border-radius:0}.supportEmptyDesk{margin:auto;text-align:center;color:#777}.supportEmptyDesk h2{color:#fff}
@media(max-width:900px){.systemSupportDesk{grid-template-columns:1fr;height:auto}.systemSupportThreads{max-height:300px}.systemSupportConversation{min-height:600px}}
@media(max-width:480px){.imageBackSlide .slideCopy{max-width:82%}.imageBackSlide:before{background-image:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.45)),var(--slide-img)}.supportMessages{height:50vh}.supportComposer{grid-template-columns:42px minmax(0,1fr) 64px}.supportAttachBtn{width:40px;height:42px}.supportComposer button{height:42px}}
/* === Financial Pro v9: exact sliders, required invite, fixed support composer === */
.requiredMark{color:var(--neo-lime,#b6ff24)!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.7px!important;margin-left:6px!important}
/* First two home slides use the exact supplied artwork with no text overlay. */
.homeSlider{height:clamp(238px,58vw,276px)!important;min-height:238px!important}
.homeSliderTrack,.homeSlide{height:100%!important;min-height:100%!important}
.homeSlide.imageOnlySlide{display:block!important;padding:0!important;grid-template-columns:none!important;background:#050505!important}
.homeSlide.imageOnlySlide:after{display:none!important}
.slideImageLink{display:block!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important}
.slideImageLink img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border:0!important}
/* All help/common-question symbols follow the lime Financial Pro palette. */
.infoRow-problem .icon,.helpFaqCard .infoRow-problem .icon,.helpFaqCard .infoRow-problem{color:var(--neo-lime,#b6ff24)!important;stroke:var(--neo-lime,#b6ff24)!important}
.helpFaqCard .infoRow-problem b{color:var(--neo-lime,#b6ff24)!important}
/* Support page: the header and composer stay in place; only messages scroll. */
.supportChatPage{height:calc(100dvh - 138px)!important;min-height:0!important;max-height:calc(100dvh - 138px)!important;padding:12px 14px 8px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:10px!important}
.supportChatHeader{flex:0 0 auto!important}
.supportMessages{flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important}
.supportComposer{flex:0 0 auto!important;position:relative!important;z-index:8!important;margin:0!important;box-shadow:0 -10px 28px rgba(0,0,0,.34)!important}
.supportFileName{flex:0 0 auto!important;min-height:12px!important;padding:0 8px!important}
@media(max-width:480px){
.homeSlider{height:clamp(238px,61vw,268px)!important}
.supportChatPage{height:calc(100dvh - 126px)!important;max-height:calc(100dvh - 126px)!important;padding:10px 10px 6px!important}
.supportChatHeader{padding:12px!important}
.supportMessages{min-height:0!important}
}
/* === Financial Pro v10: compact sliders, coin detail, mobile system console === */
/* Three home sliders use the same compact panoramic footprint. */
.homeSlider{height:auto!important;min-height:0!important;aspect-ratio:2.15/1!important;border-radius:18px!important;margin:2px 0 10px!important}
.homeSliderTrack,.homeSlide{height:100%!important;min-height:0!important}
.homeSlide{padding:16px 18px 27px!important;grid-template-columns:minmax(0,1.4fr) minmax(86px,.6fr)!important}
.homeSlide h2{font-size:19px!important;line-height:1.05!important;margin:6px 0!important}.homeSlide p{font-size:9px!important;line-height:1.45!important;margin-bottom:9px!important}.homeSlide small,.homeSlide a{font-size:8px!important}
.homeSliderDots{bottom:8px!important}.homeSliderDots button{width:5px!important;height:5px!important}.homeSliderDots button.active{width:17px!important}
.slideImageLink img{object-fit:cover!important;object-position:center!important}
.marketBars{height:84px!important;gap:7px!important;padding-bottom:9px!important}.marketBars i{width:7px!important}.marketBars i:nth-child(1){height:28px!important}.marketBars i:nth-child(2){height:54px!important}.marketBars i:nth-child(3){height:39px!important}.marketBars i:nth-child(4){height:68px!important}.marketBars i:nth-child(5){height:50px!important}
/* Market rows are navigation links to the coin detail screen. */
.expandedMarket .quoteRow{color:inherit!important;text-decoration:none!important;cursor:pointer!important}.expandedMarket .quoteRow:active{background:#090909!important}
/* Coin detail screen: visual market view only, no executable trade controls. */
.coinDetailPage{min-height:100dvh;background:#000;color:#fff;padding:0 0 26px;overflow-x:hidden}
.coinDetailTop{height:76px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid #151515;background:#050505;position:sticky;top:0;z-index:30}
.coinBack{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:38px;line-height:1;background:#101010;border:1px solid #262626}.coinDetailTop>div b{display:block;font-size:22px;line-height:1}.coinDetailTop>div span{display:block;color:#777;font-size:11px;margin-top:5px}.coinMore{border:0;background:transparent;color:#aaa;font-weight:900;font-size:20px}
.coinStats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:15px 16px 13px;border-bottom:1px solid #191919}.coinStats>div{min-width:0}.coinStats span{display:block;color:#737373;font-size:10px;margin-bottom:6px}.coinStats b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coinChange.positive{color:var(--neo-lime,#b6ff24)}.coinChange.negative{color:#ff7b63}
.coinChartPanel{padding:0 0 14px;border-bottom:1px solid #1a1a1a}.coinRangeTabs{height:54px;display:flex;align-items:center;justify-content:space-around;padding:0 12px;border-bottom:1px solid #141414}.coinRangeTabs button{border:0;background:transparent;color:#777;font-weight:800;font-size:12px;padding:10px}.coinRangeTabs button.active{color:#fff;border-bottom:2px solid var(--neo-lime,#b6ff24)}
.coinChartWrap{height:260px;position:relative;overflow:hidden;background:#020202}.coinChartGrid{position:absolute;inset:0;background-image:linear-gradient(#151515 1px,transparent 1px),linear-gradient(90deg,#151515 1px,transparent 1px);background-size:100% 25%,25% 100%;pointer-events:none}.coinChartSvg{position:absolute;inset:14px 0 8px;width:100%;height:calc(100% - 22px);z-index:2}.coinChartLine{fill:none;stroke:var(--neo-lime,#b6ff24);stroke-width:2.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(182,255,36,.25))}.coinChartArea{fill:url(#coinFill);stroke:none}.coinLiveTag{position:absolute;right:12px;top:47%;transform:translateY(-50%);z-index:5;border:1px solid #4c6f10;background:#0b1305;border-radius:8px;padding:7px 9px;text-align:right}.coinLiveTag b{display:block;color:var(--neo-lime,#b6ff24);font-size:13px}.coinLiveTag span{display:block;color:#707c61;font-size:8px;margin-top:2px}
.coinHighLow{display:flex;justify-content:space-between;padding:8px 16px 0;color:#747474;font-size:10px}.coinHighLow b{color:#ccc;font-weight:800}
.coinDirection{padding:14px 16px 8px}.coinBuySell{display:flex;gap:22px;border-bottom:1px solid #181818;margin-bottom:13px}.coinBuySell button{border:0;background:transparent;color:#777;font-weight:900;font-size:15px;padding:8px 0 11px}.coinBuySell button.active{color:#fff;border-bottom:2px solid #fff}.directionToggle{display:grid;grid-template-columns:1fr 1fr;background:#191919;border-radius:14px;padding:4px;margin-bottom:12px}.directionToggle button{height:46px;border:0;border-radius:11px;background:transparent;font-weight:950;font-size:16px}.directionToggle .up{color:var(--neo-lime,#b6ff24)}.directionToggle .up.active{background:#26360a}.directionToggle .down{color:#ff5baf}
.coinOrderMock{display:grid;gap:10px}.coinOrderMock>div:not(.coinOrderBook){height:56px;background:#171717;border:1px solid #242424;border-radius:14px;padding:0 14px;display:flex;align-items:center;justify-content:space-between}.coinOrderMock span{color:#888}.coinOrderMock b{color:#ddd}.coinOrderBook{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#080808;border:1px solid #191919;border-radius:14px;padding:12px}.coinOrderBook section{display:grid;gap:5px}.coinOrderBook small{color:#777;font-size:9px}.coinOrderBook i{display:block;height:7px;border-radius:2px;background:linear-gradient(90deg,#28420b 0 62%,transparent 62%)}.coinOrderBook section:last-child i{background:linear-gradient(90deg,#37162a 0 48%,transparent 48%)}.coinOrderBook i:nth-child(3){opacity:.78}.coinOrderBook i:nth-child(4){opacity:.62}.coinOrderBook i:nth-child(5){opacity:.48}.coinTradeDisabled{height:50px;border:0;border-radius:14px;background:var(--neo-lime,#b6ff24);color:#050505;font-weight:950;font-size:14px;opacity:.55}
.coinFooterFacts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 16px 0}.coinFooterFacts>div{background:#0d0d0d;border:1px solid #1d1d1d;border-radius:13px;padding:11px}.coinFooterFacts span{display:block;color:#717171;font-size:9px}.coinFooterFacts b{display:block;color:#eee;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* System console: compact, touch-friendly mobile layout. */
@media(max-width:800px){
.adminBody{overflow-x:hidden!important}.adminSide{position:sticky!important;left:0!important;right:0!important;top:0!important;bottom:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:9px 10px!important;border-width:0 0 1px!important;border-radius:0!important;z-index:100!important;overflow:visible!important}.adminBrand{margin:0 0 8px!important;gap:8px!important}.adminBrand img{width:35px!important;height:35px!important;border-radius:10px!important}.adminBrand b{font-size:15px!important}.adminBrand span{font-size:9px!important}.adminSide nav{display:flex!important;gap:6px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;padding-bottom:3px!important;scrollbar-width:none!important}.adminSide nav::-webkit-scrollbar{display:none!important}.adminSide nav a{flex:0 0 auto!important;min-height:38px!important;padding:8px 10px!important;border-radius:10px!important;font-size:11px!important;white-space:nowrap!important}.adminSide nav a .icon{width:16px!important;height:16px!important}.adminMain{margin:0!important;padding:10px!important;width:100%!important}.adminHeader{padding:13px 14px!important;margin-bottom:10px!important;border-radius:14px!important;display:flex!important;gap:10px!important;align-items:center!important}.adminHeader>div{min-width:0!important}.adminHeader h1{font-size:21px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.adminHeader p{font-size:10px!important;line-height:1.35!important}.openSite{flex:0 0 auto!important;padding:8px 9px!important;font-size:10px!important}.adminCards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.adminCard,.adminPanel{padding:12px!important;border-radius:14px!important}.adminCard b{font-size:22px!important}.adminQuick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.adminQuick a,.adminAdd{padding:11px!important;font-size:11px!important}.formGrid,.colorGrid{grid-template-columns:1fr!important;gap:8px!important}.adminForm label{font-size:11px!important;margin-bottom:8px!important}.adminForm input,.adminForm textarea,.adminForm select,table input,table select{font-size:16px!important;padding:10px!important}.adminAccordion summary{padding:11px!important}.adminAccordion summary:after{padding:6px 8px!important;font-size:9px!important}.adminPreviewRow{gap:8px!important}.adminPreviewRow img{width:42px!important;height:42px!important}.tableWrap{width:100%!important;max-width:calc(100vw - 20px)!important;overflow-x:auto!important;border-radius:12px!important}.tableWrap table{min-width:760px!important;font-size:11px!important}.systemSupportDesk{grid-template-columns:1fr!important;height:auto!important;min-height:0!important}.systemSupportThreads{max-height:230px!important}.systemSupportConversation{min-height:520px!important}.systemSliderPreview{height:auto!important;aspect-ratio:2.15/1!important}.planEdit{grid-template-columns:1fr!important}.planEdit img{width:100%!important;height:auto!important;aspect-ratio:16/8!important}.adminSaveBar{position:sticky!important;bottom:8px!important;z-index:20!important}.adminSaveBar button{width:100%!important;min-height:46px!important}
}
@media(max-width:480px){
.homeSlider{aspect-ratio:2.1/1!important}.homeSlide{padding:13px 14px 24px!important}.homeSlide h2{font-size:17px!important}.coinDetailTop{height:68px}.coinDetailTop>div b{font-size:19px}.coinChartWrap{height:235px}.coinStats{padding-left:12px;padding-right:12px}.coinStats b{font-size:13px}.coinDirection{padding-left:12px;padding-right:12px}.coinFooterFacts{padding-left:12px;padding-right:12px}.adminHeader{align-items:flex-start!important}.adminHeader p{display:none!important}.openSite{margin-left:auto!important}
}
/* === Financial Pro v11: readable admin + full-page scrolling + professional live market screen === */
html{height:auto!important;min-height:100%!important;overflow-y:auto!important}
body.adminBody{height:auto!important;min-height:100vh!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;background:#050505!important;color:#f4f6f8!important;color-scheme:dark}
body.adminBody .adminMain{height:auto!important;min-height:100vh!important;max-height:none!important;overflow:visible!important;padding-bottom:72px!important;background:#050505!important}
body.adminBody .adminHeader{position:relative!important;top:auto!important;background:#0a0a0a!important;border:1px solid #242424!important;box-shadow:none!important}
body.adminBody .adminSide{background:#080808!important;border-color:#252525!important;overflow-y:auto!important;overscroll-behavior:contain!important}
body.adminBody .adminBrand b,body.adminBody .adminHeader h1,body.adminBody .adminPanel h2,body.adminBody .adminPanel h3{color:#f8f8f8!important}
body.adminBody .adminBrand span,body.adminBody .adminHeader p,body.adminBody .muted{color:#969696!important}
body.adminBody .adminPanel,body.adminBody .adminCard,body.adminBody .adminAccordion,body.adminBody .pageEdit,body.adminBody .ruleCard{background:#111!important;border-color:#292929!important;color:#f2f2f2!important}
body.adminBody .adminCard span,body.adminBody .adminMiniGrid span{color:#969696!important}
body.adminBody .adminCard b,body.adminBody .adminMiniGrid article b,body.adminBody .ruleCard b,body.adminBody .adminPreviewRow b,body.adminBody .activeCurrencies b{color:#f7f7f7!important;-webkit-text-fill-color:#f7f7f7!important;text-shadow:none!important}
body.adminBody .adminCard .icon{color:var(--neo-lime,#b6ff24)!important;stroke:var(--neo-lime,#b6ff24)!important}
body.adminBody .adminQuick a,body.adminBody .adminAdd{background:#171717!important;border:1px solid #2c2c2c!important;color:#f0f0f0!important;box-shadow:none!important}
body.adminBody .adminQuick a:hover,body.adminBody .adminAdd:hover{background:#1d2a0c!important;border-color:#416412!important;color:var(--neo-lime,#b6ff24)!important}
body.adminBody .adminForm label,body.adminBody .miniAdminForm label{color:#d5d5d5!important}
body.adminBody .adminForm input,body.adminBody .adminForm textarea,body.adminBody .adminForm select,body.adminBody .miniAdminForm input,body.adminBody .miniAdminForm select,body.adminBody table input,body.adminBody table select{background:#090909!important;color:#f5f5f5!important;-webkit-text-fill-color:#f5f5f5!important;border-color:#343434!important}
body.adminBody .tableWrap{background:#0c0c0c!important;border-color:#282828!important}
body.adminBody .tableWrap table,body.adminBody .tableWrap td{background:#0c0c0c!important;color:#e9e9e9!important}
body.adminBody .tableWrap th{background:#151515!important;color:#aaa!important}
body.adminBody .tableWrap td,body.adminBody .tableWrap th{border-color:#252525!important}
body.adminBody .openSite,body.adminBody .adminForm button,body.adminBody .miniAdminForm button,body.adminBody .adminSaveBar button,body.adminBody .cardActions button{background:var(--neo-lime,#b6ff24)!important;color:#050505!important;-webkit-text-fill-color:#050505!important;font-weight:950!important}
body.adminBody .statusPill{border-color:#333!important}
@media(max-width:800px){body.adminBody{overflow-y:auto!important}body.adminBody .adminMain{overflow:visible!important;padding-bottom:88px!important}body.adminBody .adminSide{position:sticky!important;top:0!important;max-height:none!important}body.adminBody .adminHeader{position:relative!important}.adminCards{align-items:stretch!important}}
/* Professional market view inspired by modern exchange layouts; display-only controls. */
.coinDetailPage.coinTradePro{min-height:100dvh!important;background:#050505!important;color:#f7f7f7!important;padding:0 0 18px!important;overflow-x:hidden!important}
.coinTradeTop{height:74px!important;padding:0 14px!important;background:#050505!important;border-bottom:1px solid #1c1c1c!important}
.coinTradeTitle b{font-size:21px!important;letter-spacing:-.3px}.coinTradeTitle span{color:#858585!important;font-size:11px!important;margin-top:5px!important}.coinMore{width:38px;height:34px;background:#1c1c1c!important;border:1px solid #292929!important;border-radius:8px!important;color:#8e8e8e!important}
.coinTradeSummary{display:grid;grid-template-columns:1.15fr .85fr .95fr;gap:8px;padding:14px 14px 13px;border-bottom:1px solid #1b1b1b;background:#080808}.coinTradeSummary>div{min-width:0}.coinTradeSummary span{display:block;color:#7e7e7e;font-size:9px;margin-bottom:6px}.coinTradeSummary b{display:block;color:#f5f5f5;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coinTradeSummary small{display:block;color:#666;font-size:8px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coinTradeSummary .coinChange.positive{color:#94e638!important}.coinTradeSummary .coinChange.negative{color:#ff5f72!important}
.proCandlePanel{padding-bottom:8px!important;background:#050505!important}.proRangeTabs{height:50px!important;padding:0 8px!important;justify-content:space-between!important}.proRangeTabs button{min-width:48px!important;color:#777!important}.proRangeTabs button.active{background:#232323!important;color:#fff!important;border:0!important;border-radius:7px!important}
.proCandleWrap{height:300px!important;background:#050505!important;border-bottom:1px solid #171717!important}.proCandleWrap .coinChartGrid{background-image:linear-gradient(#191919 1px,transparent 1px),linear-gradient(90deg,#191919 1px,transparent 1px)!important;background-size:100% 25%,25% 100%!important}.proCandleSvg{inset:0 48px 0 0!important;width:calc(100% - 48px)!important;height:100%!important;z-index:3!important}.candleUp,.candleDown{stroke-width:1.15;vector-effect:non-scaling-stroke}.candleUp{stroke:#89d92d}.candleDown{stroke:#ff4b8d}.candleUpBody{fill:#89d92d}.candleDownBody{fill:#ff4b8d}.coinLastPriceLine{stroke:#a7ee4c;stroke-width:.8;stroke-dasharray:4 4;opacity:.72;vector-effect:non-scaling-stroke}.coinAxisLabels{position:absolute;right:4px;top:10px;bottom:10px;width:44px;display:flex;flex-direction:column;justify-content:space-between;z-index:5;pointer-events:none}.coinAxisLabels span{color:#686868;font-size:8px;text-align:right}.proCandleWrap .coinLiveTag{right:5px!important;transform:translateY(-50%)!important;border:1px solid #5a7e18!important;background:#101a07!important;padding:5px 6px!important;border-radius:6px!important;min-width:66px!important}.proCandleWrap .coinLiveTag b{font-size:10px!important}.proCandleWrap .coinLiveTag span{font-size:7px!important}.coinChartLiveBadge{position:absolute;left:10px;top:10px;z-index:6;border:1px solid #2b2b2b;background:rgba(10,10,10,.9);border-radius:999px;padding:5px 7px;color:#9c9c9c;font-size:8px;font-weight:900;letter-spacing:.5px}.coinChartLiveBadge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8fdf32;margin-right:4px;box-shadow:0 0 8px rgba(143,223,50,.55)}.coinHighLow{padding:9px 14px 2px!important;color:#777!important}.coinHighLow b{color:#cfcfcf!important}
.proTradeControls{padding:13px 14px 4px!important}.proTradeControls .coinBuySell{display:grid!important;grid-template-columns:auto auto 1fr!important;gap:24px!important;align-items:center!important;margin-bottom:12px!important}.proTradeControls .coinBuySell span{justify-self:end;color:#aaa;font-size:11px}.coinExecutionGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(130px,.8fr);gap:12px;align-items:start}.coinOrderSide{min-width:0}.directionToggle{border-radius:10px!important;padding:3px!important;background:#1b1b1b!important}.directionToggle button{height:42px!important;border-radius:8px!important;font-size:14px!important}.directionToggle .up.active{background:#243b08!important;color:#a4f43b!important}.directionToggle .down{color:#ff58a3!important}.coinOrderField{height:52px;background:#1b1b1b;border:1px solid #262626;border-radius:9px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.coinOrderField span{color:#c4c4c4!important}.coinOrderField b{color:#a9a9a9!important}.coinOrderSlider{height:32px;display:flex;align-items:center;justify-content:space-between;position:relative;margin:5px 4px 0}.coinOrderSlider:before{content:"";position:absolute;left:3px;right:3px;height:3px;background:#5c5c5c}.coinOrderSlider i{position:relative;z-index:1;width:13px;height:13px;border-radius:50%;border:3px solid #626262;background:#111}.coinOrderSlider i:first-child{border-color:#fff}.coinAvailable{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:4px 0;color:#777}.coinAvailable b{color:#d7d7d7!important}.coinBookSide{min-width:0;padding-top:2px}.coinBookSide header{display:grid;grid-template-columns:1fr 1fr;gap:6px;color:#797979;font-size:8px;padding:0 2px 6px}.coinBookSide header span:last-child{text-align:right}.coinBookRows{display:grid;gap:4px}.coinBookRows>div{height:13px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;align-items:center;overflow:hidden}.coinBookRows i{position:absolute;right:0;top:0;bottom:0;width:var(--book);background:linear-gradient(90deg,transparent,rgba(115,160,32,.20));z-index:0}.coinBookRows>div:nth-child(-n+4) i{background:linear-gradient(90deg,transparent,rgba(213,55,122,.16))}.coinBookRows span,.coinBookRows b{position:relative;z-index:1;font-size:8px;color:#888!important;font-weight:700}.coinBookRows b{text-align:right}.coinBookMid{display:flex;align-items:baseline;gap:5px;padding:8px 0 5px}.coinBookMid b{color:#9dea35!important;font-size:13px}.coinBookMid small{color:#777;font-size:7px}.proTradeControls .coinTradeDisabled{margin-top:11px!important;height:48px!important;border-radius:999px!important;background:var(--neo-lime,#b6ff24)!important;color:#050505!important;opacity:.82!important;font-weight:950!important}.coinMarketFooter{height:54px;margin-top:10px;border-top:1px solid #1d1d1d;display:grid;grid-template-columns:1fr 1fr 1fr 36px;align-items:center;padding:0 12px;background:#080808}.coinMarketFooter button{border:0;background:transparent;color:#bcbcbc;font-weight:800;font-size:11px;text-align:left}.coinMarketFooter button b{color:#777}.coinMarketFooter span{text-align:center;color:#ddd;font-size:18px}
@media(max-width:480px){.coinTradeSummary{padding-left:12px;padding-right:12px}.coinTradeSummary b{font-size:13px}.proCandleWrap{height:282px!important}.coinExecutionGrid{grid-template-columns:minmax(0,1.15fr) minmax(116px,.85fr);gap:9px}.proTradeControls{padding-left:12px!important;padding-right:12px!important}.coinOrderField{height:49px}.coinBookRows>div{height:12px}}
/* =========================================================
Financial Pro v12 — unified black/lime user theme
========================================================= */
body:not(.adminBody){--fp-lime:#b6ff24;--fp-lime-2:#8edb18;--fp-panel:#101010;--fp-panel-2:#151515;--fp-border:#292f22;--fp-muted:#858b7d;--fp-soft:#1b260f;}
body:not(.adminBody) .phone,
body:not(.adminBody) .appPhone,
body:not(.adminBody) .simplePage,
body:not(.adminBody) .homeContent,
body:not(.adminBody) .meContent,
body:not(.adminBody) .currencyList,
body:not(.adminBody) .plansPage,
body:not(.adminBody) .taskCenterPage,
body:not(.adminBody) .networkSimplePage,
body:not(.adminBody) .helpCenterPage{background:#050505!important;color:#f5f5f2!important}
body:not(.adminBody) .sectionCard,
body:not(.adminBody) .profileEditorCard,
body:not(.adminBody) .withdrawPrompt,
body:not(.adminBody) .walletSetup,
body:not(.adminBody) .withdrawApply,
body:not(.adminBody) .notificationPage,
body:not(.adminBody) .infoPage,
body:not(.adminBody) .helpFaqCard,
body:not(.adminBody) .supportPanel{background:linear-gradient(145deg,#12140f 0%,#0e0e0e 72%)!important;border:1px solid #29331e!important;color:#f4f4f1!important;box-shadow:0 12px 30px rgba(0,0,0,.25)!important}
body:not(.adminBody) .sectionCard h1,
body:not(.adminBody) .sectionCard h2,
body:not(.adminBody) .sectionCard h3,
body:not(.adminBody) .profileEditorCard h2,
body:not(.adminBody) .notificationPage h2{color:#fff!important}
body:not(.adminBody) .muted,
body:not(.adminBody) .sectionCard p,
body:not(.adminBody) .sectionCard small{color:#8b9086!important}
body:not(.adminBody) .primaryBtn,
body:not(.adminBody) .greenBtn{background:linear-gradient(135deg,var(--fp-lime),var(--fp-lime-2))!important;color:#050505!important;border:0!important;font-weight:900!important}
/* Notification center: remove the remaining white cards completely. */
body:not(.adminBody) .notificationPage{padding:18px!important;gap:12px!important;border-radius:22px!important}
body:not(.adminBody) .notificationHeader{margin-bottom:4px!important}
body:not(.adminBody) .notificationHeader h2{font-size:20px!important;letter-spacing:-.3px!important}
body:not(.adminBody) .notificationHeader span{background:#1c290e!important;border:1px solid #344817!important;color:var(--fp-lime)!important;font-weight:850!important;padding:7px 11px!important}
body:not(.adminBody) .noticeRow,
body:not(.adminBody) .noticeRow.read,
body:not(.adminBody) .noticeRow.unread{background:linear-gradient(145deg,#151713,#0e0e0e)!important;border:1px solid #29321f!important;border-radius:18px!important;padding:15px!important;box-shadow:none!important}
body:not(.adminBody) .noticeRow b{color:#f6f7f2!important;font-weight:850!important}
body:not(.adminBody) .noticeRow p{color:#a5aa9f!important;line-height:1.55!important;margin:6px 0 8px!important}
body:not(.adminBody) .noticeRow small{color:#666d61!important}
body:not(.adminBody) .noticeDot{background:var(--fp-lime)!important;box-shadow:0 0 0 4px rgba(182,255,36,.10)!important}
body:not(.adminBody) .noticeEmpty{color:#7f8677!important}
/* Built-in language chooser. */
.fpLangSheet{max-height:min(82vh,720px)!important;overflow:hidden!important;background:#111310!important;border:1px solid #2a341f!important;border-bottom:0!important;padding:12px 14px calc(18px + env(safe-area-inset-bottom))!important}
.fpLangSheet .sheetHandle{background:#697063!important;width:54px!important;height:5px!important}
.langSheetHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:5px 2px 12px}
.langSheetHead small{display:block;color:var(--fp-lime);font-size:9px;font-weight:950;letter-spacing:1.7px;margin-bottom:4px}
.langSheetHead h3{margin:0;color:#fff;font-size:20px;letter-spacing:-.35px}
.langClose{width:34px;height:34px;border:1px solid #30372a!important;border-radius:50%!important;background:#1b1d19!important;color:#b9bdb3!important;font-size:22px!important;display:grid!important;place-items:center!important;padding:0!important;line-height:1!important}
.langSearchWrap{height:48px!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:10px!important;background:#090a08!important;border:1px solid #30372a!important;border-radius:15px!important}
.langSearchWrap>span{display:grid;place-items:center;color:#7a8172}.langSearchWrap .icon{width:18px;height:18px;stroke:currentColor}
.langSearchWrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:14px}
.langSearchWrap input::placeholder{color:#6f756b}
.fpLangSheet .langs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:12px!important;max-height:min(50vh,430px)!important;overflow-y:auto!important;padding:0 2px 4px!important;scrollbar-width:thin;scrollbar-color:#465832 #151515}
.fpLangSheet .langs button{position:relative;min-height:57px!important;border:1px solid #242922!important;border-radius:14px!important;background:#181a17!important;color:#bfc2bb!important;padding:10px 10px!important;text-align:left!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;overflow:hidden!important}
.fpLangSheet .langs button:hover{border-color:#3b4d27!important;background:#1c2117!important}
.fpLangSheet .langs button.selected{background:linear-gradient(145deg,#23320f,#18210e)!important;color:var(--fp-lime)!important;border-color:#425b1d!important;box-shadow:inset 0 0 0 1px rgba(182,255,36,.03)!important}
.fpLangSheet .langs button.selected:after{content:'✓';position:absolute;right:8px;top:7px;color:var(--fp-lime);font-size:12px;font-weight:950}
.fpLangSheet .langs button[hidden]{display:none!important}
.langOfflineNote{text-align:center;color:#62695d;font-size:10px;margin:11px 0 0}
.sheetBackdrop.show{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(3px)}
/* Installed-app experience. */
.appInstallBackdrop{position:fixed;inset:0;z-index:4000;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.76);backdrop-filter:blur(7px);padding:16px}
.appInstallBackdrop.show{display:flex}
.appInstallModal{position:relative;width:min(100%,430px);background:radial-gradient(circle at 90% -10%,rgba(182,255,36,.13),transparent 34%),linear-gradient(160deg,#151814,#0d0e0c 70%);border:1px solid #334222;border-radius:26px;padding:22px 18px calc(20px + env(safe-area-inset-bottom));color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.65);animation:fpInstallUp .24s ease-out both}
@keyframes fpInstallUp{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.appInstallClose{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;border:1px solid #30372b;background:#1b1d1a;color:#aeb3a8;font-size:22px;display:grid;place-items:center;padding:0;line-height:1}
.appInstallBrand{display:flex;align-items:center;gap:13px;padding-right:38px}
.appInstallBrand img{width:58px;height:58px;border-radius:17px;background:#090909;border:1px solid #333d27;padding:3px}
.appInstallBrand small{display:block;color:var(--fp-lime);font-size:9px;letter-spacing:1.5px;font-weight:950;margin-bottom:4px}
.appInstallBrand h2{margin:0;color:#fff;font-size:21px;letter-spacing:-.4px}
.appInstallIntro{color:#92988d;font-size:12px;line-height:1.55;margin:15px 2px 16px}
.appInstallChoices{display:grid;gap:10px}
.installChoice{width:100%;min-height:70px;border-radius:17px;border:1px solid #29331f;background:#151713;color:#fff;padding:10px 12px;display:grid;grid-template-columns:43px minmax(0,1fr) 18px;gap:11px;align-items:center;text-align:left}
.installChoice:hover{background:#1b2117;border-color:#425529}
.installChoice .installDeviceIcon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#22300f;color:var(--fp-lime);border:1px solid #3d531c;font-weight:950;font-size:17px}
.installChoice small{display:block;color:#747b70;font-size:10px;margin-bottom:4px}.installChoice b{display:block;color:#f3f4f0;font-size:13px}.installChoice em{font-style:normal;color:var(--fp-lime);font-size:24px;text-align:right}
.installInstruction{margin-top:12px;border-radius:15px;background:#0b0c0a;border:1px solid #252d20;padding:13px 14px;display:grid;gap:5px}
.installInstruction b{font-size:12px;color:var(--fp-lime)}.installInstruction span{font-size:11px;color:#7e8578;line-height:1.5}
/* RTL languages remain professional without breaking the navigation layout. */
html[dir="rtl"] body:not(.adminBody) .appTop,
html[dir="rtl"] body:not(.adminBody) .assetWalletMeta,
html[dir="rtl"] body:not(.adminBody) .assetWalletRecharge,
html[dir="rtl"] body:not(.adminBody) .notificationHeader{direction:rtl}
html[dir="rtl"] body:not(.adminBody) .langs button,
html[dir="rtl"] body:not(.adminBody) .noticeRow,
html[dir="rtl"] body:not(.adminBody) .meMenuItem,
html[dir="rtl"] body:not(.adminBody) .sectionCard{text-align:right}
html[dir="rtl"] body:not(.adminBody) .bottomNav{direction:rtl}
@media(max-width:360px){.fpLangSheet .langs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.appInstallModal{padding-left:14px;padding-right:14px}}
/* Remove older light-theme leftovers that had higher selector specificity. */
body:not(.adminBody) #signinModal .signinBox{background:radial-gradient(circle at 50% -20%,rgba(182,255,36,.11),transparent 42%),linear-gradient(160deg,#161a12,#0e0e0d)!important;border:1px solid #354523!important;color:#fff!important}
body:not(.adminBody) #signinModal .signinReward{background:#1d290f!important;border:1px solid #3b501b!important;color:var(--fp-lime)!important}
body:not(.adminBody) #signinModal .signinReward span{color:var(--fp-lime)!important}
body:not(.adminBody) #treasureModal .treasureBox .closeX{background:#1c2118!important;color:var(--fp-lime)!important;border:1px solid #405326!important;box-shadow:none!important}
body:not(.adminBody) .tips,
body:not(.adminBody) .walletSheetInstructions,
body:not(.adminBody) .taskStats,
body:not(.adminBody) .taskPanel,
body:not(.adminBody) .inviteCard,
body:not(.adminBody) .teamStats,
body:not(.adminBody) .vipCard{background:#111310!important;border-color:#29331f!important;color:#d8dbd4!important;box-shadow:none!important}
body:not(.adminBody) .walletSheetInstructions{border:1px solid #29331f!important}
body:not(.adminBody) .rechargeSheetClose{background:#1b2017!important;color:var(--fp-lime)!important;border:1px solid #354823!important}
body:not(.adminBody) .successBox,
body:not(.adminBody) .toast.success{background:#19270f!important;color:var(--fp-lime)!important;border:1px solid #3b531b!important}
body:not(.adminBody) .errorBox{background:#241416!important;color:#ff9da7!important;border:1px solid #4a272d!important}
/* =========================================================
Financial Pro v13 — polished display-only market controls
========================================================= */
.coinTradePro .displayOnlyControl{opacity:1!important;filter:none!important;cursor:default!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important}
.coinTradePro .coinMore.displayOnlyControl{display:flex!important;align-items:center!important;justify-content:center!important;color:#a7a7a7!important;background:#202020!important;border:1px solid #303030!important;font-size:17px!important;letter-spacing:2px!important}
.coinTradePro .proRangeTabs .displayOnlyControl{background:transparent!important;border:0!important;color:#858585!important;opacity:1!important;font-weight:850!important;min-width:48px!important}
.coinTradePro .proRangeTabs .displayOnlyControl.active{background:#252525!important;color:#f5f5f5!important;border-radius:7px!important}
.coinTradePro .coinBuySell{border-bottom:1px solid #202020!important}
.coinTradePro .coinBuySell>button{appearance:none!important;border:0!important;background:transparent!important;color:#777!important;padding:8px 0 11px!important;font-size:15px!important;font-weight:900!important;line-height:1!important}
.coinTradePro .coinBuySell>button.active{color:#f5f5f5!important;border-bottom:2px solid #f5f5f5!important}
.coinTradePro .coinBuySell .coinInfoDisplay{justify-self:end!important;color:#d6d6d6!important;font-size:11px!important;font-weight:750!important;border-bottom:0!important;padding-right:2px!important}
.coinTradePro .directionToggle button{opacity:1!important;border:0!important;background:transparent!important}
.coinTradePro .directionToggle .up.active{background:linear-gradient(135deg,#2a4909,#213807)!important;color:#aaff36!important;box-shadow:inset 0 0 0 1px rgba(182,255,36,.08)!important}
.coinTradePro .directionToggle .down{color:#ff579d!important;background:#242424!important}
.coinTradePro .coinOrderField{width:100%!important;appearance:none!important;text-align:left!important;font:inherit!important;cursor:default!important}
.coinTradePro .coinOrderField span{font-size:14px!important;color:#e1e1e1!important}.coinTradePro .coinOrderField b{font-size:13px!important}
.coinTradePro .coinBookRows>div span,.coinTradePro .coinBookRows>div b{font-variant-numeric:tabular-nums!important;letter-spacing:.01em!important}
.coinTradePro .coinBookRows>div.ask span{color:#d95c8e!important}.coinTradePro .coinBookRows>div.bid span{color:#96d84e!important}.coinTradePro .coinBookRows>div b{color:#a4a4a4!important}
.coinTradePro .coinBookRows>div.ask i{background:linear-gradient(90deg,transparent,rgba(213,55,122,.18))!important}.coinTradePro .coinBookRows>div.bid i{background:linear-gradient(90deg,transparent,rgba(126,180,46,.20))!important}
.coinTradePro .coinMarketFooter{grid-template-columns:1fr 1fr 1fr 38px!important;height:58px!important}
.coinTradePro .coinMarketFooter button{appearance:none!important;border:0!important;background:transparent!important;color:#b6b6b6!important;opacity:1!important;font-size:11px!important;font-weight:850!important;padding:10px 0!important;cursor:default!important}
.coinTradePro .coinMarketFooter .coinFooterIcon{text-align:center!important;font-size:18px!important;color:#e6e6e6!important;padding:0!important}
@media(max-width:480px){.coinTradePro .coinBuySell{grid-template-columns:auto auto 1fr!important}.coinTradePro .coinBookRows span,.coinTradePro .coinBookRows b{font-size:8.5px!important}.coinTradePro .coinOrderField span{font-size:13px!important}}