/* Royal X Trading member design layer. Existing page behavior is retained. */
:root{--rx-navy:#07162f;--rx-deep:#030b1c;--rx-panel:#0b1d3b;--rx-line:#29436b;--rx-gold:#f5c765;--rx-gold2:#c78a22;--rx-ink:#f5f7fc;--rx-muted:#9bacc8;--rx-positive:#45d5ae;--rx-danger:#ff788b}
html,body{background:var(--rx-deep)!important;color:var(--rx-ink)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -10%,#16366d 0,transparent 35%),var(--rx-deep)!important}
.app{max-width:590px;background:linear-gradient(180deg,#07172f 0,#040d20 320px,#050d1d 100%)!important;box-shadow:0 0 0 1px #233e67,0 30px 90px #0006}
.top{height:78px;padding:0 16px;background:rgba(5,16,37,.96)!important;border-bottom:1px solid #254570!important;gap:9px}
.rx-brand{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fffef8,#e9edf5);border:1px solid #d9c28d;border-radius:12px;width:168px;height:52px;padding:5px 8px;flex:0 1 168px;box-shadow:0 6px 20px #0003;text-decoration:none}
.rx-brand img{display:block;width:100%;height:100%;object-fit:contain}
.top .net{margin-left:auto;color:var(--rx-positive)!important;border-color:#2c8a77!important;background:#0b2c32;padding:7px 9px;font-size:9px}
.top .avatar{border-color:#bd9146!important;color:var(--rx-gold)!important;background:#17264a}
.page{padding:20px 16px 28px!important}
.bottom{background:rgba(5,15,35,.98)!important;border-top:1px solid #304b70!important;height:72px;box-shadow:0 -12px 32px #0004}
.bottom a{color:#9aabc2!important;font-size:8px!important;letter-spacing:.3px}
.bottom a b{font-size:21px}
.bottom a.active{color:var(--rx-gold)!important}
.bottom a.active:before{content:"";display:block;height:2px;width:28px;background:var(--rx-gold);border-radius:3px;margin:-8px auto 6px}
[class*="kicker"],.eyebrow,.section,.mvxSection,.mvxEyebrow{color:var(--rx-gold)!important;letter-spacing:1.2px}
.page h1,.page h2,.page h3{letter-spacing:-.03em;color:var(--rx-ink)}
.page a,.page button{transition:background .2s,border-color .2s,transform .2s}
.page a:active,.page button:active{transform:scale(.985)}
.page .cyan,.page .gold,.page .mvxCyan,.page .mvxGold,.page h1 span{color:var(--rx-gold)!important}
.page .green,.page .mvxGreen,.wallet-page .positive{color:var(--rx-positive)!important}
.page .red,.page .mvxRed,.wallet-page .negative{color:var(--rx-danger)!important}
.page .card,.page .panel,.page .it-card,.page .it-panel,.page .tt-card,.page .tt-panel,.page .tt-member,.page .mvxWelcome,.page .mvxAccount,.page .mvxLimit,.page .mvxReferral,.page .wallet-page .hero,.page .wallet-page .card,.page .activate-terminal .ainfo,.page .activate-terminal .pkg,.page .money-page .panel{background:linear-gradient(145deg,#11264b,#091a37)!important;border:1px solid var(--rx-line)!important;border-radius:18px!important;box-shadow:inset 0 1px #ffffff0b,0 13px 28px #0003}
.page .mvxTerminal{background:radial-gradient(circle at 65% 25%,#254676aa,transparent 48%),linear-gradient(145deg,#102b5a,#071631)!important;border:1px solid #b88a39!important;border-radius:22px!important}
.page .mvxTerminal:after{background:linear-gradient(90deg,transparent,var(--rx-gold),transparent)!important;box-shadow:0 0 12px #d7a13d66!important}
.page .mvxGrid{background-image:linear-gradient(#f5c7650b 1px,transparent 1px),linear-gradient(90deg,#f5c7650b 1px,transparent 1px)!important}
.page .mvxOnline,.page .activeChip,.page .mvxActive{color:var(--rx-positive)!important;border-color:#36c7a85c!important;background:#0b2f35!important}
.page .mvxStat,.page .mvxNumbers div,.page .walletBox,.page .refLink,.page .mvxRefLink{background:#091a35!important;border-color:#29436b!important}
.page .progressTrack,.page .mvxProgress,.page .it-progress{background:#263d60!important}
.page .progressTrack i,.page .mvxProgress i,.page .it-progress i{background:linear-gradient(90deg,#a86b1b,var(--rx-gold))!important;box-shadow:none!important}
.page .copyBtn,.page .mvxCopy,.page .mvxRefBtn,.page .refBtn,.page .back,.page .it-tabs a,.page .tt-tabs a{color:var(--rx-gold)!important;border-color:#a98346!important;background:#f5c76512!important}
.page .it-tabs a.active,.page .tt-tabs a.active,.page .action.deposit,.page .action.package,.page .submit,.page .buy,.page .btn:not(.ghost){color:#14203a!important;background:linear-gradient(135deg,#ffe29a,#d7a53e)!important;border:1px solid #f4ce7c!important;box-shadow:0 6px 18px #c78a2230!important;font-weight:900}
.page .action.withdraw,.page .btn.ghost{color:var(--rx-gold)!important;background:#122647!important;border:1px solid #b88a39!important}
.page .pkg .amt,.page .balance,.page .it-value,.page .tt-value{color:#fff8e9!important}
.page .pkg .role,.page .pkg .limit,.page .notice,.page .date,.page .asset{color:var(--rx-muted)!important}
.page input,.page select,.page textarea,.page .code{background:#08172e!important;color:var(--rx-ink)!important;border:1px solid #49618a!important;border-radius:12px!important;outline:0}
.page input:focus,.page select:focus,.page textarea:focus{border-color:var(--rx-gold)!important;box-shadow:0 0 0 3px #f5c76520!important}
.page .history-row,.page .tt-row,.page .row{border-color:#29436b!important}
.page .mvxRefLink,.page .address,.page .walletBox strong{overflow-wrap:anywhere}
@media(max-width:390px){.rx-brand{width:136px;height:45px;flex-basis:136px}.top .net{font-size:8px;padding:6px}.page{padding:15px 12px 26px!important}}
/* Member overview card */
.page .rx-overview{min-height:224px;display:flex;flex-direction:column;justify-content:space-between;padding:19px!important}
.rx-overview-main{position:relative;z-index:2;margin-top:21px}.rx-overview-main small{display:block;font-size:9px;color:#f5c765;font-weight:900;letter-spacing:1.4px}.rx-overview-main strong{display:block;margin:8px 0;font-size:29px;line-height:1.08;letter-spacing:-.04em}.rx-overview-main p{margin:0;color:#b4c5d9;font-size:11px}
.rx-overview-actions{display:flex;gap:9px;position:relative;z-index:2;margin-top:18px}.rx-overview-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:10px;border:1px solid #e3bc6b;background:linear-gradient(135deg,#ffe39d,#c58b26);font-size:9px;font-weight:950;color:#0a1c38;text-decoration:none}.rx-overview-actions a+a{color:#ffe0a0;background:#10284c}