*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
input,textarea,[contenteditable="true"]{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default}
body{touch-action:manipulation}
.h-vh-100{height:100dvh;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}
.h-vh-100::-webkit-scrollbar{display:none}
.hidden{display:none}
#index-section{display:flex;flex-direction:column;justify-content:space-between}
#header-section{flex:1;overflow:hidden}
.token-main{background:url(/images/giftcode/giftcode.jpg) center / cover no-repeat fixed;color:#fff;display:flex;flex-direction:column;height:100%}
.custom-divider{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;flex:0 0 auto}
.divider-line{flex:1;height:2px;background-color:#ddd}
.divider-image{width:50px;height:auto;border:1px solid #ccc;border-radius:50%;padding:5px}
.token-item{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}
.token-item a{color:#fff;text-decoration:none}
.token-info{padding:10px;border-radius:10px;background:rgba(255,255,255,0.08);box-shadow:0 6px 20px rgba(0,0,0,0.25),inset 0 0 12px rgba(255,255,255,0.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.5);outline:1px solid rgba(255,255,255,0.7)}
.stat-card-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}
.stat-card i{position:absolute;bottom:10px;right:10px;font-size:44px;color:rgba(255,255,255,0.3)}
.stat-number{font-size:22px;font-weight:bold;color:#ffc107;font-family:Arial,sans-serif}
.stat-number span{font-size:14px;color:#fd7e14}
.stat-info a{color:#fff;text-decoration:none}
.info-packages{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}
.token-info-packages{display:grid;grid-template-columns:repeat(3,1fr);padding:10px}
.package{overflow:hidden;position:relative;padding:10px;cursor:pointer}
.package-image img{width:100%;border-radius:10px 10px 0 0}
.package-info{background:rgba(253,126,20,0.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(253,126,20,0.65);border-radius:10px;display:flex;flex-direction:column;transition:all 0.25s ease}
.package-info img{border-radius:10px 10px 0 0}
.package-buy{display:flex;flex-direction:column;gap:5px;text-align:center;font-family:Arial,sans-serif;background:var(--swal2-backdrop)}
.package-buy .bonus{color:#ffeb3b}
.package-buy .price{color:#ffffff;background:rgba(0,0,0,0.4);display:flex;justify-content:center}
.select-package{background:#fd7e14c7;padding:10px;border-radius:0 0 5px 5px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:16px}
.best-seller{position:absolute;width:100px;top:-3px;right:-3px}
.hot-deal{position:absolute;width:120px;top:0;right:10px}
.token-info-history{margin:12px 8px;padding:16px;border-radius:10px;background:rgba(255,255,255,0.08);box-shadow:0 6px 20px rgba(0,0,0,0.25),inset 0 0 12px rgba(255,255,255,0.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.5);outline:1px solid rgba(255,255,255,0.7)}
.transaction-list{width:100%}
.transaction-detail code{font-family:Arial,sans-serif}
.payment-container{display:flex;flex-direction:column;gap:10px;padding:10px}
.payment-info{display:flex;justify-content:space-between}
.payment-info span{display:flex;align-items:center;gap:5px;justify-content:center;background:var(--orange);color:#fff;border-radius:5px;padding:5px}
.payment-info strong{font-size:x-large}
.pay-list{display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.pay-list-item{display:flex;justify-content:space-between;align-items:center;border:1px solid #ccc;padding:5px;border-radius:5px}
.pay-list img{width:120px}
.pay-finish{display:flex;justify-content:space-between;align-items:center;margin:10px}
.pay-finish h5{margin:0}
.pay-finish span{color:#dc3545;font-size:20px;font-weight:700}
.back-token{border:2px solid #ccc;border-radius:50%;height:30px;width:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff!important}
.home-token{margin:5px;height:30px;width:30px}
.contact-info{text-align:center;font-size:12px}
.contact-info img{width:30px}
.techcombank-item{opacity:1!important}
.bank-info{display:flex;font-size:12px;padding:5px}
.account-details{display:flex;flex-direction:column;gap:5px}
.modal-dialog{height:100dvh!important}
.modal-header{display:flex;justify-content:space-between;align-items:center}
.modal-header span{font-weight:bold;font-size:18px}
.modal-content{border-radius:0!important}
@media (max-width:767px){grid-template-columns:repeat(4,1fr);.package-buy span,.package-buy i{font-size:14px}.token-info-packages,.token-item{grid-template-columns:repeat(2,1fr)}}