@charset "UTF-8";.van-toast{word-break:break-word!important}.cg-default.van-button{box-shadow:0 .05333rem #e04846;font-weight:700;font-size:.4rem}.cg-default.van-button .van-button__icon{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cg-default.van-button .van-button__icon>img{height:80%}#app .profit__list-item__info .price{color:#333;font-size:.4rem}#app .noticeBar__container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;height:.98667rem;overflow:hidden;color:#ffffff !important;background:-webkit-linear-gradient(top,#20733e 0%,#104327 100%);background:linear-gradient(180deg,#20733e 0%,#104327 100%);border-radius:.32rem;font-size:.32rem;padding:0 .26667rem}#app .noticeBar__container-body{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;overflow:hidden;position:relative;height:.8rem;line-height:.98667rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}#app .noticeBar__container-body-text{width:100%;height:-webkit-fit-content;height:fit-content;max-height:.98667rem;line-height:.49333rem;-webkit-animation:marquee 7s linear infinite;animation:marquee 7s linear infinite;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:left;-webkit-justify-content:left;justify-content:left;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all}@-webkit-keyframes marquee{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}10%{-webkit-transform:translateY(0);transform:translateY(0)}90%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes marquee{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}10%{-webkit-transform:translateY(0);transform:translateY(0)}90%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}#app .noticeBar__container>svg{width:.42667rem;-webkit-flex-shrink:0;flex-shrink:0;height:auto;margin-right:.22667rem}#app .noticeBar__container button{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-shrink:0;flex-shrink:0;gap:.06667rem;width:2rem;height:.53333rem;margin-left:auto;color:#0c2818;border:none;border-radius:.32rem;border:.01333rem solid #0c2818;background:transparent}#app .noticeBar__container button svg{width:.32rem;height:auto}


/* Notice Bar White Text Override */
.noticeBar__container,
.noticeBar__container *,
.noticeBar__container-body,
.noticeBar__container-body-text,
.noticeBar__container-btn,
#noticeBar,
#noticeBar * {
    color: #ffffff !important;
}
.noticeBar__container svg,
.noticeBar__container svg path,
#noticeBar svg,
#noticeBar svg path {
    fill: #ffffff !important;
    color: #ffffff !important;
}
.noticeBar__container button,
.noticeBar__container-btn {
    color: #0c2818 !important;
    background: #ffffff !important;
}
.noticeBar__container button *,
.noticeBar__container-btn * {
    color: #0c2818 !important;
    fill: #0c2818 !important;
}

/* ==========================================
   GLOBAL GREEN THEME OVERRIDES FOR BUTTONS & ICONS
   ========================================== */

/* Active Bottom Navigation Bar Item Text & Icons */
.tabbar__container-item.active,
.tabbar__container-item.active span,
.tabbar__container-item.active p,
.van-tabbar-item--active,
.van-tabbar-item--active .van-tabbar-item__text {
    color: #F3BA2F !important;
    font-weight: 800 !important;
}

.tabbar__container-item.active svg path,
.tabbar__container-item.active svg g,
.van-tabbar-item--active svg path {
    fill: #F3BA2F !important;
    stroke: #F3BA2F !important;
}

