:root{--cx-black:#050505;--cx-black-2:#0b0b0b;--cx-panel:#151513;--cx-panel-2:#22211d;--cx-gold:#d7ae5b;--cx-gold-light:#ffe5a0;--cx-gold-deep:#8b621e;--cx-line:rgba(222,177,88,.42);--cx-text:#f7f5ef;--cx-muted:#aaa7a0;--cx-green:#45d9a0;--cx-red:#f16969;--primary-green:#d7ae5b;--dark-green:#050505;--accent-green:#b77c22;--bg-dark:#050505;--bg-card-solid:#171715;--text-white:#f7f5ef;--text-muted:#aaa7a0;--border-green:rgba(222,177,88,.28);--light-green:#45d9a0;--yellow-accent:#d7ae5b;--orange-accent:#a97524}
*{box-sizing:border-box}html,body{min-height:100%;background:#000!important;color:var(--cx-text);overflow-x:hidden}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 50% -12%,#272012 0,#090909 32%,#000 72%)!important;background-attachment:fixed!important}a{text-decoration:none;color:inherit}img{max-width:100%}.mobile-app-container{width:100%;max-width:480px;min-height:100vh;margin:0 auto;position:relative;background:linear-gradient(180deg,#090909 0,#030303 100%);padding:98px 22px 112px;box-shadow:0 0 80px rgba(214,171,84,.12)}.dashboard-body{min-height:calc(100vh - 210px)}

.cx-header{position:fixed;z-index:1040;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;height:92px;padding:22px 22px 12px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;background:linear-gradient(180deg,rgba(3,3,3,.99) 68%,rgba(3,3,3,.82));backdrop-filter:blur(16px)}.cx-header__menu{width:42px;height:42px;border:0;background:transparent;color:var(--cx-gold);font-size:26px;padding:0;text-align:left}.cx-brand{display:flex;flex-direction:column;min-width:0}.cx-brand img{display:block;width:auto;height:45px;object-fit:contain;object-position:left center}.cx-brand__name{font-size:26px;line-height:.92;color:#e8e8e8;font-weight:900;letter-spacing:-1.2px;text-shadow:0 2px 0 #555}.cx-brand__name span{font-size:40px;margin-left:1px;background:linear-gradient(135deg,#fff1ad 0,#c18a2d 70%,#8a5d18 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.cx-brand small{font-size:7px;color:#eee;letter-spacing:2px;font-weight:700;margin-top:4px;white-space:nowrap}.cx-header__tools{display:flex;gap:10px;align-items:center}.cx-header__bell,.cx-header__profile{position:relative;width:39px;height:39px;border:1px solid var(--cx-gold);border-radius:50%;display:grid;place-items:center;color:var(--cx-gold-light);font-size:19px}.cx-header__bell{border:0;font-size:22px}.cx-header__bell span{position:absolute;right:5px;top:5px;width:8px;height:8px;border-radius:50%;background:#ee364b;border:1px solid #fff}
.cx-menu{--bs-offcanvas-width:min(86vw,390px);background:#080808;color:#fff;border-right:1px solid var(--cx-line)}.cx-menu .offcanvas-header{border-bottom:1px solid rgba(215,174,91,.22);padding:24px}.cx-menu .offcanvas-body{padding:18px 20px}.cx-menu__member{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--cx-line);border-radius:16px;background:linear-gradient(135deg,#1e1c17,#0c0c0b);margin-bottom:18px}.cx-menu__member>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#17120a;background:linear-gradient(135deg,#ffe5a0,#bd8428);font-size:20px}.cx-menu__member div{display:flex;flex-direction:column}.cx-menu__member small{color:var(--cx-gold);margin-top:3px}.cx-menu nav{display:grid;gap:4px}.cx-menu nav a{display:flex;align-items:center;gap:14px;padding:13px;border-radius:12px;color:#d6d3cc;font-size:15px}.cx-menu nav a i{width:22px;text-align:center;color:var(--cx-gold);font-size:17px}.cx-menu nav a:hover{background:#1b1915;color:#fff}.cx-menu nav .cx-menu__logout{margin-top:10px;color:#ffaaaa;border-top:1px solid rgba(255,255,255,.08);border-radius:0}.cx-menu nav .cx-menu__logout i{color:#f16969}

.cx-profile{position:relative;min-height:132px;border:1px solid var(--cx-line);border-radius:18px;padding:23px 15px;display:flex;align-items:center;gap:14px;overflow:hidden;background:#10100f;margin:4px 0 12px}.cx-profile:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(6,6,6,.98) 0,rgba(6,6,6,.88) 35%,rgba(6,6,6,.08) 70%),var(--cx-profile-art);background-size:cover;background-position:center;opacity:.92}.cx-profile>*{position:relative;z-index:1}.cx-avatar{flex:0 0 72px;width:72px;height:72px;border:3px solid var(--cx-gold);border-radius:50%;display:grid;place-items:center;color:#171006;font-size:32px;background:linear-gradient(150deg,#ffecad,#bd8328);box-shadow:0 0 0 6px rgba(0,0,0,.46)}.cx-profile__copy{min-width:0}.cx-profile h1{font-size:22px;line-height:1.15;margin:0 0 7px;color:#fff;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-member-id{font-size:14px;color:#f4c970;font-weight:800}.cx-member-id span{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:8px;color:#1b1409;background:linear-gradient(135deg,#fff1bb,#c48a2e);font-size:11px}.cx-profile p{font-size:12px;color:#c7c4bd;margin:6px 0 0}
.cx-balance{min-height:94px;padding:15px 19px;display:grid;grid-template-columns:64px 1fr auto;gap:15px;align-items:center;border:1px solid rgba(222,177,88,.25);border-radius:19px;background:linear-gradient(105deg,#3a3428 0,#1c1c19 44%,#131311 100%);color:#fff;margin-bottom:11px}.cx-icon-orb{width:62px;height:62px;border:1px solid var(--cx-line);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#2d271d,#090909 75%);color:var(--cx-gold);font-size:25px}.cx-balance__copy{display:flex;flex-direction:column;min-width:0}.cx-balance__copy small{font-size:13px;color:#dedbd4;margin-bottom:3px}.cx-balance__copy strong{font-size:27px;line-height:1;font-weight:900;white-space:nowrap}.cx-balance__copy em{font-size:14px;font-style:normal;font-weight:400;color:#dedbd4}.cx-chevron{color:var(--cx-gold-light);font-size:20px}
.cx-wallet-head{height:74px;border:1px solid var(--cx-line);border-radius:16px;display:grid;grid-template-columns:73px 1fr auto;align-items:center;overflow:hidden;background:linear-gradient(90deg,#1d1c19,#0e0e0d);margin-bottom:8px}.cx-wallet-head__icon{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#e8bb60,#ffe8aa);color:#1c160c;font-size:25px}.cx-wallet-head>span:nth-child(2){padding-left:14px;display:flex;flex-direction:column;min-width:0}.cx-wallet-head strong{font-size:19px;letter-spacing:.03em}.cx-wallet-head small{color:#bbb7b0;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-wallet-head>.cx-chevron{padding-right:18px}
.cx-wallet-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:16px}.cx-wallet-card{position:relative;grid-column:span 2;min-width:0;height:124px;border:1px solid var(--cx-line);border-radius:16px;padding:13px 11px 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(145deg,#252522,#10100f);overflow:hidden}.cx-wallet-card:nth-child(n+4){grid-column:span 3}.cx-wallet-card--gold{color:#17120a;background:linear-gradient(135deg,#f4ce76 0,#fff0ba 52%,#d6a448 100%);border-color:#f1d58e}.cx-wallet-card__icon{height:34px;display:grid;place-items:center;color:var(--cx-accent);font-size:29px;margin-bottom:6px}.cx-wallet-card--gold .cx-wallet-card__icon{color:#8f5d12}.cx-wallet-card__icon img{width:40px;height:40px;object-fit:contain}.cx-wallet-card__label{font-size:12px;line-height:1.2;margin-bottom:6px}.cx-wallet-card__amount{font-size:18px;line-height:1;font-weight:900;color:#f1cf7f;white-space:nowrap}.cx-wallet-card--gold .cx-wallet-card__amount{color:#0b0b0a}.cx-wallet-card__amount small{font-size:9px;font-weight:600}.cx-wallet-card__chevron{position:absolute;right:8px;bottom:12px;color:var(--cx-gold);font-size:14px}.cx-wallet-card--gold .cx-wallet-card__chevron{color:#21180b}
.cx-wallet-grid--four .cx-wallet-card,.cx-wallet-grid--four .cx-wallet-card:nth-child(n+4){grid-column:span 3}.cx-q-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.cx-q-member{min-width:0;padding:9px 10px;border:1px solid rgba(215,174,91,.22);border-radius:10px;background:#090908;display:flex;align-items:center;gap:8px}.cx-q-member>span{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f5d685,#a96f18);color:#171108;font-size:11px;font-weight:900}.cx-q-member>div{min-width:0;display:flex;flex-direction:column}.cx-q-member strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-q-member small{font-size:8px;color:var(--cx-muted)}
.cx-progress-card{border:1px solid var(--cx-line);border-radius:16px;background:linear-gradient(135deg,#201e19,#0e0e0d);padding:14px 16px;margin:0 0 16px}.cx-progress-card--page{margin-bottom:13px}.cx-progress-card__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.cx-progress-card__top>div{display:flex;flex-direction:column}.cx-progress-card__top small{color:var(--cx-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.cx-progress-card__top strong{font-size:14px;margin-top:2px}.cx-progress-track{height:5px;border-radius:9px;background:#050505;margin:12px 0 7px;overflow:hidden}.cx-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9d6b1d,#ffe3a0)}.cx-progress-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--cx-muted)}.cx-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#2b2924;color:#d9d4ca;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.cx-status--queued{color:#ffd47b;background:rgba(215,174,91,.13)}.cx-status--qualified{color:#5ee1a9;background:rgba(69,217,160,.13)}.cx-status--paid{color:#5ee1a9;background:rgba(69,217,160,.13)}.cx-status--cancelled{color:#ff8585;background:rgba(241,105,105,.13)}
.cx-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:3px 0 18px}.cx-action{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;color:#eae7df;font-size:10px}.cx-action__icon{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(222,177,88,.34);background:radial-gradient(circle at 40% 30%,#2e291f,#0d0d0c 70%);color:var(--cx-gold-light);font-size:21px}.cx-action__icon img{width:27px;height:27px;object-fit:contain}.cx-action--buyq{color:#f0c771;font-weight:800}.cx-action:hover .cx-action__icon{transform:translateY(-2px);border-color:var(--cx-gold);box-shadow:0 7px 20px rgba(213,170,84,.16)}
.cx-transactions,.cx-panel{border:1px solid var(--cx-line);border-radius:17px;background:linear-gradient(135deg,#181816,#0b0b0b);padding:12px;margin-bottom:15px}.cx-section-title,.cx-panel__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 11px}.cx-section-title>span{display:flex;align-items:center;gap:10px}.cx-section-title>span>i{width:31px;height:31px;border:1px solid var(--cx-line);border-radius:8px;display:grid;place-items:center;color:var(--cx-gold)}.cx-section-title strong,.cx-panel__heading h2{font-size:16px;margin:0}.cx-section-title>a,.cx-panel__heading>a{font-size:11px;color:#eee}.cx-section-title>a i{color:var(--cx-gold);margin-left:5px}.cx-transaction-list,.cx-rows{display:grid;gap:7px}.cx-transaction,.cx-row{min-height:66px;padding:10px;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0b0b0b}.cx-transaction__icon,.cx-row__icon,.cx-row__avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#182117;background:linear-gradient(135deg,#a6e7a5,#327d46);border:1px solid #71d285}.cx-transaction__icon--out{color:#2b160f;background:linear-gradient(135deg,#ffd09b,#b14a31);border-color:#e27c5f}.cx-transaction__copy,.cx-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.cx-transaction__copy strong,.cx-row>span:nth-child(2)>strong{font-size:12px;color:#f1eee8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-transaction__copy small,.cx-row>span:nth-child(2)>small{font-size:10px;color:var(--cx-muted);margin-top:3px}.cx-transaction__amount,.cx-money{font-size:14px;font-weight:800;color:var(--cx-green);font-style:normal;white-space:nowrap}.cx-transaction__amount small{font-size:8px}.negative{color:var(--cx-red)!important}.cx-empty{min-height:80px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--cx-muted);font-size:12px}.cx-empty i{color:var(--cx-gold);font-size:18px}.cx-disclaimer{text-align:center;font-size:9px;line-height:1.5;color:#7e7b75;margin:15px 12px 2px}

.cx-bottom-nav{position:fixed;z-index:1030;left:50%;bottom:8px;transform:translateX(-50%);width:calc(100% - 24px);max-width:456px;height:84px;padding:0 6px calc(env(safe-area-inset-bottom,0px)/2);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;border:1px solid var(--cx-line);border-radius:18px;background:linear-gradient(135deg,rgba(28,27,23,.98),rgba(7,7,7,.99));box-shadow:0 -8px 30px rgba(0,0,0,.35);overflow:hidden;backdrop-filter:blur(16px)}.cx-bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#d4d0c8;min-width:0}.cx-bottom-nav__item>span{height:26px;display:grid;place-items:center;font-size:20px;color:#c7b486}.cx-bottom-nav__item img{width:24px;height:24px;object-fit:contain}.cx-bottom-nav__item small{font-size:10px;white-space:nowrap}.cx-bottom-nav__item.active{color:#ffdf8d;background:linear-gradient(135deg,#8b6120,#d6aa54 55%,#6c4919)}.cx-bottom-nav__item.active>span{color:#17120a}

.cx-page-title{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 14px}.cx-page-title>div{display:flex;flex-direction:column}.cx-page-title span{color:var(--cx-gold);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.cx-page-title h1{font-size:26px;margin:3px 0 0;font-weight:850}.cx-page-title>a,.cx-page-title__icon{width:41px;height:41px;border-radius:50%;border:1px solid var(--cx-line);display:grid;place-items:center;color:var(--cx-gold);background:#12110f;font-size:17px}.cx-panel{padding:15px}.cx-panel__heading>div{display:flex;flex-direction:column}.cx-panel__heading small{font-size:9px;color:var(--cx-gold);text-transform:uppercase;letter-spacing:.1em}.cx-panel__heading h2{margin-top:3px}.cx-panel__heading>i,.cx-panel__heading>strong{color:var(--cx-gold);font-size:20px}.cx-q-hero{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:14px;min-height:112px;border:1px solid var(--cx-line);border-radius:18px;padding:15px;background:radial-gradient(circle at 18% 20%,#372a15,#151411 50%,#080808);margin-bottom:12px}.cx-q-mark{position:relative;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--cx-gold);color:var(--cx-gold);font-size:35px}.cx-q-mark span{position:absolute;font-size:13px;font-weight:900;color:#111;background:var(--cx-gold);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;right:-4px;bottom:2px}.cx-q-hero>div:nth-child(2){display:flex;flex-direction:column}.cx-q-hero small{font-size:10px;color:var(--cx-muted);text-transform:uppercase}.cx-q-hero strong{font-size:27px;line-height:1.05;color:#fff}.cx-q-hero p{margin:4px 0 0;color:var(--cx-gold);font-size:11px}.cx-notice{display:flex;gap:11px;padding:13px;border:1px solid rgba(255,255,255,.1);background:#0d0d0c;border-radius:12px;color:#ddd}.cx-notice>i{color:var(--cx-gold);margin-top:2px}.cx-notice div{display:flex;flex-direction:column}.cx-notice strong{font-size:12px}.cx-notice p{font-size:10px;color:var(--cx-muted);margin:4px 0 0;line-height:1.4}.cx-notice--gold{border-color:var(--cx-line);background:rgba(215,174,91,.08);margin-bottom:13px}.cx-form{display:grid;gap:8px}.cx-form label,.mobile-form-group label,.form-group label{font-size:11px;color:#c7c3bc;margin-top:4px}.cx-form select,.cx-form input,.mobile-input,.form--control,.form-control,.form-select,select.form-control,textarea.form-control{width:100%;min-height:46px;border:1px solid rgba(222,177,88,.28)!important;border-radius:11px!important;background:#0b0b0b!important;color:#f4f1ea!important;padding:10px 12px!important;box-shadow:none!important}.cx-stepper{display:grid;grid-template-columns:46px 1fr 46px;border:1px solid rgba(222,177,88,.28);border-radius:11px;overflow:hidden;background:#0b0b0b}.cx-stepper button{border:0;background:#211d16;color:var(--cx-gold);font-size:14px}.cx-stepper input{border:0!important;text-align:center;border-radius:0!important;font-size:18px;font-weight:800}.cx-purchase-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0}.cx-purchase-summary span{display:flex;flex-direction:column;padding:11px;border-radius:11px;background:#0a0a09;border:1px solid rgba(255,255,255,.08);font-size:9px;color:var(--cx-muted)}.cx-purchase-summary strong{font-size:12px;color:#fff;margin-top:3px}.cx-primary-btn,.mobile-btn,.btn--base{min-height:48px;border:1px solid #edcb82;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:9px;color:#171209!important;background:linear-gradient(135deg,#f5d685,#c68e31)!important;font-weight:850;font-size:13px;box-shadow:0 7px 22px rgba(191,137,43,.18)}.cx-rank-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.cx-rank{min-height:94px;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#11110f;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto auto;align-items:center}.cx-rank>i{grid-row:1/4;width:28px;height:55px;display:grid;place-items:center;color:var(--rank-from);font-size:19px}.cx-rank strong{font-size:12px}.cx-rank span{font-size:13px;color:var(--cx-gold);font-weight:800}.cx-rank small{font-size:9px;color:var(--cx-muted)}.cx-rank.active{border-color:var(--cx-gold);background:linear-gradient(135deg,rgba(215,174,91,.16),#0e0e0c)}
.cx-network-summary,.cx-earning-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px}.cx-network-summary>div,.cx-earning-cards>div{min-width:0;min-height:87px;border:1px solid var(--cx-line);border-radius:13px;background:linear-gradient(145deg,#24221d,#0e0e0d);padding:12px;display:flex;flex-direction:column;justify-content:center}.cx-network-summary small,.cx-earning-cards small{font-size:9px;color:var(--cx-muted)}.cx-network-summary strong,.cx-earning-cards strong{font-size:18px;color:#fff;margin-top:4px}.cx-earning-cards{grid-template-columns:repeat(2,1fr)}.cx-earning-cards>div{min-height:112px}.cx-earning-cards i{font-size:23px;color:var(--cx-gold);margin-bottom:10px}.cx-earning-cards em{font-size:9px;font-style:normal;color:var(--cx-muted)}.cx-levels{display:grid;gap:6px}.cx-level{height:49px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0b0b0a;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:5px 12px 5px 6px}.cx-level>span{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#1a1409;background:linear-gradient(135deg,#f5d685,#b97d22)}.cx-level strong{font-size:12px}.cx-level em{font-size:14px;color:var(--cx-gold);font-style:normal;font-weight:850}.cx-row__avatar{color:#17120a;background:linear-gradient(135deg,#ffe5a0,#b77a20);border-color:#d4a24c;font-weight:900}.cx-wallet-list{display:grid;gap:8px;margin-bottom:14px}.cx-wallet-line{min-height:88px;border:1px solid var(--cx-line);border-radius:15px;background:linear-gradient(110deg,#24221d,#0c0c0b);padding:12px 14px;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px}.cx-wallet-line>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--cx-line);background:#0a0a09;color:var(--cx-gold);font-size:20px}.cx-wallet-line>div{display:flex;flex-direction:column}.cx-wallet-line small{font-size:10px;color:var(--cx-muted)}.cx-wallet-line strong{font-size:20px}.cx-wallet-line em{font-style:normal;font-size:9px;color:var(--cx-muted)}.cx-wallet-line>a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--cx-gold);color:#17120a}.cx-flow-image{display:block;border:1px solid var(--cx-line);border-radius:17px;overflow:hidden;margin-bottom:14px;background:#0a0a0a}.cx-flow-image img{display:block;width:100%;height:auto}.cx-target{display:grid;grid-template-columns:76px 1fr;gap:13px;padding:15px;border:1px solid var(--cx-line);border-radius:16px;background:linear-gradient(135deg,#2c2416,#0c0c0b);margin-bottom:13px}.cx-target>i{width:70px;height:70px;border-radius:50%;border:2px solid var(--cx-gold);display:grid;place-items:center;color:var(--cx-gold);font-size:30px}.cx-target>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cx-target span{display:flex;flex-direction:column}.cx-target small{font-size:8px;color:var(--cx-muted)}.cx-target strong{font-size:11px;color:#fff}

.mobile-card,.card.custom--card,.card{background:linear-gradient(145deg,#1d1c18,#0c0c0b)!important;border:1px solid var(--cx-line)!important;border-radius:16px!important;color:#f3f0e9}.mobile-card{padding:16px;margin-bottom:14px}.section-header{margin:16px 2px 9px}.section-header__title,.mobile-card__title{font-size:17px;color:#fff;margin:0}.mobile-card__subtitle{color:var(--cx-muted);font-size:11px}.service-card{display:flex;align-items:center;gap:11px;min-height:64px;padding:10px 0;color:#eee;border-bottom:1px solid rgba(255,255,255,.07)!important}.service-card:last-child{border-bottom:0!important}.service-card__icon{width:42px!important;height:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#f4d88f,#a36b16)!important;color:#181207!important}.service-card__content{flex:1;min-width:0}.service-card__title{font-size:13px;color:#fff}.service-card__subtitle{font-size:10px;color:var(--cx-muted)}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.mobile-btn{padding:10px 15px}.mobile-btn--secondary{background:#171715!important;color:#e9c778!important}.mobile-btn--full{width:100%}.table-responsive{border-radius:12px}.table{color:#eee!important;margin:0}.table>:not(caption)>*>*{background:transparent!important;color:inherit!important;border-color:rgba(255,255,255,.09)!important}.table thead th{font-size:10px;color:var(--cx-gold)!important;text-transform:uppercase}.table tbody td{font-size:11px}.pagination{justify-content:center;gap:4px}.page-link{background:#111!important;border-color:var(--cx-line)!important;color:var(--cx-gold)!important}.page-item.active .page-link{background:var(--cx-gold)!important;color:#111!important}.modal-content,.dropdown-menu,.select2-dropdown{background:#111!important;border:1px solid var(--cx-line)!important;color:#fff}.modal-header,.modal-footer{border-color:rgba(255,255,255,.08)!important}.select2-container--default .select2-selection--single{min-height:46px;background:#0b0b0b!important;border:1px solid var(--cx-line)!important;border-radius:11px!important}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:44px;color:#fff!important}.input-group-text{background:#2a241a!important;border-color:var(--cx-line)!important;color:var(--cx-gold)!important}.alert{border-radius:12px;background:#171715;border:1px solid var(--cx-line);color:#ddd}.form-check-input{background-color:#111;border-color:var(--cx-gold)}.form-check-input:checked{background-color:var(--cx-gold);border-color:var(--cx-gold)}.text--base{color:var(--cx-gold)!important}.bg--base{background:var(--cx-gold)!important}.badge{border-radius:999px}.account-section,.account-area,.auth-section{background:#050505!important}.form-group{margin-bottom:14px}.cookies-card{background:#111!important;border-color:var(--cx-line)!important;color:#ddd;max-width:420px;width:calc(100% - 24px);left:12px!important;bottom:100px!important;border-radius:14px!important;padding:16px!important;z-index:1080}.cookies-card.hide{bottom:-500px!important}

@media(max-width:390px){.mobile-app-container{padding-left:14px;padding-right:14px}.cx-header{padding-left:14px;padding-right:14px}.cx-brand__name{font-size:22px}.cx-brand__name span{font-size:34px}.cx-brand small{letter-spacing:1.35px}.cx-profile{padding-left:12px}.cx-avatar{flex-basis:62px;width:62px;height:62px}.cx-profile h1{font-size:19px}.cx-balance{grid-template-columns:56px 1fr auto;padding-left:13px}.cx-icon-orb{width:54px;height:54px}.cx-balance__copy strong{font-size:23px}.cx-action__icon{width:44px;height:44px}.cx-action{font-size:9px}.cx-bottom-nav{width:calc(100% - 14px);bottom:5px}.cx-bottom-nav__item small{font-size:9px}.cx-transaction{grid-template-columns:40px minmax(0,1fr) auto}.cx-transaction__amount{font-size:12px}}
@media(min-width:760px){body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(215,174,91,.06),transparent 25%),radial-gradient(circle at 85% 70%,rgba(215,174,91,.05),transparent 24%)}.mobile-app-container{border-left:1px solid rgba(215,174,91,.12);border-right:1px solid rgba(215,174,91,.12)}}
@media(prefers-reduced-motion:no-preference){.cx-action__icon,.cx-bottom-nav__item,.cx-wallet-card,.cx-primary-btn{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.cx-wallet-card:hover{transform:translateY(-2px);border-color:var(--cx-gold)}}
.login-container{width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:72px 26px 38px;background:radial-gradient(circle at 50% 0%,#2b2214 0,#080808 38%,#000 100%);display:flex;flex-direction:column;justify-content:center}.login-logo{display:flex;justify-content:center;margin-bottom:25px}.cx-brand--auth{align-items:center}.cx-brand--auth .cx-brand__name{font-size:37px}.cx-brand--auth .cx-brand__name span{font-size:54px}.cx-brand--auth small{font-size:8px;letter-spacing:2.6px}.login-title{text-align:center;margin-bottom:24px}.login-title h1{font-size:29px;line-height:1.15;margin:0;color:#fff;font-weight:850}.login-title p{color:var(--cx-muted);font-size:12px;margin:8px 0 0}.login-form{border:1px solid var(--cx-line);border-radius:18px;background:linear-gradient(145deg,#1d1b17,#0b0b0a);padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.mobile-form-group{margin-bottom:13px}.mobile-input-wrapper{position:relative}.mobile-input-wrapper .input-icon{position:absolute;z-index:2;left:14px;top:50%;transform:translateY(-50%);color:var(--cx-gold);width:20px;text-align:center}.mobile-input-wrapper .mobile-input{padding-left:45px!important}.login-footer{display:flex;justify-content:center;margin-top:15px}.login-footer a{font-size:11px;color:var(--cx-gold)}

/* Shared mobile form controls: consistent spacing for native and Select2 fields. */
.mobile-form-group{min-width:0}.mobile-input-wrapper{min-width:0}.mobile-input-wrapper>.input-icon{z-index:4;left:14px;width:18px;height:100%;top:0;transform:none;display:grid;place-items:center;pointer-events:none;line-height:1}
.mobile-input-wrapper>.mobile-input,.mobile-input-wrapper>.form--control,.mobile-input-wrapper>.form-control,.mobile-input-wrapper>.form-select,.mobile-input-wrapper>select{padding-left:44px!important;padding-right:40px!important}
.select2-container{max-width:100%}.select2+.select2-container{width:100%!important;height:46px!important;display:block}.select2+.select2-container .selection{display:block;width:100%;height:100%}.select2-container--default .select2-selection--single{height:46px!important;min-height:46px;display:flex;align-items:center;overflow:hidden}
.select2-container--default .select2-selection--single .select2-selection__rendered{width:100%;line-height:44px!important;padding:0 40px 0 12px!important;color:#fff!important;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select2-container--default .select2-selection--single .select2-selection__arrow{width:34px;height:44px;top:1px;right:4px;display:grid;place-items:center;transform:none!important}
.select2-container--default .select2-selection--single .select2-selection__arrow:after{position:static!important;transform:none!important;margin:0!important}.select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}
.mobile-input-wrapper .select2-container .select2-selection--single .select2-selection__rendered{padding-left:44px!important}
.select2-dropdown{overflow:hidden;border-radius:11px!important}.select2-search--dropdown{padding:8px}.select2-container--default .select2-search--dropdown .select2-search__field{min-height:40px;border:1px solid var(--cx-line)!important;border-radius:9px;background:#090909;color:#fff;padding:8px 10px!important;outline:0}
.select2-results__option{min-height:40px;padding:10px 12px!important;display:flex;align-items:center;color:#dedbd4}.select2-container--default .select2-results__option--selected{background:#28241c!important;color:#f6d98b}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:#b8822e!important;color:#120e08!important}
select.mobile-input,select.form--control,select.form-control,select.form-select{padding-right:40px!important;text-overflow:ellipsis;white-space:nowrap}
.mobile-input:focus,.form--control:focus,.form-control:focus,.form-select:focus,.select2-container--focus .select2-selection--single,.select2-container--open .select2-selection--single{border-color:var(--cx-gold)!important;box-shadow:0 0 0 3px rgba(215,174,91,.1)!important;outline:0}
.mobile-input:disabled,.form--control:disabled,.form-control:disabled,.form-select:disabled,.select2-container--default.select2-container--disabled .select2-selection--single{opacity:.65;cursor:not-allowed}

/* Compact mobile scale: keeps the premium hierarchy without crowding small screens. */
@media(max-width:480px){
  .mobile-app-container{padding:80px 14px calc(82px + env(safe-area-inset-bottom,0px))}
  .dashboard-body{min-height:calc(100vh - 162px)}
  .cx-header{height:76px;padding:12px 14px 8px;grid-template-columns:38px minmax(0,1fr) auto;gap:8px}
  .cx-header__menu{width:36px;height:36px;font-size:22px}
  .cx-brand img{height:34px;max-width:100%}
  .cx-brand__name{font-size:22px;letter-spacing:-.8px}.cx-brand__name span{font-size:33px}.cx-brand small{font-size:6px;letter-spacing:1.4px;margin-top:3px}
  .cx-header__tools{gap:6px}.cx-header__bell,.cx-header__profile{width:34px;height:34px;font-size:16px}.cx-header__bell{font-size:19px}
  .cx-profile{min-height:110px;margin:2px 0 9px;padding:14px 12px;border-radius:15px;gap:12px}
  .cx-avatar{flex-basis:60px;width:60px;height:60px;border-width:2px;font-size:26px;box-shadow:0 0 0 4px rgba(0,0,0,.46)}
  .cx-profile h1{font-size:19px;margin-bottom:5px}.cx-member-id{font-size:12px}.cx-member-id span{margin-left:5px;padding:2px 7px;font-size:9px}.cx-profile p{font-size:10px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cx-balance{min-height:76px;margin-bottom:8px;padding:10px 13px;grid-template-columns:50px minmax(0,1fr) auto;gap:11px;border-radius:15px}
  .cx-icon-orb{width:48px;height:48px;font-size:20px}.cx-balance__copy small{font-size:11px;margin-bottom:2px}.cx-balance__copy strong{font-size:clamp(21px,6.2vw,26px)}.cx-balance__copy em{font-size:11px}.cx-chevron{font-size:16px}
  .cx-wallet-head{height:62px;margin-bottom:7px;grid-template-columns:61px minmax(0,1fr) auto;border-radius:14px}
  .cx-wallet-head__icon{font-size:21px}.cx-wallet-head>span:nth-child(2){padding-left:11px}.cx-wallet-head strong{font-size:16px}.cx-wallet-head small{font-size:10px;margin-top:2px}.cx-wallet-head>.cx-chevron{padding-right:13px}
  .cx-wallet-grid{gap:6px;margin-bottom:11px}.cx-wallet-card{height:102px;padding:9px 7px;border-radius:13px}
  .cx-wallet-card__icon{height:28px;font-size:24px;margin-bottom:4px}.cx-wallet-card__icon img{width:32px;height:32px}.cx-wallet-card__label{font-size:10px;margin-bottom:5px}.cx-wallet-card__amount{font-size:clamp(13px,4.2vw,17px)}.cx-wallet-card__amount small{font-size:8px}.cx-wallet-card__chevron{right:6px;bottom:9px;font-size:11px}
  .cx-progress-card{padding:11px 12px;margin-bottom:11px;border-radius:14px}.cx-progress-card--page{margin-bottom:9px}
  .cx-progress-card__top small{font-size:8px}.cx-progress-card__top strong{font-size:12px}.cx-progress-track{height:4px;margin:9px 0 6px}.cx-progress-meta{font-size:9px}.cx-status{padding:4px 7px;font-size:8px}
  .cx-actions{gap:3px;margin:2px 0 12px}.cx-action{gap:5px;font-size:8px}.cx-action__icon{width:40px;height:40px;font-size:17px}.cx-action__icon img{width:22px;height:22px}
  .cx-transactions,.cx-panel{padding:10px;margin-bottom:11px;border-radius:14px}.cx-section-title,.cx-panel__heading{gap:9px;padding-bottom:8px}.cx-section-title>span{gap:8px}.cx-section-title>span>i{width:27px;height:27px}.cx-section-title strong,.cx-panel__heading h2{font-size:14px}
  .cx-bottom-nav{bottom:5px;width:calc(100% - 16px);max-width:464px;height:calc(66px + env(safe-area-inset-bottom,0px));padding:0 3px env(safe-area-inset-bottom,0px);border-radius:15px}
  .cx-bottom-nav__item{gap:3px}.cx-bottom-nav__item>span{height:21px;font-size:17px}.cx-bottom-nav__item img{width:20px;height:20px}.cx-bottom-nav__item small{font-size:9px;line-height:1}
  .cx-page-title{margin:2px 1px 10px}.cx-page-title h1{font-size:23px;margin-top:2px}.cx-page-title>a,.cx-page-title__icon{width:35px;height:35px;font-size:14px}
  .cx-q-hero{grid-template-columns:60px minmax(0,1fr) auto;gap:10px;min-height:91px;padding:11px;border-radius:15px;margin-bottom:9px}.cx-q-mark{width:56px;height:56px;font-size:27px}.cx-q-mark span{width:21px;height:21px;font-size:11px}.cx-q-hero small{font-size:8px}.cx-q-hero strong{font-size:23px}.cx-q-hero p{font-size:9px;margin-top:2px}
  .cx-panel{padding:12px}.cx-panel__heading small{font-size:8px}.cx-panel__heading>i,.cx-panel__heading>strong{font-size:17px}.cx-notice{gap:8px;padding:10px;border-radius:10px}.cx-notice strong{font-size:11px}.cx-notice p{font-size:9px;margin-top:3px}
  .cx-form{gap:6px}.cx-form label{font-size:10px}.cx-form select,.cx-form input{min-height:42px;padding:8px 10px!important}.cx-stepper{grid-template-columns:42px 1fr 42px}.cx-primary-btn{min-height:43px}
  .cx-purchase-summary span{padding:9px}.cx-purchase-summary strong{font-size:11px}
  .cx-rank-strip{gap:6px;margin-bottom:10px}.cx-rank{min-height:76px;padding:8px;grid-template-columns:26px 1fr;border-radius:11px}.cx-rank>i{width:23px;height:45px;font-size:16px}.cx-rank strong{font-size:11px}.cx-rank span{font-size:11px}.cx-rank small{font-size:8px}
}

@media(max-width:350px){
  .mobile-app-container{padding:72px 10px calc(76px + env(safe-area-inset-bottom,0px))}
  .cx-header{height:68px;padding:9px 10px 6px;grid-template-columns:34px minmax(0,1fr) auto}.cx-header__menu{font-size:20px}.cx-brand img{height:29px}.cx-header__bell,.cx-header__profile{width:31px;height:31px;font-size:15px}
  .cx-profile{min-height:101px;padding:12px 10px}.cx-avatar{flex-basis:54px;width:54px;height:54px;font-size:23px}.cx-profile h1{font-size:17px}.cx-member-id{font-size:11px}
  .cx-balance{min-height:70px;grid-template-columns:44px minmax(0,1fr) auto;padding:9px 10px;gap:9px}.cx-icon-orb{width:43px;height:43px;font-size:18px}.cx-balance__copy strong{font-size:20px}
  .cx-wallet-card{height:94px}.cx-wallet-card__icon{height:24px;font-size:21px}.cx-wallet-card__amount{font-size:13px}.cx-wallet-card__label{font-size:9px}
  .cx-action__icon{width:36px;height:36px;font-size:15px}.cx-action{font-size:7px}
  .cx-bottom-nav{height:calc(61px + env(safe-area-inset-bottom,0px));width:calc(100% - 10px);bottom:3px}.cx-bottom-nav__item>span{font-size:16px}.cx-bottom-nav__item small{font-size:8px}
  .cx-q-hero{grid-template-columns:52px minmax(0,1fr) auto;min-height:84px;padding:9px}.cx-q-mark{width:49px;height:49px;font-size:23px}.cx-rank{min-height:70px;padding:7px}
}

/* Logos are uploaded centrally from Admin > System Setting > Logo & Favicon. */
.cx-header .cx-brand img,.cx-menu .cx-brand img{width:min(100%,180px);height:auto;max-height:48px}.cx-brand--auth img{width:min(76vw,260px);height:auto;max-height:110px}
@media(max-width:480px){.cx-header .cx-brand img,.cx-menu .cx-brand img{width:min(100%,165px);height:auto;max-height:42px}}
@media(max-width:350px){.cx-header .cx-brand img,.cx-menu .cx-brand img{width:min(100%,135px);height:auto;max-height:36px}.cx-brand--auth img{width:min(78vw,225px);height:auto}}

/*
 * User panel responsive system
 *
 * The user shell intentionally stays phone-sized on large screens. Bootstrap's
 * viewport breakpoints must therefore not split its content into desktop columns.
 */
.mobile-app-container .dashboard-body,
.mobile-app-container .dashboard-body form,
.mobile-app-container .dashboard-body .row,
.mobile-app-container .dashboard-body .row > *,
.mobile-app-container .dashboard-body .card,
.mobile-app-container .dashboard-body .custom--card,
.mobile-app-container .dashboard-body .mobile-card,
.mobile-app-container .dashboard-body .form-group,
.mobile-app-container .dashboard-body .mobile-form-group{min-width:0;max-width:100%}
.mobile-app-container .dashboard-body{color:var(--cx-text);color-scheme:dark}

.mobile-app-container .dashboard-body [class*="col-md-"],
.mobile-app-container .dashboard-body [class*="col-lg-"],
.mobile-app-container .dashboard-body [class*="col-xl-"],
.mobile-app-container .dashboard-body [class*="col-xxl-"]{flex:0 0 auto;width:100%;max-width:100%}

.dashboard-body > .row{--bs-gutter-x:0;margin-right:0;margin-left:0}
.dashboard-body > .row > *{padding-right:0;padding-left:0}
.dashboard-body .generated-form-row{--bs-gutter-x:12px;--bs-gutter-y:0;margin-right:-6px;margin-left:-6px}
.dashboard-body .generated-form-row > *{padding-right:6px;padding-left:6px}

/* Shared headings and cards */
.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.section-header__title{min-width:0;line-height:1.25;overflow-wrap:anywhere}
.section-header__link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 11px;border:1px solid var(--cx-line);border-radius:999px;color:var(--cx-gold)!important;background:rgba(215,174,91,.08);font-size:11px;font-weight:750;white-space:nowrap}
.custom--card,.mobile-card,.card.custom--card,.card{width:100%;padding:16px;background:linear-gradient(145deg,#1d1c18,#0c0c0b)!important;border:1px solid var(--cx-line)!important;border-radius:16px!important;color:var(--cx-text);box-shadow:none}
.card.custom--card .card-header,.custom--card .card-header{padding:0 0 13px;margin:0 0 14px;background:transparent;border-bottom:1px solid rgba(255,255,255,.08)}
.card.custom--card .card-header h5,.custom--card .card-header h5{margin:0;color:#fff;font-size:17px;line-height:1.3}
.card.custom--card .card-body,.custom--card .card-body{padding:0;background:transparent;color:inherit}

/* Forms generated by admin settings and regular user pages share one control system. */
.dashboard-body label,.dashboard-body .form-label,.dashboard-body .form--label{display:block;margin:0 0 7px;color:#cbc6bb;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.dashboard-body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.dashboard-body select,
.dashboard-body textarea,
.dashboard-body .select2-container{max-width:100%;width:100%!important}
.dashboard-body select.select2-hidden-accessible{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.dashboard-body textarea.form-control,.dashboard-body textarea.form--control,.dashboard-body textarea.mobile-input{min-height:112px;resize:vertical;white-space:pre-wrap}
.dashboard-body input[type="file"]{min-height:48px;height:auto;padding:4px!important;overflow:hidden;color:var(--cx-muted)!important;font-size:12px}
.dashboard-body input[type="file"]::file-selector-button{min-height:38px;margin:-1px 10px -1px -1px;padding:8px 12px;border:0;border-right:1px solid var(--cx-line);border-radius:8px;background:linear-gradient(135deg,#f5d685,#c68e31);color:#171209;font:inherit;font-weight:800;cursor:pointer}
.dashboard-body input::placeholder,.dashboard-body textarea::placeholder{color:#77736d!important;opacity:1}
.dashboard-body .form-text,.generated-file-help{display:block;margin-top:6px;color:var(--cx-gold)!important;font-size:10px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.dashboard-body pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
.dashboard-body .form-check{display:flex;align-items:flex-start;gap:7px;min-width:0}
.dashboard-body .form-check-input{flex:0 0 auto;margin-top:2px}
.dashboard-body .form-check-label{margin:0;line-height:1.4}
.dashboard-body .btn,.dashboard-body button{max-width:100%}
.dashboard-body .btn--base:disabled,.dashboard-body .mobile-btn:disabled{filter:grayscale(.35);opacity:.55;cursor:not-allowed}

/*
 * Dark-theme contrast guard
 * Admin-authored gateway/withdrawal descriptions may contain legacy font tags,
 * inline black colours, or Bootstrap dark text utilities from the old theme.
 */
.dashboard-body .mobile-card,
.dashboard-body .custom--card,
.dashboard-body .card,
.dashboard-body .gateway-card,
.dashboard-body .payment-system-list,
.dashboard-body .alert,
.dashboard-body .modal-content,
.dashboard-body .list-group-item,
.dashboard-body .table,
.dashboard-body .cx-admin-content{color:var(--cx-text)!important}
.dashboard-body .text-dark,
.dashboard-body .text-black,
.dashboard-body .text--dark,
.dashboard-body .text--black,
.dashboard-body [style*="color:#000" i],
.dashboard-body [style*="color: #000" i],
.dashboard-body [style*="color:black" i],
.dashboard-body [style*="color: black" i],
.dashboard-body [style*="color:rgb(0,0,0)" i],
.dashboard-body [style*="color: rgb(0, 0, 0)" i],
.dashboard-body font[color="#000" i],
.dashboard-body font[color="#000000" i],
.dashboard-body font[color="black" i],
.dashboard-body .cx-admin-content [color="#000" i],
.dashboard-body .cx-admin-content [color="#000000" i],
.dashboard-body .cx-admin-content [color="black" i]{color:var(--cx-text)!important}
.dashboard-body .text-muted,
.dashboard-body .text--muted,
.dashboard-body .form-text{color:#beb9af!important}
.dashboard-body option{background:#0b0b0b;color:var(--cx-text)}
.dashboard-body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.dashboard-body select,
.dashboard-body textarea{-webkit-text-fill-color:var(--cx-text)}
.dashboard-body input[type="file"]{color:var(--cx-text)!important}
.dashboard-body input[type="file"]::file-selector-button{-webkit-text-fill-color:#171209}
.dashboard-body .cx-admin-content{line-height:1.6;overflow-wrap:anywhere;word-break:break-word}
.dashboard-body .cx-admin-content > :first-child{margin-top:0}
.dashboard-body .cx-admin-content > :last-child{margin-bottom:0}

/* Intentionally dark labels on gold surfaces remain dark and high-contrast. */
.dashboard-body .btn--base,
.dashboard-body .btn--base *,
.dashboard-body .mobile-btn--primary,
.dashboard-body .mobile-btn--primary *,
.dashboard-body .cx-primary-btn,
.dashboard-body .cx-primary-btn *,
.dashboard-body .cx-wallet-card--gold,
.dashboard-body .cx-wallet-card--gold *,
.dashboard-body .cx-wallet-head__icon,
.dashboard-body .cx-wallet-head__icon *,
.dashboard-body .cx-row__avatar,
.dashboard-body .cx-row__avatar *,
.dashboard-body .cx-invite__copy,
.dashboard-body .cx-invite__copy *,
.dashboard-body .cx-member-id > span,
.dashboard-body .cx-member-id > span *,
.cx-bottom-nav__item.active,
.cx-bottom-nav__item.active *{color:#171209!important;-webkit-text-fill-color:#171209}

/* Notices, dynamic descriptions, media and long values must never escape the shell. */
.dashboard-body .alert{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px;margin-bottom:14px;line-height:1.5;overflow:hidden}
.dashboard-body .alert-icon,.dashboard-body .alert__icon{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;color:var(--cx-gold);font-size:16px}
.dashboard-body .alert__content{flex:1;min-width:0;font-size:12px;overflow-wrap:anywhere}
.dashboard-body .alert__content p{margin:0}
.dashboard-body img,.dashboard-body svg,.dashboard-body video,.dashboard-body canvas,.dashboard-body iframe{max-width:100%;height:auto}
.dashboard-body p,.dashboard-body li,.dashboard-body td,.dashboard-body dd,.dashboard-body address{overflow-wrap:anywhere}
.dashboard-body code,.dashboard-body .wallet-address,.dashboard-body [class*="address"]{word-break:break-word;overflow-wrap:anywhere}

/* Payment and withdrawal layouts */
.gateway-card{width:100%;margin-top:14px;padding:14px;overflow:hidden;background:linear-gradient(145deg,#1d1c18,#0c0c0b)!important;border:1px solid var(--cx-line)!important;border-radius:16px!important}
.gateway-card > .row{--bs-gutter-x:0;margin:0}
.gateway-card > .row > *{padding-right:0;padding-left:0}
.payment-system-list{width:100%;padding:10px;background:#11110f;border:1px solid rgba(255,255,255,.08);border-radius:13px}
.payment-system-list + .payment-system-list{margin-top:10px}
.payment-item{width:100%;min-height:62px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer}
.payment-item:last-child{border-bottom:0}
.payment-item__info{display:flex;align-items:center;gap:8px;min-width:0}
.payment-item__check{flex:0 0 14px;width:14px;height:14px;border:2px solid var(--cx-gold);border-radius:50%}
.payment-item:has(.payment-item__radio:checked){background:rgba(215,174,91,.09);border-radius:9px}
.payment-item:has(.payment-item__radio:checked) .payment-item__check{box-shadow:inset 0 0 0 3px #111;background:var(--cx-gold)}
.payment-item__name{min-width:0;font-size:12px;overflow-wrap:anywhere}
.payment-item__thumb{flex:0 0 72px;text-align:right}.payment-item__thumb img{max-width:72px;max-height:40px;object-fit:contain}
.deposit-info{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.deposit-info__title{flex:0 1 38%;min-width:0}.deposit-info__input{flex:1 1 58%;min-width:0;text-align:right}
.deposit-info__input .text,.deposit-info__title .text{margin:0;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.deposit-info__input-group{display:flex;min-width:0}.deposit-info__input-group .form--control{min-width:0;text-align:right}
.info-text .text{margin:0;color:var(--cx-muted);font-size:10px;line-height:1.5}

/* Manual gateway confirmation */
.cx-page-title--compact h1{font-size:21px;overflow-wrap:anywhere}
.cx-payment-card{padding:15px}
.cx-payment-summary{display:flex;align-items:flex-start;gap:10px;padding:12px;margin-bottom:14px;border:1px solid var(--cx-line);border-radius:12px;background:rgba(215,174,91,.07)}
.cx-payment-summary__icon{flex:0 0 25px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(215,174,91,.15);color:var(--cx-gold);font-size:16px}
.cx-payment-summary p{min-width:0;margin:0;color:#ddd;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.cx-payment-summary strong{color:#fff}
.cx-payment-instructions{width:100%;margin-bottom:14px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0a0a09;color:#d6d1c8;font-size:12px;line-height:1.6;text-align:left;overflow:hidden;overflow-wrap:anywhere}
.cx-payment-instructions > :last-child{margin-bottom:0}
.cx-payment-instructions font[color="#ffff00"],.cx-payment-instructions font[color="yellow"]{color:#ffd96d!important}
.cx-payment-instructions > div:has(> br:only-child),.cx-payment-instructions > div:has(> span:only-child > br:only-child){display:none}
.cx-payment-instructions img{display:block;margin:0 auto 10px}
.cx-payment-instructions a{color:var(--cx-gold);text-decoration:underline}
.cx-payment-fields .form-group{margin-bottom:13px}
.cx-payment-submit{margin-top:3px}

/* Tables, modals and menu content remain usable at every supported width. */
.table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dashboard-body .table{min-width:100%;vertical-align:middle}
.dashboard-body .table th,.dashboard-body .table td{max-width:220px;white-space:normal}
.modal-dialog{width:auto;max-width:min(440px,calc(100% - 24px));margin:12px auto}
.modal-content{max-height:calc(100vh - 24px);overflow:hidden;border-radius:16px!important}
.modal-body{overflow-y:auto}
.select2-container .select2-selection--single{width:100%;overflow:hidden}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding-right:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:480px){
  .custom--card,.mobile-card,.card.custom--card,.card{padding:14px;border-radius:15px!important}
  .section-header{margin:12px 1px 9px}.section-header__title{font-size:16px}.section-header__link{min-height:30px;padding:5px 9px;font-size:10px}
  .cx-payment-card{padding:14px}.cx-payment-summary,.cx-payment-instructions{padding:11px}
  .gateway-card{padding:12px}.payment-system-list{padding:8px}
}

@media(max-width:350px){
  .section-header{gap:8px}.section-header__title{font-size:15px}.section-header__link{padding:5px 8px}
  .deposit-info{display:grid;grid-template-columns:1fr;gap:4px}.deposit-info__input{text-align:left}
  .payment-item__thumb{flex-basis:58px}.payment-item__thumb img{max-width:58px}
}