*,*::before,*::after {
	box-sizing:border-box;
	margin:0;
	padding:0;
	-webkit-tap-highlight-color:transparent
}
:root {
	--white:#ffffff;
	--bg:#060912;
	--bg2:#0d1120;
	--bg3:#131929;
	--surface:rgba(255,255,255,0.04);
	--surface2:rgba(255,255,255,0.07);
	--border:rgba(255,255,255,0.08);
	--border2:rgba(255,255,255,0.13);
	--text:#f0f4ff;
	/*--muted:#8892aa;*/
	--muted:#ffffff;
	/*--dim:#4a5468;*/
	--dim:#ffffff;
	--red:#ef4444;
	--red-bg:rgba(239,68,68,0.12);
	--trx:#e74c3c;
	--trx-glow:rgba(231,76,60,0.3);
	--usdt:#26a17b;
	--usdt-glow:rgba(38,161,123,0.3);
	--own:#7c3aed;
	--own-glow:rgba(124,58,237,0.3);
	--accent:#6366f1;
	--accent2:#818cf8;
	--gold:#f59e0b;
	--gold-glow:rgba(245,158,11,0.25);
	--green:#10b981;
	--green-glow:rgba(16,185,129,0.25);
	--r:18px;
	--r2:12px;
	--r3:8px;
}
html {
	scroll-behavior:smooth;
	height: auto !important;
}
body {
	background:var(--bg);
	color:var(--text);
	/* font-family:'Noto Sans KR','Syne',sans-serif; */
	font-family: "Noto Sans", sans-serif, Malgun Gothic, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	min-height:100vh;
	max-width:430px;
	margin:0 auto;
	/*padding-bottom:90px;*/
	overflow-x:hidden;
	background-image:radial-gradient(ellipse at 15% 20%,rgba(99,102,241,0.09) 0%,transparent 50%),radial-gradient(ellipse at 85% 70%,rgba(124,58,237,0.07) 0%,transparent 50%);
}

/* ── Scrollbar ── */::-webkit-scrollbar {
	width:4px
}
::-webkit-scrollbar-track {
	background:transparent
}
::-webkit-scrollbar-thumb {
	background:var(--border2);
	border-radius: 2px
}

.themeWrap {
    right: 1em;
    position: absolute;
}
.themeWrap span {
	margin: 0 .1rem;
	cursor: pointer;
}
.themeWrap span i {
    color: var(--accent2);
    font-size: 14px;
}
.themeWrap span:nth-child(1)::after {
    content: "|";
    margin-left: 0.4rem;
    font-size: 14px;
    color: rgba(99, 102, 241, 0.3);
}
.user_logout, .executeStakeCancel {
	cursor: pointer;
}
.totalValInt {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 1.2em;
    color: var(--accent2);
}

.imgQR {
    height: 100px;
}

.hiddenZone input {
    background: #0a0c1b;
    color: #0a0c1b;
    border: none;
}

.coin-icon.gold {
    background: #f59e0b38;
    border: 1.5px solid #f59e0b;
    color: var(--gold);
}

.input-text {
    position: relative;
}

.input-text input {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-width: 0px 0px 1px 0px;
    font-size: 14px;
    color: #333;
    background: #fff;
}

.btn.type1 {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0;
    /* border-radius: 20px; */
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    border: none;
	cursor: pointer;
}

.btn.type2 {
    display: block;
    width: 100%;
    height: 50px;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
    padding: 0px;
    border: none;
	cursor: pointer;
}

