*{box-sizing:border-box}body{margin:0;background:#0b0f14;color:#eef2f6;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.hidden{display:none!important}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #25303d;background:#0e141b}.topbar h1{font-size:20px;margin:0}.topbar p{margin:4px 0 0;color:#8fa1b5;font-size:12px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}main{width:min(1100px,100%);margin:auto;padding:18px}.card{background:#121821;border:1px solid #25303d;border-radius:16px;padding:16px;margin-bottom:14px}.auth{max-width:420px;margin:60px auto}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.tabs button{background:#0e141b;color:#9fb0c3;border:1px solid #2a3542}.tabs button.active{background:#1f2a36;color:#fff}label{display:grid;gap:6px;margin:10px 0;color:#cbd5df;font-size:14px}input,select,button{min-height:44px;border-radius:10px;border:1px solid #2a3542;background:#0c1118;color:#eef2f6;padding:10px 12px;font-size:16px}button{cursor:pointer;font-weight:700}.primary{background:#20d67b;color:#06140d;border-color:#20d67b}.ghost{background:#121821;color:#eef2f6}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats .card span{display:block;color:#8fa1b5;font-size:12px}.stats .card strong{display:block;font-size:22px;margin-top:6px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.copyRow{display:grid;grid-template-columns:1fr auto;gap:8px}.packages{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pkg{border:1px solid #27323e;border-radius:16px;padding:14px;background:#0e141b;display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;overflow:hidden;position:relative}.pkg.owned{border-color:#24563d;box-shadow:inset 0 0 0 1px rgba(32,214,123,.08)}.pkg h3{margin:0 0 7px}.pkg strong{font-size:23px}.pkg p{margin:7px 0 0;color:#8fa1b5;font-size:13px}.pkg button{width:100%;margin-top:12px}.pkgMachine{display:flex;align-items:center;justify-content:center;min-height:108px}.machine{display:grid;grid-template-columns:82px 1fr auto;gap:12px;align-items:center;padding:10px;border-bottom:1px solid #222d39}.machineMeta small{display:block;color:#8fa1b5;margin-top:4px}.ownedMachineVisual{display:flex;justify-content:center}.badge{padding:4px 8px;border-radius:999px;background:#173122;color:#7ee7ae;font-size:12px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:10px;border-bottom:1px solid #25303d;text-align:left;font-size:13px}.adminHead{display:flex;justify-content:space-between;align-items:center}.userRow{display:grid;grid-template-columns:1fr 120px 1fr;gap:8px;align-items:center;padding:10px;border-bottom:1px solid #25303d}.userControls{display:grid;grid-template-columns:1fr 130px auto;gap:8px}

/* Makineria */
.machineArt{width:96px;height:91px;position:relative;transform-origin:50% 90%}.machineTop{position:absolute;left:20px;top:4px;width:58px;height:14px;border-radius:7px 7px 3px 3px;background:linear-gradient(#3c4b5c,#1d2732);border:1px solid #526273}.machineLight{position:absolute;width:9px;height:9px;border-radius:50%;right:7px;top:2px;background:#647180;box-shadow:0 0 0 2px #1b232c}.machineBody{position:absolute;left:8px;top:16px;width:80px;height:52px;border-radius:10px;background:linear-gradient(145deg,#334354,#18222c);border:2px solid #536577;box-shadow:inset 0 0 0 2px #10171f,0 6px 14px rgba(0,0,0,.28)}.fan{position:absolute;left:8px;top:8px;width:34px;height:34px;border:3px solid #718196;border-radius:50%;background:#111922}.fan span{position:absolute;left:14px;top:3px;width:5px;height:12px;border-radius:6px;background:#8b9aac;transform-origin:3px 14px}.fan span:nth-child(2){transform:rotate(120deg)}.fan span:nth-child(3){transform:rotate(240deg)}.fan i{position:absolute;left:11px;top:11px;width:6px;height:6px;border-radius:50%;background:#aeb8c4;box-shadow:0 0 0 2px #26313d}.machinePanel{position:absolute;right:8px;top:10px;width:26px;height:31px;padding:4px;border-radius:5px;background:#0d141b;border:1px solid #4b5c6d;display:grid;gap:3px}.machinePanel b{display:block;border-radius:2px;background:#526273}.machineBelt{position:absolute;left:3px;bottom:12px;width:90px;height:14px;border-radius:7px;background:#111820;border:2px solid #465463;overflow:hidden}.machineBelt i{position:absolute;inset:2px -26px;background:repeating-linear-gradient(90deg,#5d6d7f 0 8px,#202a34 8px 15px);border-radius:4px}.machineFeet{position:absolute;left:15px;bottom:4px;width:66px;display:flex;justify-content:space-between}.machineFeet span{width:16px;height:9px;background:#26323e;border-radius:2px 2px 5px 5px}.machineArt.active .machineLight{background:#20d67b;box-shadow:0 0 8px #20d67b,0 0 0 2px #173122}.machineArt.active .fan{animation:fanSpin .55s linear infinite}.machineArt.active .machineBelt i{animation:beltMove .7s linear infinite}.machineArt.active{animation:machineHum .15s ease-in-out infinite alternate}.machineArt:not(.active){filter:saturate(.65);opacity:.72}@keyframes fanSpin{to{transform:rotate(360deg)}}@keyframes beltMove{to{transform:translateX(15px)}}@keyframes machineHum{from{transform:translateY(0)}to{transform:translateY(-1px)}}

/* Admin password modal */
.modal{position:fixed;inset:0;z-index:50;background:rgba(2,6,10,.74);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px}.modalCard{width:min(440px,100%);background:#121821;border:1px solid #30404f;border-radius:18px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.48)}.modalCard h2{margin:0 0 8px}.modalCard>p{color:#9babbc;margin:0 0 12px;line-height:1.45}.modalActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.formMsg{min-height:20px;color:#ff9d9d;font-size:13px;margin:10px 0 0}

@media(max-width:760px){.grid2,.stats,.packages{grid-template-columns:1fr}.pkg{grid-template-columns:96px 1fr}.userRow{grid-template-columns:1fr}.userControls{grid-template-columns:1fr}.copyRow{grid-template-columns:1fr}.machine{grid-template-columns:72px 1fr auto}.machineArt{transform:scale(.9);transform-origin:center}.machineArt.active{animation:machineHumSmall .15s ease-in-out infinite alternate}@keyframes machineHumSmall{from{transform:scale(.9) translateY(0)}to{transform:scale(.9) translateY(-1px)}}}


/* USDT + machine details */
.usdtIcon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#26a17b;color:#fff;font-size:14px;font-weight:900;line-height:1;vertical-align:-2px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.moneyWithIcon{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.pkgInfo h3{font-size:18px;margin-bottom:8px}.machineSpecs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.spec{background:#121b24;border:1px solid #273746;border-radius:9px;padding:8px}.spec span{display:block;color:#8497aa;font-size:11px;margin-bottom:3px}.spec b{font-size:13px;color:#eef2f6}.pkgStatus{margin-top:8px!important}.machineMeta{min-width:0}.machineMeta .machineTitle{font-size:15px}.machineMeta .activeSpecs{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px}.miniSpec{padding:4px 7px;border-radius:7px;background:#111b24;border:1px solid #273746;color:#c9d5df;font-size:11px}.miniSpec strong{color:#fff}.machine{grid-template-columns:82px minmax(0,1fr) auto}.pkgPrice{font-size:23px!important;display:flex;align-items:center;gap:6px}.pkgMachineLabel{position:absolute;left:8px;top:7px;font-size:10px;font-weight:800;color:#8799aa;letter-spacing:.3px}.pkg{padding-top:25px}
@media(max-width:760px){.machineSpecs{grid-template-columns:1fr 1fr}.pkg{padding-top:25px}.usdtIcon{width:18px;height:18px;font-size:12px}}


/* Compact money actions + emphasized dollar sign */
.compactAction{min-height:34px;padding:6px 10px;font-size:13px;border-radius:8px;font-weight:800}
.dollarSign{display:inline-block;color:#20d67b;font-weight:1000;font-size:1.18em;line-height:1;text-shadow:0 0 10px rgba(32,214,123,.26);vertical-align:-1px}
.moneyWithIcon{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.moneyWithIcon .dollarSign{font-size:1.08em}
.moneyModalCard{width:min(520px,100%)}
.moneyModalHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.moneyModalHead h2{margin:0;display:flex;align-items:center;gap:7px}
.networkLabel{color:#9babbc;margin:0 0 14px!important;font-size:13px}
.inlineCurrency{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:#eef2f6}
#depositBtn,#withdrawBtn,#adminBtn{letter-spacing:.1px}
@media(max-width:520px){.topbar{align-items:flex-start}.actions{justify-content:flex-end}.compactAction{min-height:32px;padding:5px 8px;font-size:12px}.moneyModalCard{padding:16px}}


/* Grouped machine rewards + claim */
.machineGroup{grid-template-columns:82px minmax(0,1fr) auto}.qtyTag{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:2px 7px;border-radius:999px;background:#193426;color:#7ee7ae;font-size:12px;vertical-align:2px}.rewardLine{margin-top:8px;padding:8px 10px;border:1px solid #28523e;border-radius:10px;background:#101d17;display:flex;justify-content:space-between;align-items:center;gap:10px}.rewardLine>span{font-size:11px;color:#8fa1b5}.rewardLine>strong{font-size:14px;color:#fff;white-space:nowrap}.machineActions{display:grid;gap:8px;justify-items:end}.claimBtn{min-height:34px;padding:6px 12px;font-size:12px}.machineActions .badge{display:inline-block}@media(max-width:760px){.machineGroup{grid-template-columns:72px minmax(0,1fr)}.machineActions{grid-column:2;grid-row:2;display:flex;justify-content:flex-start;align-items:center}.rewardLine{align-items:flex-start;flex-direction:column;gap:4px}}

/* Tether USDT icon — amount first, green Tether mark after it */
.tetherIcon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#26a17b;box-shadow:0 0 0 1px rgba(255,255,255,.10),0 3px 10px rgba(38,161,123,.22);vertical-align:middle}
.tetherT{position:relative;z-index:2;color:#fff;font-weight:950;font-size:13px;line-height:1;transform:translateY(1px);font-family:Arial,Helvetica,sans-serif}
.tetherBar{position:absolute;z-index:3;top:6px;left:5px;width:12px;height:2px;border-radius:3px;background:#fff}
.tetherIcon:after{content:"";position:absolute;z-index:1;top:9px;left:4px;width:14px;height:3px;border:1.5px solid rgba(255,255,255,.92);border-top:0;border-radius:50%}
.tetherIconSmall{width:20px;height:20px;flex-basis:20px}.tetherIconSmall .tetherT{font-size:12px}.tetherIconSmall .tetherBar{top:5px;left:4.5px;width:11px}.tetherIconSmall:after{top:8px;left:3.5px;width:13px}
.tetherIconTiny{width:17px;height:17px;flex-basis:17px}.tetherIconTiny .tetherT{font-size:10px}.tetherIconTiny .tetherBar{top:4px;left:4px;width:9px;height:1.5px}.tetherIconTiny:after{top:7px;left:3px;width:11px;height:2px}
.moneyWithIcon{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.moneyNumber{font-weight:inherit}.pkgPrice .tetherIcon{width:24px;height:24px;flex-basis:24px}.pkgPrice .tetherT{font-size:14px}.rewardLine .moneyWithIcon{font-size:14px}
@media(max-width:760px){.tetherIcon{width:20px;height:20px;flex-basis:20px}.tetherT{font-size:12px}.tetherBar{top:5px;left:4.5px;width:11px}.tetherIcon:after{top:8px;left:3.5px;width:13px}}
\n\n/* Official Tether USD₮ logo — one exact mark and size everywhere */
.tetherLogo{
  display:inline-block!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  flex:0 0 26px!important;
  object-fit:contain!important;
  vertical-align:middle!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
}
.moneyWithIcon{display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;line-height:1!important}
.pkgPrice{display:inline-flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}
.spec b,.miniSpec strong,.rewardLine strong,#balance,#rewardsTotal{vertical-align:middle}
.moneyModalHead h2,.inlineCurrency{display:inline-flex!important;align-items:center!important;gap:7px!important}
/* Disable the old hand-drawn Tether mark if any cached markup remains. */
.tetherIcon{display:none!important}
@media(max-width:760px){.tetherLogo{width:26px!important;height:26px!important;min-width:26px!important;flex-basis:26px!important}}

/* Referral section */
#invitedFriends{display:grid;gap:14px}
.referralHero{display:grid;gap:12px}
.referralStatsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.refCard{background:#0f151c;border:1px solid #25303d;border-radius:14px;padding:12px}
.refCard span{display:block;color:#8fa1b5;font-size:12px;margin-bottom:6px}
.refCard strong{display:block;font-size:18px;line-height:1.2}
.referralText{margin:0;color:#c9d5df}
.referralText strong{color:#7ee7ae}
.referralCopyBlock{display:grid;gap:6px}
.referralCopyBlock label{margin:0;color:#9fb0c3;font-size:13px}
.referralCopyRow input{font-size:14px}
.referralHint{min-height:18px;margin:0;color:#7ee7ae;font-size:13px}
.compactBtn{min-height:42px;padding:8px 12px}
.userSub{display:block;margin-top:4px;color:#8fa1b5;font-size:12px}
@media(max-width:760px){.referralStatsGrid{grid-template-columns:1fr}.referralTableWrap table{min-width:560px}}

/* Admin security tools */
.userControls{grid-template-columns:1fr 130px auto auto}
.resetPasswordBtn{white-space:nowrap;min-height:40px;padding:8px 10px;font-size:12px}
.userIdentity{min-width:0}.userIdentity strong{overflow-wrap:anywhere}
@media(max-width:760px){.userControls{grid-template-columns:1fr}.resetPasswordBtn{width:100%}}

/* App pages + bottom navigation */
.appShell{padding-bottom:92px}
.appPage{animation:pageIn .16s ease-out}
@keyframes pageIn{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
.pageHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:2px 2px 14px}
.pageHead h2{margin:2px 0 0;font-size:24px}
.pageEyebrow{display:block;color:#20d67b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.9px}
.pageHint{color:#8fa1b5;font-size:12px;text-align:right}
.pageCard{margin-bottom:0}
.statCard{margin-bottom:0;min-height:94px;display:flex;flex-direction:column;justify-content:center}
.balanceActionsCard{margin-top:14px}
.balanceActionsCard h3{margin:0 0 10px}
.quickActions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bottomNav{position:fixed;z-index:35;left:50%;bottom:10px;transform:translateX(-50%);width:min(720px,calc(100% - 20px));display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:7px;background:rgba(14,20,27,.96);border:1px solid #2a3542;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.42);backdrop-filter:blur(16px);padding-bottom:max(7px,env(safe-area-inset-bottom))}
.navItem{min-height:56px;border:0;background:transparent;color:#8497aa;border-radius:12px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:800;line-height:1.1}
.navItem .navIcon{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:8px;background:#151e27;color:#9fb0c3;font-size:15px;font-weight:900}
.navItem.active{background:#14231c;color:#eef2f6}
.navItem.active .navIcon{background:#20d67b;color:#06140d;box-shadow:0 0 16px rgba(32,214,123,.18)}
@media(max-width:760px){
  main{padding:14px 12px 108px}
  .appShell{padding-bottom:0}
  .pageHead{align-items:flex-start;flex-direction:column;gap:4px}
  .pageHint{text-align:left}
  .stats{grid-template-columns:1fr}
  .statCard{min-height:82px}
  .bottomNav{bottom:8px;width:calc(100% - 16px);gap:3px;padding:6px;border-radius:16px;padding-bottom:max(6px,env(safe-area-inset-bottom))}
  .navItem{min-height:58px;padding:6px 2px;font-size:10px}
  .navItem .navIcon{width:23px;height:23px;font-size:14px}
  .quickActions{grid-template-columns:1fr 1fr}
}

/* MINEROX branding */
.brandWrap{display:flex;align-items:center;min-width:0}
.brandLogo{display:block;width:min(420px,46vw);height:auto;max-height:78px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 10px rgba(32,214,123,.13))}
@media(max-width:760px){
  .topbar{gap:8px;padding:10px 12px}
  .brandLogo{width:min(235px,56vw);max-height:58px}
  .actions{gap:5px}
}
@media(max-width:430px){
  .brandLogo{width:min(190px,52vw);max-height:52px}
}


/* Contact / Telegram support */
.contactCard{max-width:560px;margin-left:auto;margin-right:auto;text-align:center;padding:28px 20px}
.telegramMark{width:66px;height:66px;margin:0 auto 14px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#20d67b;color:#06140d;font-size:34px;font-weight:900;transform:rotate(-18deg);box-shadow:0 10px 28px rgba(32,214,123,.2)}
.contactCard h3{font-size:22px;margin:0 0 8px}
.contactCard p{max-width:430px;margin:0 auto 12px;color:#9fb0c3;line-height:1.55}
.telegramHandle{display:block;font-size:19px;color:#7ee7ae;margin:10px 0 16px}
.telegramButton{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:11px;text-decoration:none;font-weight:900}
@media(max-width:520px){.bottomNav{grid-template-columns:repeat(6,1fr)}.navItem{font-size:9px}.contactCard{padding:24px 16px}}

/* Deposit confirmation */
.depositConfirmForm{margin-top:14px;display:grid;gap:10px}
.depositConfirmForm label{margin:0}
.depositConfirmForm .primary{width:100%}
#depositMsg{color:#7ee7ae}


/* ===== Dashboard refresh ===== */
body{
  background:
    radial-gradient(circle at top left, rgba(20,184,166,.18), transparent 28%),
    radial-gradient(circle at top right, rgba(59,130,246,.12), transparent 24%),
    linear-gradient(180deg,#071018 0%,#0b1220 52%,#09111a 100%);
  color:#eef4fb;
}

.topbar{
  background:rgba(10,18,28,.82);
  border-bottom:1px solid rgba(79,104,132,.25);
  backdrop-filter:blur(14px);
  position:sticky;
  top:0;
  z-index:20;
}

main{
  width:min(1180px,100%);
  padding:22px 18px 110px;
}

.card{
  background:linear-gradient(180deg, rgba(19,29,42,.96), rgba(11,18,30,.96));
  border:1px solid rgba(93,122,155,.22);
  box-shadow:0 16px 40px rgba(0,0,0,.26);
}

.pageHead h2,
.sectionTitleRow h3{
  margin:6px 0 0;
  font-size:28px;
}

.pageEyebrow,
.sectionEyebrow,
.dashboardTag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:800;
  color:#7eead9;
}

.dashboardHead{
  align-items:flex-end;
  margin-bottom:14px;
}

.dashboardHeroCard{
  padding:24px;
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(circle at 100% 0%, rgba(45,212,191,.14), transparent 30%),
    radial-gradient(circle at 0% 100%, rgba(59,130,246,.12), transparent 26%),
    linear-gradient(135deg, rgba(13,26,39,.98), rgba(8,18,30,.98));
}

.dashboardHeroCard::before{
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:18px;
  padding:1px;
  background:linear-gradient(135deg, rgba(45,212,191,.36), rgba(96,165,250,.06), rgba(45,212,191,.16));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

.dashboardHeroContent{
  display:grid;
  grid-template-columns:1.2fr .9fr;
  gap:18px;
  align-items:stretch;
  margin-bottom:18px;
}

.dashboardIntro h3{
  font-size:34px;
  line-height:1.05;
  margin:10px 0 12px;
}

.dashboardIntro p{
  margin:0;
  max-width:640px;
  color:#9ab0c7;
  line-height:1.7;
}

.heroQuickActions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.heroBalanceBox{
  border-radius:22px;
  padding:22px 20px;
  background:linear-gradient(180deg, rgba(7,17,30,.88), rgba(14,27,41,.88));
  border:1px solid rgba(103,132,163,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 18px 30px rgba(0,0,0,.22);
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:196px;
}

.heroBalanceLabel{
  color:#a5b6c8;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:14px;
}

.heroBalanceBox #balance{
  font-size:clamp(32px,4vw,48px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
  display:block;
  margin-bottom:10px;
}

.heroBalanceFoot{
  color:#87a0b9;
  font-size:13px;
}

.dashboardStats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.statCard.accentCard{
  min-height:146px;
  border-radius:18px;
  padding:18px;
  background:linear-gradient(180deg, rgba(15,25,38,.98), rgba(9,18,30,.98));
  border:1px solid rgba(88,111,138,.24);
}

.statCard.accentCard span:first-child{
  color:#91a6bb;
  font-size:13px;
  font-weight:600;
}

.statCard.accentCard strong{
  display:block;
  margin:14px 0 8px;
  font-size:28px;
  line-height:1.1;
  color:#f8fbff;
  letter-spacing:-.03em;
}

.statCard.accentCard small{
  display:block;
  color:#7f95ab;
  line-height:1.5;
}

.moneyWithIcon{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
}

.moneyNumber{
  font-variant-numeric:tabular-nums;
  letter-spacing:-.03em;
}

.tetherLogo{
  width:24px;
  height:24px;
  flex:0 0 24px;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.22));
}

#balance .tetherLogo{
  width:32px;
  height:32px;
  flex-basis:32px;
}

.historyCard{
  margin-top:16px;
}

.sectionTitleRow{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:12px;
}

.lightGhost{
  background:rgba(255,255,255,.03);
  color:#eff7ff;
  border-color:rgba(184,208,233,.24);
}

button.primary{
  background:linear-gradient(135deg,#14b8a6,#0f9b8e);
  color:#03131c;
  border:none;
  font-weight:800;
  box-shadow:0 10px 24px rgba(20,184,166,.25);
}

button.primary:hover{filter:brightness(1.05)}

button.ghost{
  background:rgba(255,255,255,.025);
  border:1px solid rgba(153,176,203,.18);
  color:#dce7f2;
}

.tableWrap{
  border-radius:16px;
  overflow:auto;
  border:1px solid rgba(84,108,136,.18);
  background:rgba(6,14,24,.35);
}

table thead th{
  background:rgba(255,255,255,.03);
  color:#9cb2c8;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

table tbody td{
  color:#edf3fa;
}

.bottomNav{
  background:rgba(9,18,30,.9);
  border:1px solid rgba(83,108,135,.24);
  backdrop-filter:blur(14px);
  box-shadow:0 16px 36px rgba(0,0,0,.28);
}

.navItem.active{
  color:#7eead9;
}

@media (max-width: 900px){
  .dashboardHeroContent{
    grid-template-columns:1fr;
  }
  .dashboardStats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .dashboardIntro h3{
    font-size:28px;
  }
}

@media (max-width: 640px){
  main{
    padding:16px 12px 100px;
  }
  .dashboardHeroCard{
    padding:18px;
  }
  .dashboardStats{
    grid-template-columns:1fr;
  }
  .statCard.accentCard strong,
  .heroBalanceBox #balance{
    font-size:26px;
  }
  #balance .tetherLogo{
    width:26px;
    height:26px;
    flex-basis:26px;
  }
  .heroBalanceBox{
    min-height:auto;
  }
}


/* ===== Full site beautification ===== */
.actions #who{
  display:inline-flex;
  align-items:center;
  max-width:260px;
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(154,177,203,.18);
  color:#eff7ff;
  font-size:13px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.auth{
  position:relative;
  overflow:hidden;
  margin:52px auto;
  padding:24px;
  max-width:460px;
  background:
    radial-gradient(circle at top right, rgba(20,184,166,.18), transparent 28%),
    linear-gradient(180deg, rgba(16,27,39,.98), rgba(8,16,28,.98));
}

.auth::before{
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:18px;
  padding:1px;
  background:linear-gradient(135deg, rgba(45,212,191,.34), rgba(96,165,250,.08), rgba(45,212,191,.18));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

.tabs{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(91,118,145,.18);
  border-radius:14px;
  padding:6px;
}

.tabs button{
  border-radius:10px;
  border:none;
  background:transparent;
  color:#8fa4b9;
  font-weight:800;
}

.tabs button.active{
  background:linear-gradient(135deg,#14b8a6,#0f9b8e);
  color:#05131d;
  box-shadow:0 10px 20px rgba(20,184,166,.18);
}

label{
  color:#d7e3ef;
  font-weight:600;
}

input,select,button,textarea{
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}

input,select{
  background:rgba(5,13,22,.72);
  border:1px solid rgba(93,117,144,.24);
  color:#f3f8fd;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

input::placeholder{color:#7f94aa}

input:focus,select:focus,button:focus{
  outline:none;
  border-color:rgba(45,212,191,.5);
  box-shadow:0 0 0 4px rgba(45,212,191,.12);
}

button:hover{transform:translateY(-1px)}
button:active{transform:translateY(0)}
button:disabled{opacity:.7;transform:none;cursor:not-allowed}

#authMsg,#wdMsg,#copyMsg,#depositMsg,.formMsg{
  margin-top:10px;
  font-size:13px;
}

.pageCard,
.balanceActionsCard,
.historyCard,
.contactCard,
.referralHero,
.modalCard,
.card.auth,
#adminView .card{
  border-radius:20px;
}

.packages{
  gap:16px;
}

.pkg{
  padding:26px 16px 16px;
  min-height:244px;
  border:1px solid rgba(93,118,145,.2);
  background:
    radial-gradient(circle at top right, rgba(20,184,166,.08), transparent 24%),
    linear-gradient(180deg, rgba(18,29,42,.96), rgba(9,17,29,.98));
  box-shadow:0 14px 28px rgba(0,0,0,.24);
}

.pkg::after{
  content:'';
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,#14b8a6,#60a5fa);
  opacity:.9;
}

.pkg:hover{
  transform:translateY(-3px);
  border-color:rgba(45,212,191,.32);
  box-shadow:0 20px 34px rgba(0,0,0,.32);
}

.pkg.owned{
  border-color:rgba(52,211,153,.38);
  box-shadow:0 18px 34px rgba(0,0,0,.3), inset 0 0 0 1px rgba(52,211,153,.08);
}

.pkgMachineLabel{
  color:#b6c9db;
  letter-spacing:.14em;
}

.pkgInfo h3{
  font-size:20px;
  color:#f7fbff;
}

.pkgPrice{
  font-size:28px!important;
}

.machineSpecs .spec,
.miniSpec,
.rewardLine,
.refCard,
.copyRow input,
.userRow,
.tableWrap,
.modalCard,
.balanceActionsCard,
.contactCard,
.pageCard,
#adminView .card{
  background-color:rgba(8,17,29,.45);
}

.machineSpecs .spec{
  border:1px solid rgba(88,112,139,.22);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(14,24,36,.88), rgba(8,16,28,.88));
}

.spec b{font-size:14px}
.pkgStatus{color:#94aac0!important;line-height:1.55}

.machineGroup{
  padding:14px;
  border-bottom:1px solid rgba(90,114,140,.16);
  border-radius:16px;
  margin-bottom:10px;
  background:linear-gradient(180deg, rgba(15,24,37,.74), rgba(10,18,30,.74));
  border:1px solid rgba(87,110,137,.18);
}

.machineTitle{
  font-size:17px!important;
  color:#f6fbff;
}

.machineMeta small{color:#91a8bf}

.miniSpec{
  border-radius:999px;
  border:1px solid rgba(93,117,144,.2);
  padding:6px 10px;
  background:rgba(255,255,255,.03);
}

.rewardLine{
  border:1px solid rgba(44,197,164,.22);
  background:linear-gradient(180deg, rgba(10,31,27,.85), rgba(7,24,21,.85));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}

.badge{
  background:rgba(19,58,44,.95);
  color:#95f1bf;
  border:1px solid rgba(52,211,153,.18);
  font-weight:800;
}

.claimBtn,.buyBtn,.telegramButton,.compactBtn{
  box-shadow:0 10px 22px rgba(20,184,166,.18);
}

.referralHero{
  padding:18px;
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.12), transparent 26%),
    linear-gradient(180deg, rgba(15,26,39,.98), rgba(9,18,30,.98));
  border:1px solid rgba(91,116,142,.22);
  margin-bottom:14px;
}

.referralText,.contactCard p,.networkLabel{color:#99aec3!important}

.refCard{
  border-radius:16px;
  border:1px solid rgba(88,113,139,.2);
  background:linear-gradient(180deg, rgba(17,28,41,.9), rgba(11,19,31,.9));
}

.refCard strong{
  font-size:24px;
  color:#f5fbff;
}

.copyRow input{
  border-radius:12px;
  background:rgba(6,15,25,.8);
}

.contactCard{
  max-width:620px;
  padding:32px 24px;
  background:
    radial-gradient(circle at top right, rgba(20,184,166,.15), transparent 25%),
    linear-gradient(180deg, rgba(15,26,38,.98), rgba(10,18,30,.98));
}

.telegramHandle{
  font-size:22px;
  letter-spacing:.02em;
}

.telegramButton{
  min-width:190px;
}

.modal{
  backdrop-filter:blur(10px);
}

.modalCard{
  width:min(540px,100%);
  background:
    radial-gradient(circle at top right, rgba(20,184,166,.11), transparent 26%),
    linear-gradient(180deg, rgba(17,28,41,.98), rgba(10,18,30,.98));
  border:1px solid rgba(97,123,150,.24);
}

.moneyModalHead h2,
.adminHead h2{
  font-size:28px;
}

.adminHead{
  margin-bottom:14px;
}

.userRow{
  border:1px solid rgba(88,112,139,.18);
  border-radius:16px;
  margin-bottom:10px;
  padding:14px;
  background:linear-gradient(180deg, rgba(15,24,37,.75), rgba(10,17,29,.75));
}

.userControls{
  gap:10px;
}

.userControls button,
.resetPasswordBtn,
#backBtn{
  min-height:42px;
}

.tableWrap table tbody tr:hover{
  background:rgba(255,255,255,.025);
}

th,td{
  padding:13px 12px;
}

.pageHint{
  color:#8ea7bd;
  font-size:13px;
}

.balanceActionsCard h3,
.contactCard h3,
#adminView .card h3,
.historyCard h3{
  font-size:22px;
}

@media(max-width:900px){
  .pkg{
    grid-template-columns:100px 1fr;
  }
  .actions #who{
    max-width:180px;
  }
}

@media(max-width:760px){
  .auth{
    margin:24px auto 18px;
    padding:18px;
  }
  .packages{
    gap:12px;
  }
  .pkg{
    min-height:auto;
    grid-template-columns:88px 1fr;
    padding:24px 14px 14px;
  }
  .machineGroup{
    padding:12px;
  }
  .userRow{
    padding:12px;
  }
  .actions #who{
    max-width:100%;
    width:100%;
    justify-content:center;
  }
}

@media(max-width:520px){
  .pageHead h2,
  .sectionTitleRow h3,
  .adminHead h2,
  .moneyModalHead h2{
    font-size:22px;
  }
  .refCard strong,
  .pkgPrice,
  .statCard.accentCard strong{
    font-size:22px!important;
  }
  .contactCard,
  .referralHero,
  .modalCard,
  .auth{
    padding:16px;
  }
}


/* Clickable MINEROX logo -> main dashboard */
.brandHome{
  min-height:0;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  cursor:pointer;
  text-align:left;
}
.brandHome:hover{transform:none;filter:brightness(1.06)}
.brandHome:focus{outline:none;box-shadow:none}


/* Mobile zoom lock: keep the app feeling like a native interface */
html,body{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%;}

/* Claim becomes available only after one full day of rewards for the owned machine group. */
.claimMinimum{display:block;margin-top:6px;color:#8fa1b5;font-size:11px}
.claimBtn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.55)}