@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');

:root{--v8-bg:#f4f7f6;--v8-card:#fff;--v8-text:#1d2b27;--v8-muted:#6d7b76;--v8-line:#dfe7e4;--v8-green:#08775a;--v8-green-dark:#075e49;--v8-red:#df3f43;--v8-shadow:0 14px 36px rgba(27,62,51,.08)}
html,body{overflow-x:hidden}body.bankvip-app{background:linear-gradient(180deg,#f7faf9 0,#f1f5f4 100%)!important;color:var(--v8-text)!important;font-family:'Be Vietnam Pro',Arial,sans-serif!important}.bankvip-app>.container,.bankvip-app .container{width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;padding:0!important;margin-left:auto!important;margin-right:auto!important}.bankvip-app .content,.bankvip-app .content-container{width:100%!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important}.bankvip-app .row{margin-left:-8px!important;margin-right:-8px!important}.bankvip-app [class*="col-"]{padding-left:8px!important;padding-right:8px!important}

/* Header + account menu */
.bankvip-header{height:72px!important;min-height:72px!important;padding:0 max(20px,calc((100vw - 1500px)/2))!important;gap:18px!important;background:#fff!important;border-top:0!important;border-bottom:1px solid var(--v8-line)!important;box-shadow:0 3px 16px rgba(28,59,49,.05)!important}.bankvip-logo{width:128px!important;min-width:128px!important;height:58px!important}.bankvip-logo img{width:124px!important;height:54px!important;object-fit:contain!important}.bankvip-nav{gap:4px!important}.bankvip-nav a{height:44px!important;padding:0 13px!important;border-radius:10px!important;color:#55635f!important;font-weight:700!important}.bankvip-nav a:hover{background:#f2f7f5!important;color:var(--v8-green)!important}.bankvip-nav a.active{background:#eaf6f1!important;color:var(--v8-green)!important}.bankvip-nav a.active:after{height:3px!important;bottom:-14px!important;background:var(--v8-green)!important}.bankvip-user-panel{margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important}.bankvip-user-btn,.bankvip-auth-btn{height:44px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid var(--v8-line)!important;border-radius:11px!important;background:#fff!important;color:#26332f!important;padding:0 15px!important;font-weight:700!important}.bankvip-login-btn{background:var(--v8-green)!important;border-color:var(--v8-green)!important;color:#fff!important}.bankvip-balance{background:#eef8f4!important;color:var(--v8-green-dark)!important}.dropdown{position:relative!important}.dropdown-content{display:none!important;position:absolute!important;right:0!important;left:auto!important;top:calc(100% + 10px)!important;width:230px!important;min-width:230px!important;padding:8px!important;background:#fff!important;border:1px solid var(--v8-line)!important;border-radius:13px!important;box-shadow:0 18px 45px rgba(24,55,45,.16)!important;z-index:99999!important}.dropdown-content.show{display:block!important}.dropdown-content a{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border-radius:9px!important;color:#31413b!important;font-weight:600!important;white-space:nowrap!important}.dropdown-content a:hover{background:#f0f7f4!important;color:var(--v8-green)!important}

/* Stable button colors */
.bankvip-app .btn{font-family:inherit!important;font-weight:700!important;border-radius:10px!important;box-shadow:none!important;text-shadow:none!important}.bankvip-app .btn-danger,.bankvip-app a.btn-danger,.bankvip-app button.btn-danger{background:var(--v8-red)!important;border-color:var(--v8-red)!important;color:#fff!important}.bankvip-app .btn-danger:hover{background:#c93439!important;border-color:#c93439!important;color:#fff!important}.bankvip-app .btn-success{background:var(--v8-green)!important;border-color:var(--v8-green)!important;color:#fff!important}.bankvip-app .btn-info{background:#16372d!important;border-color:#16372d!important;color:#fff!important}.bankvip-app .btn-warning{color:#6f4700!important}

/* Home game selector */
.page-index .content-container>.py-5{margin:24px 0 0!important;padding:32px 36px!important;border-radius:20px!important;background:linear-gradient(120deg,var(--ctb-theme),var(--ctb-theme))!important;box-shadow:0 16px 40px rgba(8,104,79,.18)!important}.page-index #output{margin-top:18px!important;padding:24px!important;border:1px solid var(--v8-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--v8-shadow)!important}.page-index #output>.text-center:first-child{margin-top:0!important}.page-index #output>.text-center:first-child>.text-center{display:grid!important;grid-template-columns:repeat(8,minmax(100px,1fr))!important;gap:10px!important;margin-top:0!important}.page-index .btngame,.page-index .btn-md5-hot{width:100%!important;min-width:0!important;height:50px!important;margin:0!important;border-radius:12px!important;border:1px solid #d9e3df!important;background:#fff!important;color:#263630!important;font-size:14px!important;font-weight:800!important;transition:.18s ease!important}.page-index .btngame:hover{border-color:#9cc6b7!important;background:#f1f8f5!important;color:var(--v8-green)!important}.page-index .btngame.is-active,.page-index .btngame.btn-info{background:var(--v8-green)!important;border-color:var(--v8-green)!important;color:#fff!important;box-shadow:0 10px 22px rgba(8,119,90,.18)!important}.page-index .btngame:first-child:not(.is-active):not(.btn-info){background:#fff!important;color:#263630!important;border-color:#d9e3df!important;box-shadow:none!important}.page-index .btn-md5-hot{position:relative!important;background:#fff8ef!important;border-color:#efc98f!important;color:#9a5c09!important}.page-index .btn-md5-hot:after{content:'HOT';position:absolute;right:7px;top:-10px;padding:3px 7px;border-radius:999px;background:#e74549;color:#fff;font-size:10px;line-height:1;font-weight:800}.page-index #output>br{display:none!important}.page-index #output>.text-center:first-child>.btn,.page-index #output>.text-center:first-child>.mt-3 .btn{min-height:44px!important;padding:11px 17px!important;margin:5px 3px!important}.page-index #output>.text-center[role=group]{margin:18px -24px -24px!important;padding:18px 24px!important;border-top:1px solid var(--v8-line)!important;background:#f8fbfa!important;border-radius:0 0 18px 18px!important}.page-index .cl{margin-top:26px!important}.page-index .panel{border-radius:16px!important;overflow:hidden!important;border:1px solid var(--v8-line)!important;box-shadow:none!important}.page-index .panel-heading{padding:15px!important;background:#16372d!important;color:#fff!important}

/* Shared page shell */
.page-history .content-container,.page-giftcode .content-container,.page-ruttien .content-container,.page-hoantra .content-container{padding-top:26px!important;padding-bottom:36px!important}.page-history .py-5,.page-giftcode .giftcode-intro,.page-ruttien .withdraw-intro{margin:0 0 18px!important;padding:24px 28px!important;border:1px solid var(--v8-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:var(--v8-shadow)!important}.page-history .py-5 h3,.page-giftcode .giftcode-intro h3,.page-ruttien .withdraw-intro h3{margin:0 0 6px!important;font-size:25px!important;color:var(--v8-text)!important}.page-history .py-5 h4,.page-giftcode .giftcode-intro h4,.page-ruttien .withdraw-intro h4{margin:0!important;color:var(--v8-muted)!important;font-size:14px!important}.page-history .mt-5{margin-top:0!important}.page-history .text-uppercase{font-size:22px!important;margin:6px 0 18px!important}.page-history .table-responsive,.page-giftcode .table-responsive,.page-ruttien .table-responsive,.page-hoantra .table-responsive{border:1px solid var(--v8-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--v8-shadow)!important;overflow:auto!important}.page-history table,.page-giftcode table,.page-ruttien table,.page-hoantra table{width:100%!important;margin:0!important;background:#fff!important}.page-history thead th,.page-giftcode thead th,.page-ruttien thead th,.page-hoantra thead th{background:#17352c!important;color:#fff!important;border-color:#27483e!important;padding:14px 12px!important;white-space:nowrap!important}.page-history tbody td,.page-giftcode tbody td,.page-ruttien tbody td,.page-hoantra tbody td{padding:13px 12px!important;vertical-align:middle!important;border-color:#e8eeeb!important}.page-history .table-responsive table{min-width:920px!important}.page-history .content-container>.row{margin:0!important}.page-history .content-container>.row>div{width:100%!important;padding:0!important}

/* Giftcode */
.page-giftcode .col-md-6,.page-ruttien .col-md-6{width:100%!important;margin:0!important}.giftcode-main-panel,.giftcode-history-panel,.withdraw-panel{border:1px solid var(--v8-line)!important;border-radius:17px!important;overflow:hidden!important;background:#fff!important;box-shadow:var(--v8-shadow)!important}.giftcode-main-panel>.panel-heading,.giftcode-history-panel>.panel-heading,.withdraw-panel>.panel-heading{padding:16px 20px!important;background:#17352c!important;color:#fff!important;border:0!important;text-align:left!important}.giftcode-main-panel .panel-body,.giftcode-history-panel .panel-body,.withdraw-panel .panel-body{padding:22px!important}.giftcode-button{min-height:46px!important;color:#fff!important}.giftcode-note,.withdraw-note{border-radius:11px!important}.giftcode-history-separate{margin-top:20px!important}.giftcode-alert-wrap{margin:16px 20px 0!important}

/* Withdraw */
.withdraw-page{padding-top:26px!important}.withdraw-panel{max-width:760px!important;margin:0 auto!important}.balance-box{margin:18px 20px 0!important;padding:15px 17px!important;border-radius:11px!important;background:#eef8f4!important;border:1px solid #d4e9e1!important}.withdraw-input-group .form-control{height:48px!important;border-radius:10px!important}.withdraw-submit,.withdraw-panel button[type=submit]{min-height:48px!important;color:#fff!important}

/* Refund */
.page-hoantra .reward-page{width:min(1100px,calc(100% - 32px))!important;max-width:1100px!important;margin:auto!important}.reward-title{margin:0 0 18px!important;padding:28px 30px!important;border-radius:18px!important;background:linear-gradient(120deg,var(--ctb-theme),var(--ctb-theme))!important;box-shadow:0 16px 38px rgba(8,104,79,.16)!important}.reward-title h3{margin:0!important;color:#fff!important;font-size:28px!important}.reward-title h4{margin:7px 0 0!important;color:rgba(255,255,255,.82)!important;font-size:14px!important}.reward-title .reward-actions{margin:18px 0 0!important}.reward-title .btn{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important}.reward-stats{display:grid!important;grid-template-columns:1fr 1fr 1.25fr!important;gap:12px!important;margin:0 0 16px!important;padding:0!important}.reward-card,.reward-claim{min-height:96px!important;border:1px solid var(--v8-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 24px rgba(27,62,51,.05)!important}.reward-card{padding:18px!important}.reward-claim form,.reward-claim button{width:100%!important;height:100%!important;margin:0!important}.page-hoantra .alert{border-radius:12px!important}.page-hoantra .table-responsive{margin-top:16px!important}

/* Telegram: left corner */
.telegram-float{position:fixed!important;left:18px!important;right:auto!important;bottom:18px!important;width:54px!important;height:54px!important;z-index:10020!important;display:flex!important;align-items:center!important;justify-content:center!important}.telegram-pulse{width:54px!important;height:54px!important}.telegram-btn{width:48px!important;height:48px!important;border-radius:50%!important;background:#229ed9!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 10px 25px rgba(34,158,217,.3)!important}.telegram-btn i{font-size:23px!important;color:#fff!important}

@media(max-width:1050px){.page-index #output>.text-center:first-child>.text-center{grid-template-columns:repeat(4,1fr)!important}.bankvip-nav a{padding:0 9px!important}}
@media(max-width:900px){.bankvip-header{padding:0 14px!important}.bankvip-nav{top:71px!important}.bankvip-user-panel .bankvip-balance{display:none!important}.reward-stats{grid-template-columns:1fr!important}.reward-claim{min-height:54px!important}}
@media(max-width:640px){.bankvip-app>.container,.bankvip-app .container{width:calc(100% - 20px)!important}.bankvip-header{height:64px!important;min-height:64px!important}.bankvip-logo{width:104px!important;min-width:104px!important}.bankvip-logo img{width:100px!important}.bankvip-nav{top:63px!important}.bankvip-user-btn{padding:0 11px!important}.bankvip-user-panel .user-name{display:none!important}.page-index .content-container>.py-5{padding:25px 20px!important;border-radius:16px!important}.page-index #output{padding:14px!important}.page-index #output>.text-center:first-child>.text-center{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.page-index .btngame,.page-index .btn-md5-hot{height:46px!important;font-size:13px!important}.page-index #output>.text-center[role=group]{margin:16px -14px -14px!important;padding:15px 14px!important}.page-history .py-5,.page-giftcode .giftcode-intro,.page-ruttien .withdraw-intro{padding:20px!important}.page-history .py-5 h3,.page-giftcode .giftcode-intro h3,.page-ruttien .withdraw-intro h3{font-size:21px!important}.giftcode-main-panel .panel-body,.giftcode-history-panel .panel-body,.withdraw-panel .panel-body{padding:16px!important}.reward-title{padding:23px 18px!important}.reward-title h3{font-size:24px!important}.telegram-float{left:12px!important;bottom:12px!important}.dropdown-content{position:fixed!important;top:68px!important;right:10px!important;left:auto!important;width:230px!important}}