/* Chat / customer-service float — disabled (use QRX app chat only) */
.customer,
#customerId,
.homeIcon.customerIcon,
.content__right .customerIcon,
.tabbar__container-item[data-name="chat"],
.tabbar__container-item.chat {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

/* Yellow feeling action buttons & VIP badges */
.van-button--primary,
.van-button--danger,
.van-button--warning,
.cg-default.van-button {
    background: linear-gradient(180deg, #20733e 0%, #104327 100%) !important;
    border-color: #104327 !important;
    color: #ffffff !important;
}

/* Yellow Icons tinting on Account / Main page */
.userInfo__container-setting-center img[src*="yellow"],
.userInfo__container-setting-center img[src*="gold"],
.userInfo__container-setting-center img[src*="vip"],
.userInfo__container-setting-center img[src*="withdraw"],
.userInfo__container-setting-center img[src*="deposit"] {
    filter: hue-rotate(100deg) saturate(1.5) !important;
}


/* Green Theme Icon Tinting for Account & Settings Page Icons */
.userInfo__container-setting-center img,
.userInfo__container-setting-center-content img,
.settingPanel__container-items__item img,
.serviceCenter__container-items__item img,
.gamestats-container-item h1 img,
.redeem-container-record-title img,
.notification-container-content-title img,
.setting_container .setting_container_item img,
.about-container-content-item img,
.gverify-container-content-item img {
    filter: hue-rotate(110deg) saturate(1.8) brightness(0.95) !important;
}


/* Green Theme Icon Tinting for ALL Account & Main Page Quick Action & Grid Icons */
.totalSavings__container-content-item img,
.financialServices__container-box img,
.userInfo__container-setting-center img,
.userInfo__container-setting-center-content img,
.settingPanel__container-items__item img,
.serviceCenter__container-items__item img,
.gamestats-container-item h1 img,
.redeem-container-record-title img,
.notification-container-content-title img,
.setting_container .setting_container_item img,
.about-container-content-item img,
.gverify-container-content-item img {
    filter: hue-rotate(110deg) saturate(1.8) brightness(0.95) !important;
}




/* Universal Green Theme Icon Filter for All Pages (Excluding User Avatar Photos) */
.totalSavings__container-content-item img,
.financialServices__container-box img,
.userInfo__container-setting-center img,
.userInfo__container-setting-center-content img,
.settingPanel__container-items__item img,
.serviceCenter__container-items__item img,
.gamestats-container-item h1 img,
.redeem-container-record-title img,
.notification-container-content-title img,
.setting_container .setting_container_item img,
.about-container-content-item img,
.gverify-container-content-item img,
.wallet-container img,
.wallet__container img,
.wallet-user-info img,
.wallet-user-item img {
    filter: hue-rotate(110deg) saturate(1.8) brightness(0.95) !important;
}

.userInfo__container-content__avatar img,
.userAvatar {
    filter: none !important;
}




/* ==========================================
   LOGIN & REGISTER PAGE COMPLETE GREEN THEME OVERRIDES
   ========================================== */

/* Background & Image Icons Filter (Phone, Password, Mail, Invite Code, Eye Toggle, Forget, Support, Tabs) */
.phoneInput__container-label__icon,
.passwordInput__container-label__icon,
.emailinput__container-label__icon,
.register__container-invitation__label img,
.login_container-tab .basicimg,
.login_container-tab .phoneactive,
.login_container-tab .phonebg,
.login_container-tab .emailactive,
.login_container-tab .emialbg,
.resgister__C .login_container-tab .phonebg,
.resgister__C .login_container-tab .emialbg,
.resgister__C .login_container-tab .phoneactive,
.resgister__C .login_container-tab .emailactive,
.forgetbg,
.custombg,
.tipbg,
.register__container-tip .tipbg,
.passwordInput__container-input .eye,
.eye,
.van-checkbox__icon,
[class*="login"] img,
[class*="register"] img,
[class*="phoneInput"] img,
[class*="passwordInput"] img,
[class*="emailinput"] img,
[class*="invitation"] img,
.navbar__content-center img,
.userInfo__container-nav img,
[class*="Logo"] img,
[class*="logo"] img {
    filter: hue-rotate(110deg) saturate(1.8) brightness(0.95) !important;
}

/* Brand logo (Quorixtrade) is already the correct green — keep it natural */
.headLogo,
.navbar__content-center .headLogo,
[class*="Logo"] img[src*="h5setting_2024031318"],
[class*="logo"] img[src*="h5setting_2024031318"],
img[src*="h5setting_2024031318"] {
    filter: none !important;
}

/* Active Tab Border Underline */
.login_container-tab .active,
.register_container-tab .active,
.resgister__C .login_container-tab .active,
.tab.active,
[class*="container-tab"] .active {
    border-bottom: .05333rem solid #20733e !important;
}

.login_container-tab .active .font30,
.register_container-tab .active .font30,
.resgister__C .login_container-tab .active .font30,
.tab.active span,
.tab.active div {
    color: #ffffff !important;
}

/* Checkboxes (Remember password & Privacy Agreement) */
.van-checkbox__icon--checked .van-icon,
.van-checkbox__icon--checked .van-icon-success {
    background-color: #20733e !important;
    border-color: #20733e !important;
    color: #ffffff !important;
}

/* Login & Register Primary Buttons */
.register__container-button button,
.login_container-button button,
.signIn__container-button button,
.popup-foot > div:first-child {
    background: linear-gradient(180deg, #20733e 0%, #104327 100%) !important;
    border: none !important;
    color: #ffffff !important;
}


/* App shell background: green so wide viewports don't show grey around the 10rem mobile canvas */
html, body {
    background: #0c2818 !important;
}
#app {
    background: #0c2818;
}

/* Provider brand logos: white rounded card so transparent/dark-text logos stay readable on the green theme */
img[src*="/brands/"],
img[src*="ik.imagekit.io"][src*="brand"] {
    background: #ffffff !important;
    border-radius: .2rem !important;
    padding: .13333rem !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
}

/* Sports/Casino row cards: turn the full-height white logo slab into a neat centered badge framed by the green card */
.lotterySlotItem__container .game_img[src*="/brands/"],
.lotterySlotItem__container .game_img[src*="ik.imagekit.io"],
.lotterySlotItem__container .game_img[src*="imagedelivery"] {
    height: 1.86667rem !important;
    width: auto !important;
    max-width: 2.4rem !important;
    align-self: center !important;
    margin: auto .34667rem auto auto !important;
    padding: .21333rem !important;
    background: #ffffff !important;
    border-radius: .26667rem !important;
    object-fit: contain !important;
    box-shadow: 0 .04rem .13333rem rgba(0, 0, 0, .3) !important;
}

/* Promotional banners — keep original colors (no green hue overlay) */
img[src*="/banner/"],
img[src*="/editor/"],
img[class^="act_"],
.van-swipe img[src*="Banner"],
.van-swipe img[src*="Active"],
.my-swipe img {
    filter: none !important;
}
/* Hide Deposit / Withdraw entry points (cash only via QRX app) — CSS only, keep JS intact */
.totalSavings__container-content-item:has(img[src*="rechargeIcon"]),
.totalSavings__container-content-item:has(img[src*="widthdraw"]),
.totalSavings__container-content-item:has(img[src*="withdraw"]),
.Wallet__C-balance-l3,
.financialServices__container-box > div:has(img[src*="rechargeHistory"]),
.financialServices__container-box > div:has(img[src*="Withdraw"]),
.financialServices__container-box > div:has(img[src*="withdraw"]),
.financialServices__container-box > div:has(img[src*="myWithdraw"]),
div[class*="wallet"] div:has(> span):has(img[src*="rechargeIcon"]),
div[class*="wallet"] div:has(> span):has(img[src*="widthdraw"]),
/* wallet page action tiles */
.wallet-container div:has(img[src*="rechargeIcon"]),
.wallet-container div:has(img[src*="widthdraw"]),
.wallet-container div:has(img[src*="rechargeHistory"]),
.wallet-container div:has(img[src*="withdrawHistory"]) {
    display: none !important;
}

/* Fallback without :has() — hide by known icon wrappers on total balance row */
.totalSavings__container-content img[src*="rechargeIcon"],
.totalSavings__container-content img[src*="widthdrawBlue"],
.totalSavings__container-content-item img[src*="rechargeIcon"],
.totalSavings__container-content-item img[src*="widthdrawBlue"] {
    display: none !important;
}
.totalSavings__container-content-item:nth-of-type(2),
.totalSavings__container-content-item:nth-of-type(3) {
    display: none !important;
}


/* ==========================================================================
   WALLET PAGE — Modern Glassy Redesign
   ========================================================================== */

/* Page-level background: deep green with subtle radial glows */
.wallet-container {
    background:
        radial-gradient(1200px 400px at 50% -10%, rgba(243, 186, 47, 0.12) 0%, transparent 60%),
        radial-gradient(600px 500px at 100% 100%, rgba(32, 115, 62, 0.35) 0%, transparent 60%),
        linear-gradient(180deg, #0c2818 0%, #071a10 100%) !important;
    min-height: 100vh !important;
    color: #e8f2ec !important;
    padding-bottom: 2rem !important;
}

/* Header gradient — richer + soft bottom fade */
.wallet-container-header {
    background: linear-gradient(135deg, #0f4b2a 0%, #1a6b3d 45%, #0c2818 100%) !important;
    padding-bottom: .7rem !important;
    position: relative !important;
    overflow: hidden !important;
}
.wallet-container-header::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(243, 186, 47, 0.55) 50%, transparent 100%);
}

/* Kill negative top pull on wallet content card */
.wallet-container-content .container,
.wallet-container-content .container[data-v-2c0e751d] {
    top: 0 !important;
}

/* Main balance card / content wrapper */
.wallet-container-content {
    position: relative !important;
    margin: -.7rem .32rem 0 !important;
    padding: .5rem .4rem .55rem !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(243, 186, 47, 0.22) !important;
    border-radius: .48rem !important;
    box-shadow:
        0 .16rem .5rem rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    z-index: 2 !important;
}

/* Van Circles (Main / 3rd party wallet rings) */
.wallet-container-content .van-circle {
    filter: drop-shadow(0 .08rem .16rem rgba(0, 0, 0, 0.35));
}
.wallet-container-content .van-circle__text {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: .42rem !important;
    letter-spacing: .01rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* Amount + label under rings */
.wallet-container-content .container > div:not(.recycleBtnD):not(#bdWalletActions) span,
.wallet-container-content .container > div:not(.recycleBtnD):not(#bdWalletActions) p {
    color: #ffffff !important;
}

/* The two ring column labels (Main wallet / 3rd party wallet) */
.wallet-container-content .container > div p {
    color: #a8c3b3 !important;
    font-size: .32rem !important;
    letter-spacing: .01rem;
}

/* The amounts ($930.00 etc.) — big and gold */
.wallet-container-content .container > div span:first-of-type,
.wallet-container-content .container div:has(> .van-circle) + p,
.wallet-container-content .container .balance,
.wallet-container-content .container div span[class*="balance"] {
    color: #F3BA2F !important;
    font-weight: 800 !important;
}

/* Main wallet transfer button (recycle button) — premium gradient */
.wallet-container .recycleBtnD,
.wallet-container-content .recycleBtnD {
    height: 1rem !important;
    margin: .35rem 0 .1rem !important;
    padding: 0 !important;
    background: linear-gradient(180deg, #20733e 0%, #0f4321 100%) !important;
    border: 1px solid rgba(243, 186, 47, 0.35) !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-size: .4rem !important;
    font-weight: 800 !important;
    letter-spacing: .01rem !important;
    box-shadow:
        0 .1rem .3rem rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
    transition: transform .12s ease, box-shadow .12s ease !important;
}
.wallet-container .recycleBtnD:active,
.wallet-container-content .recycleBtnD:active {
    transform: scale(.985) !important;
    box-shadow: 0 .06rem .18rem rgba(0, 0, 0, 0.4) !important;
}

/* Injected wallet actions (Add USDT + Return to QRX) — align to modern theme */
#bdWalletActions {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
    gap: .24rem !important;
    margin: .3rem 0 .55rem !important;
    padding: 0 !important;
}
#bdWalletActions button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 1rem !important;
    padding: 0 .2rem !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .12rem !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-size: .38rem !important;
    font-weight: 800 !important;
    letter-spacing: .01rem !important;
    cursor: pointer !important;
    box-shadow:
        0 .1rem .28rem rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
    transition: transform .12s ease, box-shadow .12s ease !important;
}
#bdWalletActions button:active { transform: scale(.985) !important; }
#bdWalletAddBtn {
    background: linear-gradient(180deg, #FFD25F 0%, #F3BA2F 55%, #d99f14 100%) !important;
    color: #1a0f33 !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}
#bdWalletReturnBtn {
    background: linear-gradient(180deg, #34d399 0%, #10a973 55%, #0b7a52 100%) !important;
}

/* Any sub-cards inside wallet page (transactions, notice, etc.) */
.wallet-container .van-cell,
.wallet-container .van-panel,
.wallet-container .van-card {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: .32rem !important;
    color: #e8f2ec !important;
    margin: .2rem .32rem !important;
}

/* Divider glow between sections */
.wallet-container .van-divider {
    border-color: rgba(243, 186, 47, 0.18) !important;
    color: #a8c3b3 !important;
}

/* ==========================================================================
   PROFILE / MINE PAGE — UID pill visibility fix
   (was white text on white bg — invisible)
   ========================================================================== */
.userInfo__container-content-uid {
    background: rgba(0, 0, 0, 0.28) !important;
    border: 1px solid rgba(243, 186, 47, 0.35) !important;
    color: #F3BA2F !important;
    font-weight: 700 !important;
    letter-spacing: .01rem !important;
    padding: .1rem .24rem !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.userInfo__container-content-uid * {
    color: #F3BA2F !important;
}
.userInfo__container-content-uid img {
    filter: brightness(0) saturate(100%) invert(78%) sepia(58%) saturate(700%) hue-rotate(1deg) brightness(101%) contrast(94%) !important;
}

/* ==========================================================================
   ACTIVITY PAGE — QRX (QUORIXTRADE) Branded Redesign
   ========================================================================== */

/* Wrapper: rich QRX purple/emerald gradient background */
.activity-wrapper {
    background:
        radial-gradient(1100px 500px at 90% -10%, rgba(245, 158, 11, 0.18) 0%, transparent 60%),
        radial-gradient(900px 500px at 0% 100%, rgba(124, 58, 237, 0.28) 0%, transparent 60%),
        linear-gradient(180deg, #0d0b1f 0%, #0c2818 60%, #071a10 100%) !important;
    min-height: 100vh !important;
    padding-bottom: 2rem !important;
    color: #ffffff !important;
}

/* TOP BANNER — QRX branded hero */
.activity-wrapper .activity-banner {
    position: relative !important;
    min-height: 3.2rem !important;
    padding: .32rem !important;
    margin: 0 .32rem !important;
    border-radius: .4rem !important;
    color: transparent !important;
    background:
        linear-gradient(135deg, rgba(124, 58, 237, 0.85) 0%, rgba(45, 27, 105, 0.8) 55%, rgba(245, 158, 11, 0.75) 100%),
        radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.08) 0%, transparent 40%) !important;
    background-color: #221053 !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
    box-shadow:
        0 .16rem .45rem rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    overflow: hidden !important;
}
.activity-wrapper .activity-banner > * { display: none !important; }
.activity-wrapper .activity-banner::before {
    content: "QUORIXTRADE";
    position: absolute;
    left: .5rem; top: .55rem;
    color: #ffffff;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .04rem;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
.activity-wrapper .activity-banner::after {
    content: "Trade • Invest • Grow — Daily rewards & bonuses";
    position: absolute;
    left: .5rem; top: 1.35rem;
    color: #f9d689;
    font-size: .32rem;
    font-weight: 600;
    letter-spacing: .01rem;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    padding-right: .5rem;
}

/* Activity section cards (dark → deep purple) */
.activity-wrapper .activitySection__container > .box {
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.12) 0%, rgba(15, 12, 35, 0.55) 100%) !important;
    border: 1px solid rgba(124, 58, 237, 0.25) !important;
    border-radius: .32rem !important;
    color: #ffffff !important;
    box-shadow: 0 .1rem .28rem rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.activity-wrapper .activitySection__container > .box:last-of-type img {
    background: transparent !important;
}

/* Activity panel category tiles */
.activity-wrapper .activity-panel-content .content-title {
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.14) 0%, rgba(15, 12, 35, 0.6) 100%) !important;
    border: 1px solid rgba(245, 158, 11, 0.18) !important;
    border-radius: .22rem !important;
    box-shadow: 0 .08rem .2rem rgba(0, 0, 0, 0.3) !important;
    color: #ffffff !important;
}

/* Dialog primary buttons — QRX gradient */
.activity-wrapper .dialog-wrapper .dialog-btn,
.dailySignIn__container-hero__footer button,
.dailySignIn__container-content__footer button {
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #f59e0b 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    box-shadow: 0 .1rem .3rem rgba(124, 58, 237, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

/* Daily Sign In hero — QRX gradient replaces green + png */
.dailySignIn__container-hero {
    background:
        linear-gradient(135deg, rgba(124, 58, 237, 0.9) 0%, rgba(45, 27, 105, 0.85) 60%, rgba(245, 158, 11, 0.7) 100%),
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 40%) !important;
    background-color: #221053 !important;
    border-radius: 0 0 .4rem .4rem !important;
    box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.4) !important;
    position: relative !important;
    overflow: hidden !important;
}
.dailySignIn__container-hero::before {
    content: "QUORIXTRADE Rewards";
    position: absolute;
    top: .5rem; left: .4rem;
    color: #ffffff;
    font-size: .48rem;
    font-weight: 900;
    letter-spacing: .02rem;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    z-index: 2;
}
.dailySignIn__container-hero__header div {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #1a0f33 !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

/* Task banner + task items */
.dailySignIn__container .task-banner {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.85) 0%, rgba(45, 27, 105, 0.8) 60%, rgba(245, 158, 11, 0.7) 100%) !important;
    background-color: #221053 !important;
    border-radius: .32rem !important;
    border: 1px solid rgba(245, 158, 11, 0.25) !important;
    color: #ffffff !important;
    min-height: 1.6rem !important;
    padding: .3rem !important;
    box-shadow: 0 .1rem .28rem rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}