.btn.color1 {
    background: linear-gradient(135deg, #6366f1, #7c3aed);
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.join .btn-wrap {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 4;
    width: 100%;
    left: 50%;
    max-width: 428px;
    transform: translate(-50%, 0px);
}

.login, .join {
    position: relative;
    height: 100%;
    min-height: 100vh;
    background: url(/assets/img/back.png);
}

.hdr-logo {
	display: flex;
    justify-content: center;
	cursor: pointer;
}

.login .contents {
    width: 300px;
    margin: 250px auto 0;
}

.content2 {
    padding: 0px;
}
.payment2 {
	background: transparent !important;
	padding: 0 1em;
}
.payment {
    position: relative;
    height: 100%;
    min-height: 100vh;
	background: #fff;
}
.payment .header {
    width: 100%;
    padding: 1em 0 1em 0;
	background: var(--bg);
	margin-bottom: 1em;
}
.payment .payWrap {
    margin: 5em 0;
    text-align: center;
	color: #333;
}
.payment .payWrap .payIndicate {
    margin: 2em 0;
    position: relative;
    display: inline-block;
}
.payment .payWrap .payIndicate ul {
    display: flex;
    gap: 1em;
}
.payment .payWrap .payIndicate li {
	list-style:none;
}
.payment .payWrap .payIndicate input {
    width: 36px;
    height: 40px;
    font-size: 36px;
    text-align: center;
    border: 1px solid #6e53ef;
    border-radius: 8px;
    color: #6e53ef;
}
.payment .numWrap {
    position: fixed;
    bottom: 0px;
    color: #333;
    width: 100%;
    max-width: 428px;
    text-align: center;
}
.payment .numWrap ul {
	display: flex;
}
.payment .numWrap ul:nth-child(1) {
    border-top: 1px solid #d9d9d9;
}
.payment .numWrap li {
	list-style: none;
    width: 33.3%;
    background: #eee;
    border: 1px solid #d9d9d9;
    border-width: 0px 1px 1px 0;
    padding: 1em 0;
    font-weight: 700;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.payConfirmWrap {
	margin: 2em 0 0;
	text-align: center;
}
.payConfirmWrap h2 {
	margin-bottom: 1em;
}

.contents select {
    width: 100%;
    height: 40px;
    font-size: 14px;
    padding: 0px 44px 0px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 6px;
}
.login .input-text, .join .input-text {
    margin-top: 20px;
}

.login .btn-login {
    font-size: 12px;
    margin-top: 28px;
}

.login .not-yet {
    margin-top: 16px;
    font-size: 0;
    text-align: center;
}

.login .not-yet p {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    color: #7b7b7b;
}

.login .not-yet a {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
    color: #7743ed;
    text-decoration: underline;
    vertical-align: top;
}

.join .top-info {
	margin-top: 2em;
}

#google_translate_element {
    text-align: center;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd {
    display: none;
}

.translated-ltr body {
	top: 0px !important;
}

/* ── Header ── */
.hdr {
	position:sticky;
	top:0;
	z-index:200;
    padding: 15px 20px 15px;
	background:rgba(6,9,18,0.85);
	backdrop-filter:blur(24px);
	border-bottom:1px solid var(--border);
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.hdr-logo {
	display:flex;
	align-items:center;
	gap:10px
}
.hdr-logo-icon {
	width:30px;
	height:30px;
	border-radius:9px;
	background: linear-gradient(135deg,#6366f1,#7c3aed);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:14px;
	box-shadow:0 0 16px rgba(99,102,241,0.35);
}
.hdr-logo-text {
	font-family: "Helvetica Neue",sans-serif;
	font-size:17px;
	font-weight:800;
	letter-spacing:-0.5px
}
.hdr-right {
	display:flex;
	align-items:center;
	gap:10px
}
.live-badge {
	display:flex;
	align-items:center;
	gap:5px;
	background:rgba(16,185,129,0.1);
	border:1px solid rgba(16,185,129,0.2);
	border-radius:20px;
	padding:3px 10px;
}
.live-dot {
	width:5px;
	height:5px;
	border-radius:50%;
	background:var(--green);
	box-shadow:0 0 6px var(--green);
	animation:blink 2s infinite
}
.live-badge2 {
	display:flex;
	align-items:center;
	gap:5px;
    background: #60a5fa26;
    border: 1px solid #60a5fa6b;
	border-radius:20px;
	padding:3px 10px;
}
.live-text2 {
    font-size: 10px;
    color: #60a5fa;
    font-weight: 600;
    letter-spacing: 0.5px;
}
@keyframes blink {
	0%,100% {
		opacity:1
	}
	50% {
		opacity:0.4
	}
}
.live-text {
	font-size:10px;
	color:var(--green);
	font-weight:600;
	letter-spacing:0.5px;
	cursor: pointer;
}
.hdr-avatar {
	width:30px;
	height:30px;
	border-radius:50%;
	background:linear-gradient(135deg,#6366f1,#7c3aed);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:12px;
	font-weight: 700;
}
/* ── Content wrap ── */
.content {
	padding: 20px 16px 100px 16px;
}
/* ── Tab panels ── */
.panel {
	display:none
}
.panel.active {
	display:block;
	animation:fadeUp 0.25s ease
}
@keyframes fadeUp {
	from {
		opacity:0;
		transform:translateY(8px)
	}
	to {
		opacity:1;
		transform: translateY(0)
	}
}
/* ── Card ── */
.card {
	background:var(--surface);
	border:1px solid var(--border);
	border-radius:var(--r);
	padding:18px;
	margin-bottom:12px;
}
.card-lg {
	padding:22px
}
.sec-label {
	font-size:10px;
	color:var(--dim);
	text-transform: uppercase;
	letter-spacing:1.8px;
	font-weight:600;
	margin-bottom:12px;
}
/* ── Wallet Total Card ── */
.wallet-hero {
	background:linear-gradient(135deg,rgba(99,102,241,0.18),rgba(124,58,237,0.12));
	border:1px solid rgba(99,102,241,0.25);
	border-radius:22px;
	padding:24px 20px;
	margin-bottom:14px;
	position:relative;
	overflow:hidden;
}
.wallet-hero::before {
	content:'';
	position:absolute;
	top:-40px;
	right:-40px;
	width:150px;
	height:150px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(99,102,241,0.15),transparent);
}
.wallet-net-badge {
	display:inline-flex;
	align-items:center;
	gap:6px;
	background:rgba(99,102,241,0.15);
	border:1px solid rgba(99,102,241,0.3);
	border-radius:20px;
	padding:3px 10px;
	margin-bottom:14px;
}
.wallet-net-dot {
	width:5px;
	height:5px;
	border-radius:50%;
	background:var(--accent2)
}
.wallet-net-text {
	font-size:10px;
	color:var(--accent2);
	font-family:'JetBrains Mono',monospace;
	font-weight:600
}
.wallet-total-label {
	font-size:11px;
	color:var(--muted);
	margin-bottom:6px;
	letter-spacing:0.5px
}
.wallet-total-val {
	font-size:28px;
	font-weight:800;
	font-family:'Syne',sans-serif;
	letter-spacing:-0.5px;
	line-height:1;
	margin-bottom:4px
}
.wallet-total-sub {
	font-size:12px;
	color:var(--dim)
}
.wallet-addr-row {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:16px;
	padding-top:14px;
	border-top:1px solid rgba(255,255,255,0.07);
}
.wallet-addr {
	font-family:'JetBrains Mono',monospace;
	font-size:11px;
	color:var(--muted)
}
.copy-addr-btn {
	background:rgba(99,102,241,0.15);
	border:1px solid rgba(99,102,241,0.3);
	border-radius:6px;
	padding:4px 10px;
	font-size:10px;
	color:var(--accent2);
	cursor:pointer;
	/* font-family:'JetBrains Mono',monospace; */
	font-weight:600;
	transition:all 0.2s;
}
.copy-addr-btn:hover {
	background: rgba(99,102,241,0.25)
}
/* ── Action Buttons ── */
.action-row {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:8px;
	margin-bottom:14px
}
.action-btn {
	background:var(--surface2);
	border:1px solid var(--border);
	border-radius:14px;
	padding:12px 6px;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:6px;
	cursor:pointer;
	transition:all 0.2s;
}
.action-btn:hover {
	border-color:var(--border2);
	background:rgba(255,255,255,0.09)
}
.action-btn:active {
	transform:scale(0.96)
}
.action-icon {
	font-size:20px;
	line-height:1
}
.action-label {
	font-size:10px;
	color:var(--muted);
	font-weight:600;
	letter-spacing: 0.3px
}
/* ── Coin List ── */
.coin-item {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:13px 0;
	border-bottom:1px solid var(--border);
	cursor:pointer;
	transition:all 0.15s;
	border-radius:2px;
}
.coin-item:last-child {
	border-bottom:none
}
.coin-item:hover {
	padding-left:4px
}
.coin-left {
	display:flex;
	align-items:center;
	gap:12px
}
.coin-icon {
	width:40px;
	height:40px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:16px;
	font-weight:700;
	flex-shrink:0;
	font-family:'JetBrains Mono',monospace;
}
.coin-icon.trx {
	background:rgba(231,76,60,0.15);
	border:1.5px solid rgba(231,76,60,0.3);
	color:var(--trx)
}
.coin-icon.usdt {
	background:rgba(38,161,123,0.15);
	border:1.5px solid rgba(38,161,123,0.3);
	color:var(--usdt)
}
.coin-icon.own {
	background:rgba(124,58,237,0.15);
	border:1.5px solid rgba(124,58,237,0.3);
	color:var(--own)
}
.coin-name {
	font-size:14px;
	font-weight:700
}
.coin-network {
	font-size:10px;
	color:var(--dim);
	margin-top:2px;
	font-family:'JetBrains Mono',monospace
}
.coin-right {
	text-align:right
}
.coin-amount {
	font-size:15px;
	font-weight:700;
	font-family:'JetBrains Mono',monospace
}
.coin-usd {
	font-size:11px;
	color:var(--dim);
	margin-top:2px
}
.coin-change {
	font-size:10px;
	margin-top:2px;
	font-weight:600
}
.up {
	color:var(--green)
}
.down {
	color: var(--red)
}
/* ── Section title row ── */
.sec-row {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:12px
}
.sec-title {
	font-size:14px;
	font-weight:700
}
.sec-link {
	font-size:11px;
	color:var(--accent2);
	cursor: pointer
}
/* ── Staking Card ── */
.stake-hero {
	background:linear-gradient(135deg,rgba(245,158,11,0.12),rgba(99,102,241,0.08));
	border:1px solid rgba(245,158,11,0.2);
	border-radius:20px;
	padding:22px 20px;
	margin-bottom:12px;
}
.stake-apy-row {
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:16px
}
.stake-apy-badge {
	background:rgba(245,158,11,0.15);
	border:1px solid rgba(245,158,11,0.3);
	border-radius:8px;
	padding:4px 12px;
	font-size:11px;
	font-weight:700;
	color:var(--gold);
	font-family:'JetBrains Mono',monospace;
}
.stake-info-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px
}
.stake-info-item {
	background:rgba(255,255,255,0.04);
	border-radius:10px;
	padding:12px
}
.stake-info-label {
	font-size:10px;
	color:var(--dim);
	margin-bottom:4px;
	letter-spacing:0.5px
}
.stake-info-val {
	font-size: 12px;
	font-weight:700;
	/*font-family: 'JetBrains Mono',monospace*/
	color:var(--green);
}
/* ── Progress ── */
.prog-track {
	height:6px;
	background:rgba(255,255,255,0.08);
	border-radius:99px;
	overflow:hidden;
	margin:10px 0
}
.prog-fill {
	height:100%;
	border-radius:99px;
	transition:width 1s ease
}
.prog-labels {
	display:flex;
	justify-content:space-between;
	font-size:10px;
	color: var(--dim)
}
/* ── Reward row ── */
.reward-row {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px 0;
	border-bottom:1px solid var(--border);
}
.reward-row:last-child {
	border-bottom:none
}
.reward-key {
	font-size:12px;
	color:var(--muted)
}
.reward-val {
	font-size:13px;
	font-weight:700;
	font-family: 'JetBrains Mono',monospace
}
/* ── Network tree ── */
.tree-center {
	display:flex;
	flex-direction:column;
	align-items:center
}
.tree-me {
	width:58px;
	height:58px;
	border-radius:50%;
	background:linear-gradient(135deg,var(--accent),var(--own));
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:16px;
	font-weight:700;
	box-shadow:0 0 24px rgba(99,102,241,0.35);
}
.tree-line {
	width:1px;
	background:rgba(99,102,241,0.35)
}
.tree-line-y {
	background:rgba(245,158,11,0.35)
}
.tree-row-flex {
	display:flex;
	gap:24px
}
.tree-node {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px
}
.tree-circle-l1 {
	width:44px;
	height:44px;
	border-radius:50%;
	background:rgba(96,165,250,0.15);
	border:2px solid rgba(96,165,250,0.4);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:12px;
	font-weight:700;
}
.tree-circle-l2 {
	width:36px;
	height:36px;
	border-radius:50%;
	background:rgba(245,158,11,0.12);
	border:2px solid rgba(245,158,11,0.35);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:11px;
	font-weight:700;
}
.tree-name {
	font-size:10px;
	font-weight:600
}
.tree-sub {
	font-size:9px;
	color: var(--dim)
}
/* ── Member list ── */
.member-item {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:11px 0;
	border-bottom:1px solid var(--border);
}
.member-item:last-child {
	border-bottom:none
}
.member-av {
	width:34px;
	height:34px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:12px;
	font-weight:700;
	flex-shrink:0;
}
.member-name {
	font-size:13px;
	font-weight:600
}
.member-sub {
	font-size:10px;
	color:var(--dim);
	margin-top:1px
}
.member-reward {
	font-size:13px;
	font-weight:700;
	font-family:'JetBrains Mono',monospace
}
.member-staked {
	font-size:10px;
	color:var(--dim);
	margin-top:1px;
	text-align: right
}
/* ── Modal ── */
.modal-overlay {
	position:fixed;
	inset:0;
	z-index:500;
	background:rgba(0,0,0,0.7);
	backdrop-filter:blur(8px);
	display:flex;
	align-items:flex-end;
	justify-content:center;
	opacity:0;
	pointer-events:none;
	transition:opacity 0.25s;
}
.modal-overlay.open {
	opacity:1;
	pointer-events:all
}
.modal-sheet {
	background:var(--bg2);
	border:1px solid var(--border2);
	border-radius:24px 24px 0 0;
	padding:0 0 40px;
	width:100%;
	max-width:430px;
	transform:translateY(100%);
	transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);
	max-height:90vh;
	overflow-y:auto;
}
.modal-overlay.open .modal-sheet {
	transform:translateY(0)
}
.modal-handle {
	width:40px;
	height:4px;
	background:var(--border2);
	border-radius:2px;
	margin:14px auto 0
}
.modal-header {
	padding:16px 20px 0;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.modal-title {
	font-size:17px;
	font-weight:700;
	font-family:'Syne',sans-serif
}
.modal-close {
	width:30px;
	height:30px;
	border-radius:50%;
	background:var(--surface2);
	border:none;
	color:var(--muted);
	font-size:16px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}
.modal-body {
	padding: 20px
}
/* ── Form ── */
.form-label {
	font-size:11px;
	color:var(--muted);
	margin-bottom:6px;
	font-weight:600;
	letter-spacing:0.5px;
	display:block
}
.form-group {
	margin-bottom:14px
}
.input-wrap {
	background:var(--bg3);
	border:1px solid var(--border2);
	border-radius:12px;
	padding:12px 14px;
	display:flex;
	align-items:center;
	gap:10px;
	transition:border-color 0.2s;
}
.input-wrap:focus-within {
	border-color:var(--accent)
}
.input-wrap input {
	flex:1;
	background:none;
	border:none;
	outline:none;
	color:var(--text);
	font-family:'JetBrains Mono',monospace;
	font-size:15px;
	font-weight:600;
}
.input-wrap input::placeholder {
	color:var(--dim)
}
.input-coin-tag {
	font-size:11px;
	font-weight:700;
	font-family:'JetBrains Mono',monospace;
	padding:3px 8px;
	border-radius:5px;
}
.input-coin-tag.trx {
	background:rgba(231,76,60,0.15);
	color:var(--trx)
}
.input-coin-tag.usdt {
	background:rgba(38,161,123,0.15);
	color:var(--usdt)
}
.input-coin-tag.own {
	background:rgba(124,58,237,0.15);
	color:var(--own)
}
.input-max {
	font-size:10px;
	color:var(--accent2);
	font-weight:700;
	cursor:pointer;
	font-family:'JetBrains Mono',monospace;
}
.fee-info-box {
	background:var(--bg3);
	border:1px solid var(--border);
	border-radius:10px;
	padding:12px 14px;
	margin-bottom:14px;
}
.fee-row {
	display:flex;
	justify-content:space-between;
	font-size:12px;
	padding:3px 0
}
.fee-key {
	color:var(--muted)
}
.fee-val {
	font-family:'JetBrains Mono',monospace;
	font-weight:600
}
.fee-val.red {
	color:var(--red)
}
.fee-val.green {
	color: var(--green)
}
/* ── Select coin ── */
.coin-select-row {
	display:flex;
	align-items:center;
	gap:10px;
	background:var(--bg3);
	border:1px solid var(--border2);
	border-radius:12px;
	padding:10px 14px;
	cursor:pointer;
	transition:border-color 0.2s;
	margin-bottom:14px;
}
.coin-select-row:hover {
	border-color:var(--accent)
}
.coin-select-info {
	flex:1
}
.coin-select-name {
	font-size:14px;
	font-weight:700
}
.coin-select-bal {
	font-size:11px;
	color:var(--dim);
	font-family:'JetBrains Mono',monospace
}
.chevron {
	color:var(--dim);
	font-size: 12px
}
/* ── Swap Arrow ── */
.swap-arrow-btn {
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 14px;
	width:36px;
	height:36px;
	border-radius:50%;
	background:var(--accent);
	border:none;
	color:#fff;
	font-size:18px;
	cursor:pointer;
	transition:transform 0.3s;
	box-shadow:0 0 16px rgba(99,102,241,0.4);
}
.swap-arrow-btn:hover {
	transform: rotate(180deg)
}
/* ── Primary Button ── */
.btn-primary {
	width:100%;
	padding:15px;
	border-radius:14px;
	background:linear-gradient(135deg,var(--accent),var(--own));
	border:none;
	color:#fff;
	font-family:'Syne',sans-serif;
	font-size:15px;
	font-weight:700;
	cursor:pointer;
	transition:opacity 0.2s,transform 0.1s;
	box-shadow:0 4px 20px rgba(99,102,241,0.3);
}
.btn-primary:hover {
	opacity:0.9
}
.btn-primary:active {
	transform:scale(0.98)
}
.btn-primary:disabled {
	opacity:0.4;
	cursor:not-allowed
}
.btn-secondary {
	width:100%;
	padding:13px;
	border-radius:12px;
	background:var(--surface2);
	border:1px solid var(--border2);
	color:var(--text);
	font-family:'Syne',sans-serif;
	font-size:14px;
	font-weight:600;
	cursor:pointer;
	transition:all 0.2s;
}
.btn-secondary:hover {
	border-color:var(--accent);
	color: var(--accent2)
}
.btn-success {
	width:100%;
	padding:13px;
	border-radius:12px;
	background: #1e9d51;
	border:1px solid var(--border2);
	color: #fff;
	font-family:'Syne',sans-serif;
	font-size:14px;
	font-weight:600;
	cursor:pointer;
	transition:all 0.2s;
}
.btn-success:hover {
	border-color: #1e9d51;
	color: #fff;
}
/* ── QR placeholder ── */
.qr-box {
	width:160px;
	height:160px;
	border-radius:16px;
	background:var(--bg3);
	border:2px dashed var(--border2);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin:0 auto 16px;
	gap:8px;
}
.qr-grid {
	display:grid;
	grid-template-columns:repeat(7,10px);
	grid-template-rows:repeat(7,10px);
	gap:2px;
}
.qr-c {
	border-radius: 2px
}
/* ── Notification toast ── */
.toast {
    position: fixed;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: rgb(16 185 129 / 68%);
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: 12px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    color: var(--white);
    opacity: 0;
    transition: all 0.3s;
    z-index: 600;
    white-space: nowrap;
    pointer-events: none;
}
.toast.show {
	opacity:1;
	transform:translateX(-50%) translateY(0)
}
.toast.error {
	background:rgba(239,68,68,0.15);
	border-color:rgba(239,68,68,0.3);
	color: var(--red)
}
/* ── TX History ── */
.tx-item {
	display:flex;
	align-items:center;
	gap:12px;
	padding:11px 0;
	border-bottom:1px solid var(--border);
}
.tx-item:last-child {
	border-bottom:none
}
.tx-icon {
	width:36px;
	height:36px;
	border-radius:10px;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:15px;
}
.tx-icon.in {
	background:rgba(16,185,129,0.12)
}
.tx-icon.out {
	background:rgba(239,68,68,0.12)
}
.tx-icon.swap {
	background:rgba(99,102,241,0.12)
}
.tx-icon.stake {
	background:rgba(245,158,11,0.12)
}
.tx-info {
	flex:1
}
.tx-title {
	font-size:13px;
	font-weight:600
}
.tx-etc {
	font-size:13px;
	font-weight:600;
	display: flex;
	justify-content: center;
}
.tx-date {
	font-size:10px;
	color:var(--dim);
	margin-top:1px
}
.tx-right {
	text-align:right
}
.tx-amount {
	font-size:13px;
	font-weight:700;
	font-family:'JetBrains Mono',monospace
}
.tx-status {
	font-size:10px;
	color:var(--dim);
	margin-top: 1px
}
/* ── Badge ── */
.badge {
	display:inline-block;
	border-radius:20px;
	padding:2px 8px;
	font-size:10px;
	font-weight:700
}
.badge-green {
	background:rgba(16,185,129,0.15);
	color:var(--green)
}
.badge-yellow {
	background:rgba(245,158,11,0.15);
	color:var(--gold)
}
.badge-blue {
	background:rgba(96,165,250,0.15);
	color:#60a5fa
}
.badge-purple {
	background:rgba(124,58,237,0.15);
	color: #a78bfa
}
.badge-red {
	background: rgb(245 76 11 / 15%);
    color: #ff5613;
}
/* ── Staking input section ── */
.stake-input-card {
	background:var(--bg3);
	border:1px solid var(--border2);
	border-radius:16px;
	padding:18px;
	margin-bottom: 12px;
}
/* ── Bottom Nav ── */
.bottom-nav {
	position:fixed;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	max-width:430px;
	background:rgba(6,9,18,0.92);
	backdrop-filter:blur(24px);
	border-top:1px solid var(--border);
	display:flex;
    padding: 8px 0 15px;
	z-index:300;
}
.nav-btn {
	flex:1;
	background:none;
	border:none;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
	padding:4px 0;
}
.nav-icon-wrap {
	width:44px;
	height:28px;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	transition:background 0.2s;
}
.nav-icon-wrap.active {
	background:rgba(99,102,241,0.18)
}
.nav-lbl {
	font-size:9px;
	transition:color 0.2s;
	letter-spacing:0.3px;
	font-weight:600
}
.nav-lbl.active {
	color:var(--accent2)
}
.nav-lbl.inactive {
	color: var(--dim)
}
/* ── Divider ── */
.divider {
	height:1px;
	background:var(--border);
	margin: 12px 0
}
/* ── Alert box ── */
.alert-box {
	background:rgba(245,158,11,0.08);
	border:1px solid rgba(245,158,11,0.2);
	border-radius:10px;
	padding:10px 14px;
	margin-bottom:12px;
	display:flex;
	gap:8px;
	align-items:flex-start;
}
.alert-icon {
	font-size:14px;
	flex-shrink:0;
	margin-top:1px
}
.alert-text {
	font-size:11px;
	color:var(--gold);
	line-height: 1.5
}
/* ── Info grid ── */
.info-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
	margin-bottom:12px
}
.info-cell {
	background:var(--bg3);
	border:1px solid var(--border);
	border-radius:12px;
	padding:12px;
}
.info-cell-label {
	font-size:10px;
	color:var(--dim);
	margin-bottom:4px;
	letter-spacing:0.5px
}
.info-cell-val {
	font-size:15px;
	font-weight:700;
	font-family: 'JetBrains Mono',monospace
}
/* ── Coin selector dropdown ── */
.coin-dropdown {
	background:var(--bg2);
	border:1px solid var(--border2);
	border-radius:14px;
	overflow:hidden;
	margin-bottom:14px;
}
.coin-dropdown-item {
	display:flex;
	align-items:center;
	gap:12px;
	padding:12px 14px;
	cursor:pointer;
	transition:background 0.15s;
	border-bottom:1px solid var(--border);
}
.coin-dropdown-item:last-child {
	border-bottom:none
}
.coin-dropdown-item:hover {
	background:var(--surface2)
}
.coin-dropdown-item.selected {
	background: rgba(99,102,241,0.1)
}
/* ── Admin ── */
.admin-quick-btn {
	background:var(--surface2);
	border:1px solid var(--border2);
	border-radius:8px;
	padding:8px 4px;
	color:var(--muted);
	font-size:11px;
	font-weight:600;
	cursor:pointer;
	font-family:'JetBrains Mono',monospace;
	transition:all 0.15s;
}
.admin-quick-btn:hover {
	border-color:var(--own);
	color:var(--own);
	background: rgba(124,58,237,0.1)
}
/* ── Member table ── */
.member-table-row {
	display:grid;
	grid-template-columns:28px 1fr 60px 60px 36px;
	gap:6px;
	align-items:center;
	padding:10px 0;
	border-bottom:1px solid var(--border);
	font-size:12px;
	transition:background 0.15s;
}
.member-table-row:last-child {
	border-bottom:none
}
.member-table-row:hover {
	background:rgba(255,255,255,0.02);
	border-radius:8px;
	padding-left:4px
}
.member-table-head {
	display:grid;
	grid-template-columns:28px 1fr 60px 60px 36px;
	gap:6px;
	padding:6px 0 8px;
	font-size:9px;
	color:var(--dim);
	text-transform:uppercase;
	letter-spacing:1px;
	border-bottom:1px solid var(--border2);
	margin-bottom:2px;
}
.member-av-sm {
	width:28px;
	height:28px;
	border-radius:8px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:11px;
	font-weight:700;
	flex-shrink:0;
}
.status-dot {
	width:6px;
	height:6px;
	border-radius:50%;
	display:inline-block;
	margin-right: 4px;
}
/* ── Staking row ── */
.stake-admin-row {
	background:var(--bg3);
	border:1px solid var(--border);
	border-radius:12px;
	padding:12px 14px;
	margin-bottom:8px;
}
.stake-admin-row:last-child {
	margin-bottom:0
}
.stake-admin-top {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:8px
}
.stake-admin-bars {
	height:4px;
	background:rgba(255,255,255,0.06);
	border-radius:99px;
	margin:6px 0 4px
}
.stake-admin-fill {
	height:100%;
	border-radius:99px
}
.stake-admin-meta {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:6px;
	margin-top:8px
}
.stake-meta-cell {
	background:rgba(255,255,255,0.03);
	border-radius:8px;
	padding:6px 8px
}
.stake-meta-label {
	font-size:9px;
	color:var(--dim);
	margin-bottom:2px
}
.stake-meta-val {
	font-size:11px;
	font-weight:700;
	font-family: 'JetBrains Mono',monospace
}
/* ── Summary stat ── */
.admin-stat-cell {
	background:var(--bg3);
	border:1px solid var(--border);
	border-radius:12px;
	padding:12px;
}
.admin-stat-label {
	font-size:10px;
	color:var(--dim);
	margin-bottom:4px
}
.admin-stat-val {
	font-size:18px;
	font-weight:800;
	font-family:'JetBrains Mono',monospace;
	line-height:1
}
.admin-stat-sub {
	font-size:10px;
	color:var(--dim);
	margin-top: 3px
}
/* ── Interest row ── */
.interest-row {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:9px 0;
	border-bottom:1px solid var(--border);
	font-size:12px;
}
.interest-row:last-child {
	border-bottom: none
}

.dropdown {
	background: var(--bg3); 
	border: 1px solid var(--border2);
	border-radius: 12px; 
	overflow: hidden; 
	margin-bottom: 10px;
}
.stake_history > div {
	background:var(--bg3);
	border-radius:14px;
	padding:14px;
	margin-bottom:10px;
}
.staking_bonus3 {
	font-size:13px;
	font-weight:700;
	font-family:'JetBrains Mono',monospace;
	color:var(--accent2);
}
.stakingStatCard {
	background:linear-gradient(135deg,rgba(124,58,237,0.15),rgba(99,102,241,0.08));
	border:1px solid rgba(124,58,237,0.25);
	border-radius:18px;
	padding:18px 20px;
	margin-bottom:12px
}
.stakingStatCardBack {
	background:rgba(0,0,0,0.2);
	border-radius:14px;
	padding:14px;
	text-align:center
}
.StakingCalculator {
	display:flex;
	align-items:center;
	gap:12px;
	background:rgba(124,58,237,0.1);
	border:1px solid rgba(124,58,237,0.3);
	border-radius:12px;
	padding:12px 14px;
	margin-bottom:14px
}
.stakeDailyTotal {
	font-size:14px;
	font-weight:800;
	color:var(--accent2);
	font-family:'JetBrains Mono',monospace;
}
.StakeCountDown {
	background:rgba(0,0,0,0.2);
	border-radius:12px;
	padding:12px 14px;
	margin-bottom:14px;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.StakeCountDownClock {
	font-size:20px;
	font-weight:800;
	font-family:'JetBrains Mono',monospace;
	color:var(--text)
}
.StakeConfirm { 
	background:var(--bg3);
	border-radius:14px;
	padding:16px;
	margin-bottom:16px;
	text-align:center;
}
.StakeAmount {
	font-size:32px;
	font-weight:800;
	color:var(--own);
	font-family:'JetBrains Mono',monospace
}
.StakeYearBadge {
	background:rgba(99,102,241,0.12);
	border-color:rgba(99,102,241,0.3);
	color:var(--accent2);
}
.Referralcode {
	background:linear-gradient(135deg,rgba(99,102,241,0.15),rgba(124,58,237,0.1));
	border:1px solid rgba(99,102,241,0.25);
	border-radius:18px;
	padding:20px;
	margin-bottom:12px
}
.ReferralcodeTxt1 {
	font-size:10px;
	color:var(--muted);
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:8px
}
.ReferralcodeTxt2 {
	font-size:11px;
	color:var(--dim);
	margin-top:8px
}
.RewardStructure {
	background:var(--bg3);
	border-radius:12px;
	padding:12px;
	text-align:center
}
.myPayCount {
	font-size:16px;
	font-weight:800;
	color:var(--accent2);
	font-family:'JetBrains Mono',monospace;
	line-height:1
}
.swapConfirmModal {
	background:var(--bg3);
	border-radius:14px;
	padding:16px;
	margin-bottom:16px;
	text-align:center
}
.qr-addr {
	background:var(--bg3);
	border:1px solid var(--border2);
	border-radius:12px;
	padding:12px 14px;
	margin-bottom:16px
}
/********** Light theme **********/
:root [theme='light']  {
	--bg: #fff;
	--accent2: #fff;
	--active: #2b49bd;
	--muted: #333;
	--dim: #333;
	--text: #333;
	--border: #e9e9e9;
	--border2: #60a5fa6b;
    --surface: linear-gradient(135deg, rgb(255 255 255), rgb(231 231 231 / 39%));
    --custom: linear-gradient(135deg, rgb(71 170 255), rgb(10 50 145));
    --custom2: linear-gradient(135deg, rgb(76 217 249), rgb(27 74 205));
	--text2: #ccfffd;;
	--back2: #60a5fa26;
}
[theme='light'] .hdr-logo-icon, [theme='light'] .tree-me, [theme='light'] .hiddenZone input, [theme='light'] .btn-primary {
    color: var(--bg);
}
[theme='light'] .modal-sheet, [theme='light'] .hiddenZone input {
    background: var(--bg);
}
[theme='light'] .hdr {
    background: var(--bg);
	border: 1px solid var(--border);
	border-width: 0 0 1px 0;
}
[theme='light'] .bottom-nav {
    background: var(--bg);
	border: 1px solid var(--border);
	border-width: 1px 1px 0 1px;
}
[theme='light'] .wallet-hero, [theme='light'] .Referralcode, [theme='light'] .tree-me, [theme='light'] .swap-arrow-btn {
    background: var(--custom);
    border: transparent;
}
[theme='light'] .wallet-total-label, [theme='light'] .wallet-addr, [theme='light'] .ReferralcodeTxt1, [theme='light'] .ReferralcodeTxt2 {
	color: var(--text2);
}
.btn-primary {
	background: var(--custom2);
}
[theme='light'] .wallet-net-badge, [theme='light'] .copy-addr-btn {
    background: rgb(107 221 255 / 21%);
    border: 1px solid rgb(37 120 191 / 30%);
}
[theme='light'] .nav-lbl.active, [theme='light'] .input-max, [theme='light'] .staking_bonus3, [theme='light'] .stakeDailyTotal, [theme='light'] .badge-purple, [theme='light'] .input-coin-tag.own, [theme='light'] .myPayCount, [theme='light'] .StakeAmount, [theme='light'] .StakeYearBadge, [theme='light'] .StakeCountDownClock {
    color: var(--active);
}
[theme='light'] .qr-box, [theme='light'] .qr-addr, [theme='light'] .coin-select-row, [theme='light'] .input-wrap, [theme='light'] .fee-info-box, [theme='light'] .dropdown, [theme='light'] .stake_history > div, [theme='light'] .RewardStructure, [theme='light'] .StakeConfirm, [theme='light'] .swapConfirmModal {
	background: var(--surface);
	border: 1px solid var(--border);
}
[theme='light'] .stakingStatCard, [theme='light'] .stakingStatCardBack, [theme='light'] .StakingCalculator, [theme='light'] .StakeCountDown, [theme='light'] .nav-icon-wrap.active, [theme='light'] .badge-purple, [theme='light'] .input-coin-tag.own {
	background: var(--back2);
}
[theme='light'] .stakingStatCard, [theme='light'] .StakingCalculator, [theme='light'] .StakeCountDown {
	border: 1px solid var(--border2);
}
[theme='light'] .themeWrap span:nth-child(1)::after {
    color: rgb(35 150 255);
}
/********** Light theme **********/


/* ── Responsive ── */
@media(min-width:430px) {
	body {
		border-left:1px solid var(--border);
		border-right: 1px solid var(--border)
	}
}
@media(max-width:430px) {
	.input-wrap input {
		max-width: 66%;
	}
	.live-text {
	    font-size: 9px;
	}
}