:root{
  --bv-bg:#f5f6f8;--bv-surface:#fff;--bv-text:#17191d;--bv-muted:#707784;
  --bv-line:#e6e8ec;--bv-soft:#f0f2f5;--bv-dark:#111315;--bv-green:#0f9f6e;
  --bv-green-dark:#087a54;--bv-red:#d83b3b;--bv-radius:12px;--bv-shadow:0 5px 18px rgba(18,24,33,.06)
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body.bankvip-app,body{margin:0!important;padding:0!important;background:var(--bv-bg)!important;color:var(--bv-text)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:14px!important;line-height:1.55!important}
a{text-decoration:none!important}

/* Header gọn, không hiệu ứng AI */
.bankvip-header{
 position:sticky!important;top:0!important;z-index:9999!important;width:100%!important;min-height:58px!important;
 display:flex!important;align-items:center!important;gap:26px!important;padding:7px max(16px,calc((100vw - 1180px)/2))!important;
 background:#fff!important;border-bottom:1px solid var(--bv-line)!important;box-shadow:none!important;backdrop-filter:none!important
}
.bankvip-logo{flex:0 0 auto!important;display:flex!important;align-items:center!important}
.bankvip-logo .logo{width:auto!important;height:42px!important;max-width:132px!important;object-fit:contain!important}
.bankvip-nav{display:flex!important;align-items:center!important;gap:2px!important;margin-right:auto!important}
.bankvip-nav a{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:9px 11px!important;border-radius:8px!important;color:#59606c!important;background:transparent!important;font-size:13.5px!important;font-weight:650!important;line-height:1!important;white-space:nowrap!important;transition:background .15s,color .15s!important}
.bankvip-nav a i{font-size:13px!important;color:#8a919d!important}
.bankvip-nav a:hover{background:#f4f5f7!important;color:#17191d!important}
.bankvip-nav a.active{background:#eef7f3!important;color:#087a54!important}
.bankvip-nav a.active i{color:#087a54!important}
.bankvip-user-panel{display:flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important}
.bankvip-auth-btn,.bankvip-user-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:38px!important;min-height:38px!important;padding:0 13px!important;margin:0!important;border:1px solid var(--bv-line)!important;border-radius:8px!important;background:#fff!important;color:#303640!important;font-size:13.5px!important;font-weight:700!important;box-shadow:none!important;white-space:nowrap!important}
.bankvip-auth-btn:hover,.bankvip-user-btn:hover{background:#f7f8f9!important;border-color:#d8dbe0!important;color:#111315!important}
.bankvip-login-btn{background:#111315!important;border-color:#111315!important;color:#fff!important}
.bankvip-login-btn:hover{background:#2a2d31!important;color:#fff!important}
.bankvip-balance{background:#eef8f4!important;border-color:#d3eee3!important;color:#087a54!important}
.bankvip-user-panel .dropdown{position:relative!important}
.bankvip-user-panel .dropdown-content{right:0!important;left:auto!important;top:calc(100% + 8px)!important;min-width:210px!important;padding:6px!important;background:#fff!important;border:1px solid var(--bv-line)!important;border-radius:10px!important;box-shadow:0 14px 38px rgba(17,19,21,.13)!important}
.bankvip-user-panel .dropdown-content a{display:flex!important;align-items:center!important;gap:9px!important;padding:9px 10px!important;border-radius:7px!important;color:#3c424c!important;background:#fff!important;font-size:13.5px!important;font-weight:600!important}
.bankvip-user-panel .dropdown-content a:hover{background:#f4f5f7!important;color:#111315!important}
.bankvip-mobile-toggle{display:none!important;width:38px!important;height:38px!important;border:1px solid var(--bv-line)!important;border-radius:8px!important;background:#fff!important;color:#222!important}
.mainbar,.navbar,.header-logo,.user-panel{display:none!important}

/* Khung trang */
body>.container,.container{width:100%!important;max-width:1180px!important;margin:0 auto!important;padding-left:16px!important;padding-right:16px!important}
.content{padding:0!important;margin:0!important;background:transparent!important}
.content-container{margin:18px 0 32px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.content-container>.py-5{padding:24px 16px 18px!important;margin:0 0 12px!important;border:1px solid var(--bv-line)!important;border-radius:var(--bv-radius)!important;background:#fff!important;box-shadow:none!important}
.content-container>.py-5 h3{margin:0!important;color:#17191d!important;font-size:28px!important;line-height:1.25!important;font-weight:760!important;letter-spacing:-.45px!important}
.content-container>.py-5 h4{margin:7px 0 0!important;color:var(--bv-muted)!important;font-size:14px!important;font-weight:500!important;letter-spacing:0!important}
.ctb-home-cover{max-width:100%!important;margin:16px auto 0!important;overflow:hidden!important;border-radius:10px!important}
.ctb-home-cover img{display:block!important;width:100%!important;max-height:260px!important;object-fit:cover!important}
.output{margin:0!important;padding:18px!important;background:#fff!important;border:1px solid var(--bv-line)!important;border-radius:var(--bv-radius)!important;box-shadow:none!important}
.output>.text-center.mt-5:first-child{margin-top:0!important}
.output .text-center.mt-5{margin-top:18px!important}

/* Nút game đồng nhất */
.btngame,.btn-md5-hot{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:96px!important;height:40px!important;margin:4px!important;padding:0 15px!important;border:1px solid #dfe2e6!important;border-radius:8px!important;background:#fff!important;color:#343a44!important;font-size:13.5px!important;font-weight:700!important;box-shadow:none!important;transform:none!important;transition:background .15s,border-color .15s,color .15s!important}
.btngame:hover,.btn-md5-hot:hover{background:#f5f6f7!important;border-color:#cdd1d6!important;color:#111315!important;transform:none!important;box-shadow:none!important}
.btngame.btn-info,.btngame.active{background:#111315!important;border-color:#111315!important;color:#fff!important}
.btn-md5-hot{background:#fff5f5!important;border-color:#ffd4d4!important;color:#c42e2e!important;overflow:visible!important}
.btn-md5-hot::before{content:"HOT"!important;top:-7px!important;right:7px!important;padding:1px 5px!important;border:0!important;border-radius:4px!important;background:#d83b3b!important;color:#fff!important;font-size:8px!important;font-weight:800!important;line-height:15px!important;box-shadow:none!important;animation:none!important}
.btn-md5-hot i{font-size:12px!important}

/* Bootstrap buttons được làm phẳng */
.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:38px!important;padding:8px 13px!important;margin:3px!important;border-radius:8px!important;border:1px solid #dfe2e6!important;background:#fff!important;color:#343a44!important;font-size:13.5px!important;font-weight:700!important;line-height:1.15!important;box-shadow:none!important;text-shadow:none!important;transition:background .15s,border-color .15s,color .15s!important}
.btn:hover,.btn:focus{background:#f5f6f7!important;border-color:#cdd1d6!important;color:#111315!important;box-shadow:none!important;outline:none!important}
.btn-success{background:#0f9f6e!important;border-color:#0f9f6e!important;color:#fff!important}.btn-success:hover{background:#087a54!important;border-color:#087a54!important;color:#fff!important}
.btn-info,.btn-primary{background:#111315!important;border-color:#111315!important;color:#fff!important}.btn-info:hover,.btn-primary:hover{background:#2a2d31!important;border-color:#2a2d31!important;color:#fff!important}
.btn-danger{background:#fff!important;border-color:#efcccc!important;color:#c73535!important}.btn-danger:hover{background:#fff4f4!important;border-color:#e7b6b6!important;color:#a92323!important}
.btn-warning{background:#fff!important;border-color:#e2d3ad!important;color:#8b681b!important}.btn-warning:hover{background:#fffaf0!important;color:#755713!important}
.btn-sm{min-height:34px!important;padding:7px 11px!important;font-size:13px!important}

/* Card, panel, bảng, form */
.panel,.card,.well,.box{border:1px solid var(--bv-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
.panel-heading,.card-header,.box-header{padding:12px 15px!important;border:0!important;border-bottom:1px solid var(--bv-line)!important;background:#fafafa!important;color:#22262c!important;font-size:14px!important;font-weight:750!important;text-align:left!important}
.panel-body,.card-body,.box-body{padding:15px!important}
.alert{padding:11px 13px!important;border:1px solid!important;border-radius:8px!important;background:#fff!important;font-size:13.5px!important;box-shadow:none!important}
.alert-warning{border-color:#ead9aa!important;background:#fffcf3!important;color:#695317!important}.alert-danger{border-color:#f0caca!important;background:#fff5f5!important;color:#9e2929!important}.alert-success{border-color:#cce8dc!important;background:#f2fbf7!important;color:#176947!important}.alert-info{border-color:#cddfed!important;background:#f4f9fd!important;color:#315e7c!important}
.table-responsive{border:1px solid var(--bv-line)!important;border-radius:9px!important;overflow:auto!important;background:#fff!important}
.table{width:100%!important;margin:0!important;background:#fff!important;border-collapse:separate!important;border-spacing:0!important}
.table>thead>tr>th{padding:11px 12px!important;border:0!important;border-bottom:1px solid var(--bv-line)!important;background:#f7f8f9!important;color:#555d68!important;font-size:12px!important;font-weight:750!important;text-transform:uppercase!important;letter-spacing:.25px!important;white-space:nowrap!important}
.table>tbody>tr>td{padding:11px 12px!important;border:0!important;border-bottom:1px solid #eef0f2!important;color:#343a44!important;font-size:13.5px!important;vertical-align:middle!important}
.table>tbody>tr:last-child>td{border-bottom:0!important}.table-striped>tbody>tr:nth-of-type(odd){background:#fff!important}.table-hover>tbody>tr:hover{background:#fafafa!important}
.form-control,.select2-container .select2-selection--single,textarea,input[type=text],input[type=password],input[type=number],select{min-height:40px!important;border:1px solid #dfe2e6!important;border-radius:8px!important;background:#fff!important;color:#262b31!important;box-shadow:none!important;font-size:14px!important}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:#8b929c!important;box-shadow:0 0 0 3px rgba(17,19,21,.06)!important;outline:none!important}
label{color:#444b55!important;font-size:13.5px!important;font-weight:650!important}

/* Modal */
.modal-window{display:none!important;position:fixed!important;inset:0!important;z-index:10050!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(17,19,21,.46)!important}
.modal-window.show,.modal-window:target{display:flex!important}
.modal-window__title{position:relative!important;width:min(520px,100%)!important;max-height:84vh!important;overflow:auto!important;margin:0!important;padding:20px!important;border:1px solid var(--bv-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 22px 70px rgba(0,0,0,.2)!important;text-align:left!important}
.modal-window__title h4{margin:0 0 14px!important;font-size:19px!important;font-weight:750!important;color:#1d2025!important}
.modal-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;margin-top:14px!important;padding:8px 15px!important;border-radius:8px!important;background:#111315!important;color:#fff!important;font-size:13.5px!important;font-weight:700!important}
#modalImage{display:block!important;max-width:330px!important;margin:auto!important;border-radius:8px!important}
.modal-window__backdrop{display:none!important}

/* Pagination/footer/floating */
.pagination>li>a,.pagination>li>span{min-width:34px!important;height:34px!important;padding:7px 10px!important;border-color:var(--bv-line)!important;background:#fff!important;color:#4b525c!important;font-size:13px!important}
.pagination>.active>a,.pagination>.active>span{background:#111315!important;border-color:#111315!important;color:#fff!important}
.btn-telegram,.telegram-fixed,.telegram-float{box-shadow:none!important}
footer,.footer{background:#fff!important;border-top:1px solid var(--bv-line)!important;color:#737b86!important}

@media(max-width:900px){
 .bankvip-header{min-height:56px!important;padding:7px 14px!important;gap:10px!important;flex-wrap:wrap!important}
 .bankvip-logo .logo{height:39px!important;max-width:120px!important}
 .bankvip-mobile-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important}
 .bankvip-nav{display:none!important;order:4!important;width:100%!important;margin:0!important;padding:6px 0 3px!important;border-top:1px solid var(--bv-line)!important;flex-direction:column!important;align-items:stretch!important}
 .bankvip-nav.show{display:flex!important}.bankvip-nav a{justify-content:flex-start!important;padding:10px!important}
 .bankvip-user-panel{margin-left:0!important}.bankvip-user-panel .user-name{display:none!important}.bankvip-balance{display:none!important}
}
@media(max-width:600px){
 body>.container,.container{padding-left:10px!important;padding-right:10px!important}
 .content-container{margin:10px 0 22px!important}
 .content-container>.py-5{padding:19px 12px 15px!important;margin-bottom:9px!important}
 .content-container>.py-5 h3{font-size:22px!important}.content-container>.py-5 h4{font-size:13px!important}
 .output{padding:12px!important}.output .text-center.mt-5{margin-top:13px!important}
 .btngame,.btn-md5-hot{min-width:0!important;height:38px!important;padding:0 11px!important;font-size:12.5px!important;margin:3px!important}
 .btn{min-height:36px!important;padding:7px 10px!important;font-size:12.5px!important;margin:3px!important}
 .bankvip-auth-btn{padding:0 10px!important}.bankvip-auth-btn:first-child{display:none!important}
 .table>thead>tr>th,.table>tbody>tr>td{padding:9px 10px!important;font-size:12.5px!important}
 .panel-body,.card-body,.box-body{padding:12px!important}
}