/* CTW GLASSY V2 — flexible, responsive, contrast-aware, zero external dependencies. */
:root{
  --bg:#e9e0d7;--surface:rgba(255,252,248,.67);--surface-soft:rgba(255,255,255,.45);
  --ink:#302c2b;--muted:#706862;--line:rgba(255,255,255,.55);
  --accent:#eb9364;--blue:#a7cada;--green:#9cd1b7;--red:#eab0a2;
  --shadow:0 20px 58px rgba(76,54,47,.12);--shadow-small:0 7px 22px rgba(76,54,47,.12);
  --radius:22px;--sidebar-width:234px;
}
html,body{background-color:var(--bg)}
body.app-body{
 background:radial-gradient(ellipse at 83% 2%,rgba(255,163,111,.27),transparent 48%),radial-gradient(ellipse at 12% 62%,rgba(159,196,192,.3),transparent 54%),linear-gradient(155deg,#e4ddd8 0%,#f4eee8 48%,#e8dace 100%);
 background-attachment:fixed;min-height:100vh;letter-spacing:.005em;
}
.app-layout::before{content:"";position:fixed;z-index:0;left:36%;top:7%;width:32vw;height:28vw;min-height:280px;min-width:280px;border-radius:50%;background:radial-gradient(circle,rgba(252,172,133,.22),transparent 72%);filter:blur(32px);pointer-events:none}
.main-area{position:relative;z-index:1}
.sidebar{background:rgba(244,237,230,.73);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px);border:0;border-inline-end:1px solid rgba(255,255,255,.58);box-shadow:11px 0 45px rgba(80,58,45,.06)}
.sidebar-brand,.sidebar-footer{border-color:rgba(255,255,255,.5);border-width:1px}
.sidebar-brand{padding:23px 18px}
.sidebar-brand strong{font-size:15px;letter-spacing:-.025em}
.side-nav{padding:24px 12px;gap:6px}
.nav-item{border:1px solid transparent!important;border-radius:14px!important;min-height:48px;padding:10px 13px;font-weight:650;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.nav-item:hover{background:rgba(255,255,255,.54);transform:translateX(2px)}
.nav-item.active{background:linear-gradient(125deg,rgba(255,255,255,.93),rgba(244,219,205,.77));color:#614333;border-color:rgba(255,255,255,.9)!important;box-shadow:0 7px 20px rgba(123,90,74,.13)}
.nav-icon{border:0;border-radius:10px;background:rgba(139,101,82,.08);font-size:12px;width:32px;height:32px}
.nav-item.active .nav-icon{background:rgba(239,152,103,.19)}
.avatar,.brand-mark{border:1px solid rgba(255,255,255,.68)!important;border-radius:13px!important;background:linear-gradient(135deg,#e3a174,#f2caa7)!important;box-shadow:0 7px 18px rgba(195,119,83,.19)!important;color:#4c3128!important}
.topbar{background:rgba(247,242,237,.57);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.64);min-height:91px;padding:15px clamp(14px,2.2vw,36px)}
.topbar h1{font-size:clamp(20px,2.1vw,28px);font-weight:780;letter-spacing:-.04em}
.eyebrow{font-size:10px;color:#a27660;font-weight:800;letter-spacing:.14em}
.coin-pill{border:1px solid rgba(255,255,255,.7)!important;border-radius:17px!important;box-shadow:0 9px 28px rgba(105,84,69,.10)!important;background:linear-gradient(125deg,rgba(255,255,255,.78),rgba(238,221,207,.82));color:#463b32;padding:10px 16px}
.coin-pill strong{color:#76513f;font-size:15px}
.content-area{max-width:1650px;padding:clamp(18px,2.3vw,40px)}
.balance-card,.panel-card,.stat-card,.action-tile,.mobile-data-card,.reseller-mobile-card,.transfer-box,.glassy-stat{
 border:1px solid rgba(255,255,255,.68)!important;box-shadow:0 14px 40px rgba(99,70,54,.09),inset 0 1px 0 rgba(255,255,255,.58)!important;border-radius:var(--radius)!important;
 background:linear-gradient(145deg,rgba(255,255,255,.69),rgba(241,228,217,.38))!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ink)
}
.balance-card{min-height:194px;background:linear-gradient(120deg,rgba(166,117,94,.91),rgba(209,153,119,.78),rgba(237,196,156,.68))!important;color:#fff7ef!important;box-shadow:0 24px 50px rgba(141,88,61,.20)!important;position:relative;overflow:hidden}
.balance-card:after{content:"";position:absolute;right:-5%;bottom:-90%;width:300px;height:300px;border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.07),0 0 0 110px rgba(255,255,255,.04);pointer-events:none}
.balance-card :is(h2,strong,span,p){color:#fffaf5!important;position:relative;z-index:1}
.balance-card h2{font-size:clamp(40px,5vw,66px);font-variant-numeric:tabular-nums}
.overview-stats,.section-grid{margin-top:25px}
.stats-grid{gap:15px}.stat-card{padding:20px!important}.stat-card strong{font-variant-numeric:tabular-nums;font-size:clamp(26px,2.4vw,37px);color:#6a4c3b}
.panel-card{padding:clamp(18px,2vw,28px)}.panel-head{margin-bottom:19px}.panel-head h2,.panel-head h3{letter-spacing:-.03em}
.data-table{border-collapse:separate;border-spacing:0;background:rgba(255,255,255,.18)}
.data-table thead{background:rgba(246,235,223,.8)}
.data-table th{background:transparent!important;color:#68594e;border-color:rgba(107,78,67,.1)!important}
.data-table td{border-color:rgba(107,78,67,.10)!important}
.data-table tbody tr:hover{background:rgba(250,231,218,.45)}
:where(.primary-button,.secondary-button,.danger-button,.icon-button,.mini-button,.action-tile,.modal-close,.reseller-card-summary,.deposit-package-card,.pagination button,.confirm-button){border-radius:13px!important;box-shadow:none!important;transform:none!important;border-width:1px!important;font-weight:680;transition:filter .2s ease,background .2s ease,box-shadow .2s ease}
:is(.primary-button,.mini-button.deposit){background:linear-gradient(120deg,#bc7554,#e7a478)!important;color:#fff!important;border-color:rgba(255,255,255,.38)!important}
.primary-button:hover,.mini-button.deposit:hover{filter:brightness(1.07);box-shadow:0 8px 26px rgba(189,113,79,.22)!important}
.secondary-button,.icon-button,.mini-button:not(.deposit):not(.danger){background:rgba(255,255,255,.64)!important;border-color:rgba(171,134,118,.25)!important;color:#4d4037!important}
.mini-button.danger,.danger-button{background:rgba(241,153,151,.35)!important;border-color:rgba(214,107,104,.35)!important;color:#8c393a!important}
.field-input,.field-select,.search-field,.neo-select-trigger,input[type="number"],input[type="search"]{
 border-color:rgba(181,149,134,.3)!important;border-width:1px!important;border-radius:13px!important;background:rgba(255,255,255,.72)!important;color:#352f2b!important;box-shadow:inset 0 1px 3px rgba(117,91,74,.03)!important
}
.field-input:focus,.field-select:focus,.search-field:focus-within{outline:none;border-color:rgba(193,114,81,.65)!important;box-shadow:0 0 0 4px rgba(216,143,107,.13)!important}
.filter-bar{gap:10px}.modal-layer,.dialog-layer,.loading-layer{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.modal-card,.dialog-card,.loading-card{background:rgba(249,241,233,.94)!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:25px!important;box-shadow:0 28px 70px rgba(49,36,31,.27)!important}
.sidebar-overlay{backdrop-filter:blur(2px)}
:where(.badge,.status-badge){border-radius:50px!important;box-shadow:none!important;border-width:1px!important}
.glassy-team-strip{margin-top:19px;margin-bottom:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#695e53;font-size:12px}
.glassy-team-strip .secondary-button{margin-inline-start:auto;min-width:44px;min-height:38px}
.glassy-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.75);border-radius:100px;background:rgba(255,255,255,.67);padding:9px 14px;box-shadow:0 8px 19px rgba(90,65,54,.07);color:#76533e;font-size:12px;font-weight:750;white-space:nowrap}
.glassy-analytics-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.glassy-stat{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:125px;padding:19px 23px}
.glassy-stat small{font-size:12px;color:#6e6259;font-weight:650}
.glassy-stat strong{font-size:clamp(27px,3vw,43px);letter-spacing:-.055em;font-weight:800;color:#604738;font-variant-numeric:tabular-nums;line-height:1.18}
.glassy-stat span{color:#89766a;font-size:12px}
.glassy-stat.highlight{background:linear-gradient(140deg,rgba(236,181,148,.8),rgba(246,224,209,.72))!important}
.glassy-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.glassy-chart{min-width:0}.glassy-candle-section{margin-top:0;margin-bottom:21px}
.chart-canvas{width:100%;min-height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#705b50}
.chart-canvas svg{display:block;width:100%;max-height:260px;overflow:visible}
.chart-axis{font:12px system-ui,Arial,sans-serif;fill:#806b60}
.chart-empty{padding:30px 15px;text-align:center;color:#8b796b;font-weight:600;font-size:13px}
.transfer-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;min-width:0}
.transfer-box{padding:20px;min-width:0;display:flex;flex-direction:column;gap:12px}
.transfer-box .field-label{margin:0}.transfer-workspace{margin-bottom:18px}
.transfer-search-row{display:flex;gap:9px}.transfer-search-row input{min-width:0;flex:1}
.coin-recipient-list{max-height:300px;overflow-y:auto;display:grid;gap:8px;padding:3px 2px}
.coin-recipient-item{display:flex;align-items:center;gap:12px;text-align:start;width:100%;padding:11px 13px;border-radius:14px!important;border:1px solid rgba(165,125,105,.17)!important;background:rgba(255,255,255,.51);cursor:pointer;color:#453a34;box-shadow:none!important}
.coin-recipient-item:hover,.coin-recipient-item.is-selected{border-color:rgba(196,116,77,.55)!important;background:rgba(251,229,213,.8)}
.coin-recipient-item>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.coin-recipient-item strong,.coin-recipient-item small{overflow:hidden;text-overflow:ellipsis}
.coin-recipient-item small{color:#8a7365;font-size:11px}.recipient-choose{margin-inline-start:auto;color:#a2664c;font-size:12px;white-space:nowrap}
.recipient-avatar{height:35px;width:35px;display:grid;place-items:center;border-radius:12px;background:#ecd1bd;color:#75513d;font-weight:800;flex:none}
.glassy-fee-preview{display:grid;gap:12px;padding:16px;border-radius:16px;background:rgba(243,226,214,.65);border:1px solid rgba(255,255,255,.7)}
.glassy-fee-preview>div{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px}.glassy-fee-preview strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.glassy-fee-preview .preview-total{border-top:1px solid rgba(120,86,69,.18);padding-top:12px;font-weight:780;font-size:15px;color:#965b3d}
.coin-in{color:#227d64;font-weight:800}.coin-out{color:#b26045;font-weight:800}
#coinSendSubmit{width:100%;min-height:49px}
#coinSelectedRecipient{border:1px solid rgba(255,255,255,.8)!important;background:rgba(255,255,255,.62)!important;border-radius:13px!important;padding:14px!important}
[data-theme="dark"]{--bg:#201c1c;--surface:rgba(41,38,39,.79);--surface-soft:rgba(65,59,57,.74);--ink:#f0e8e1;--muted:#c6b8af;--line:rgba(255,255,255,.12)}
[data-theme="dark"] body.app-body{background:radial-gradient(ellipse at 80% 0,rgba(174,105,81,.20),transparent 45%),radial-gradient(ellipse at 12% 65%,rgba(89,122,119,.18),transparent 53%),linear-gradient(140deg,#201b1b,#2b2625 58%,#1e1c1b)}
[data-theme="dark"] .sidebar,[data-theme="dark"] .topbar{background:rgba(44,39,39,.79)}
[data-theme="dark"] :is(.panel-card,.stat-card,.action-tile,.mobile-data-card,.reseller-mobile-card,.transfer-box,.glassy-stat){background:linear-gradient(145deg,rgba(73,65,63,.82),rgba(52,47,46,.77))!important;color:#f1e9e3}
[data-theme="dark"] :is(.glassy-stat strong,.glassy-stat small,.coin-recipient-item,.glassy-team-strip,.glassy-fee-preview,.panel-card h3){color:#f1e9e3}
[data-theme="dark"] .coin-recipient-item,[data-theme="dark"] .glassy-fee-preview{background:rgba(102,85,77,.5)}
[data-theme="dark"] .glassy-stat.highlight{background:linear-gradient(130deg,#735348,#4c403d)!important}
[data-theme="dark"] .field-input,[data-theme="dark"] .field-select,[data-theme="dark"] .search-field,[data-theme="dark"] .neo-select-trigger{background:rgba(64,58,58,.94)!important;color:#f8f1eb!important}
[data-theme="dark"] .coin-pill,[data-theme="dark"] .glassy-chip{background:rgba(81,68,63,.8);color:#f2e2d5}
@media(max-width:1100px){.glassy-chart-grid{grid-template-columns:1fr}.transfer-layout{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{background:rgba(247,242,237,.88)}.content-area{padding:15px 12px 35px}.balance-card{min-height:165px}.glassy-analytics-top{grid-template-columns:1fr 1fr}.glassy-stat{min-height:105px;padding:15px}.glassy-stat:last-child{grid-column:span 2}.glassy-stat strong{font-size:31px}.glassy-chart-grid{gap:12px}.glassy-chart{padding:17px 14px}.transfer-box{padding:15px}.transfer-search-row{flex-wrap:wrap}.transfer-search-row .secondary-button{width:100%}.chart-canvas{min-height:150px}}
@media(max-width:420px){.glassy-analytics-top{grid-template-columns:1fr}.glassy-stat:last-child{grid-column:auto}.glassy-team-strip{font-size:11px}.glassy-chart .panel-head h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.nav-item,.primary-button,.secondary-button{transition:none!important}}
/* Matching glassy sign-in experience. */
body.login-body{background:radial-gradient(ellipse at 15% 10%,rgba(229,163,119,.34),transparent 45%),radial-gradient(ellipse at 88% 77%,rgba(121,185,181,.25),transparent 50%),linear-gradient(135deg,#e9dfd6,#f7eee5 56%,#e5d4c4);background-attachment:fixed}
.login-shell{border:1px solid rgba(255,255,255,.76)!important;border-radius:30px!important;overflow:hidden;box-shadow:0 38px 100px rgba(99,70,54,.21)!important;background:rgba(255,255,255,.55)!important;backdrop-filter:blur(30px)}
.login-brand-panel{border:0!important;background:linear-gradient(130deg,rgba(165,116,94,.94),rgba(222,173,129,.85))!important;color:#fffaf6!important}
.login-brand-panel :is(h1,p,.eyebrow){color:#fff9f3!important}
.login-card-wrap{background:rgba(255,255,255,.57)!important}
.login-card{border:0!important;box-shadow:none!important;background:transparent!important}
.login-body :is(.login-card .field-input,.login-card .field-select,.password-field input){border-radius:14px!important;border:1px solid rgba(168,124,99,.23)!important;background:rgba(255,255,255,.85)!important}
.login-body .login-button{border-radius:14px!important;background:linear-gradient(120deg,#bf7653,#e7a376)!important;color:white!important;box-shadow:0 12px 22px rgba(154,89,64,.18)!important}
.login-body :is(.status-chip,.register-login-link,.password-toggle){border:1px solid rgba(197,144,107,.25)!important;border-radius:14px!important;background:rgba(255,255,255,.68)!important;box-shadow:none!important}
@media(max-width:760px){.login-shell{border-radius:22px!important}.login-brand-panel{padding:22px!important}}

/* V3 Mobile-first navigation, glass surfaces, transitions and USDT top-up */
.mobile-bottom-nav{display:none}
:is(.panel-card,.stat-card,.balance-card,.glassy-stat,.modal-card,.reseller-mobile-card){transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .2s ease}
@media(hover:hover){:is(.panel-card,.stat-card,.glassy-stat):hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(81,56,41,.1)!important}}
.view-panel.active{animation:glassy-reveal .26s ease both}
@keyframes glassy-reveal{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.modal-layer:not(.hidden) .modal-card,.dialog-layer:not(.hidden) .dialog-card{animation:glass-pop .26s cubic-bezier(.15,.8,.2,1.1) both}
@keyframes glass-pop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.usdt-order-detail{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;padding:13px 15px;border-radius:15px;background:rgba(235,204,178,.3);border:1px solid rgba(205,165,134,.23)}
.usdt-wallet-line{display:flex;gap:7px;min-width:0}.usdt-wallet-line input{flex:1;min-width:0;font-size:12px}.usdt-wallet-line button{flex:none}
.usdt-topup-history{margin:16px 0 4px}.usdt-topup-history h3{font-size:14px;margin:0 0 12px}.usdt-history-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:11px 5px;border-bottom:1px solid rgba(145,109,84,.18)}
.usdt-history-item>span{display:flex;flex-direction:column;gap:3px;min-width:0}.usdt-history-item small{font-size:11px;color:var(--muted)}
.usdt-status{display:inline-flex;align-items:center;padding:5px 10px;border-radius:99px;font-size:11px;font-weight:750;background:rgba(197,148,86,.16);color:#936029}
.usdt-APPROVED{background:rgba(32,146,102,.18);color:#157d55}.usdt-REJECTED{background:rgba(204,77,73,.14);color:#a32f38}.usdt-PENDING_REVIEW{background:rgba(229,164,41,.19);color:#9a6406}
.deposit-modal{max-height:min(92vh,860px);overflow:auto}
@media(max-width:760px){
 .mobile-bottom-nav{position:fixed;display:flex;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:180;justify-content:space-around;align-items:center;gap:2px;padding:7px 6px;background:rgba(255,249,243,.84);backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);border:1px solid rgba(255,255,255,.86);box-shadow:0 15px 45px rgba(48,34,30,.22);border-radius:24px}
 .mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1px;border:0;border-radius:17px;background:transparent;color:#776459;min-height:53px;cursor:pointer;font:inherit;transition:background .2s ease,transform .2s ease}
 .mobile-bottom-nav button.active{background:linear-gradient(135deg,rgba(231,172,132,.49),rgba(249,228,212,.72));color:#905335;box-shadow:inset 0 1px rgba(255,255,255,.7)}
 .mobile-bottom-nav button:active{transform:scale(.94)}.mobile-nav-symbol{font-size:23px;line-height:1.1}.mobile-bottom-nav small{font-size:10px;font-weight:750;white-space:nowrap}
 .content-area{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
 .main-area{min-width:0}.topbar{padding-inline:11px!important}.topbar-tools{gap:5px}.coin-pill{max-width:48vw}.modal-card{max-height:calc(91dvh - env(safe-area-inset-bottom));overflow:auto}
 .deposit-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.deposit-package-card{min-width:0}.deposit-price{font-size:19px}
 .usdt-wallet-line{flex-wrap:wrap}.usdt-wallet-line input{min-width:0;width:100%}.usdt-wallet-line button{width:100%}
}
@media(max-width:380px){.mobile-bottom-nav{left:5px;right:5px}.mobile-bottom-nav small{font-size:9px}.glassy-analytics-top{grid-template-columns:1fr}.balance-card{padding:16px}.deposit-price{font-size:17px}}
@media(prefers-reduced-motion:reduce){.view-panel.active,.modal-layer:not(.hidden) .modal-card,.dialog-layer:not(.hidden) .dialog-card{animation:none!important}:is(.panel-card,.stat-card,.glassy-stat,.mobile-bottom-nav button){transition:none!important;transform:none!important}}