.dailySignIn__container .task-banner::before {
    content: "Daily Tasks — Trade, Earn, Repeat";
    position: absolute;
    left: .4rem; top: .32rem; right: .4rem;
    font-size: .38rem;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: .01rem;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}
.dailySignIn__container .task-banner > * { opacity: 0 !important; }

.dailySignIn__container .task-panel .task-item {
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.1) 0%, rgba(15, 12, 35, 0.6) 100%) !important;
    border: 1px solid rgba(124, 58, 237, 0.2) !important;
    border-radius: .32rem !important;
    box-shadow: 0 .08rem .22rem rgba(0, 0, 0, 0.28) !important;
}
.dailySignIn__container .task-panel .task-item-header .hearder-status.week,
.dailySignIn__container .task-panel .task-item-header .hearder-type.n2 {
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
}
.dailySignIn__container .task-panel .task-item-header .hearder-status.new,
.dailySignIn__container .task-panel .task-item-header .uncomplete {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #1a0f33 !important;
}

/* Signed / unsigned day tiles — remove low-contrast png bg, use gradient */
.dailySignIn__container-content__wrapper-block {
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.15) 0%, rgba(15, 12, 35, 0.6) 100%) !important;
    background-image: none !important;
    border: 1px solid rgba(124, 58, 237, 0.3) !important;
    border-radius: .28rem !important;
    box-shadow: 0 .08rem .2rem rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
}
.dailySignIn__container-content__wrapper-block.signed {
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 60%, #f59e0b 100%) !important;
    background-image: none !important;
    border-color: rgba(245, 158, 11, 0.55) !important;
    box-shadow: 0 .1rem .28rem rgba(124, 58, 237, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}
.dailySignIn__container-content__wrapper-block:last-of-type,
.dailySignIn__container-content__wrapper-block.signed:last-of-type {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #7c3aed 100%) !important;
    background-image: none !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}