/* Viphackgaming integration layer for the supplied Frest v4.2.0 template. */
:root{
  --line:#e9ecee;
  --vvip-radius:0.75rem;
}
html.light-style,html.light-style body{color-scheme:light}
body{font-family:'IBM Plex Sans',sans-serif;background:#f2f2f6;color:#677788}
h1,h2,h3,h4,h5,h6,.app-brand-text,.page-title,.card-title{font-family:'Rubik','IBM Plex Sans',sans-serif}
.layout-menu,.layout-navbar,.card,.dropdown-menu,.modal-content{box-shadow:none}
.layout-navbar.navbar-detached{box-shadow:0 .125rem .375rem rgba(58,53,65,.12)}
.vvip-brand-mark{width:32px;height:32px;min-width:32px;border-radius:9px;display:inline-flex!important;align-items:center;justify-content:center;background:linear-gradient(135deg,#5a8dee,#7d93ff);color:#fff;font-size:20px;box-shadow:0 .25rem .75rem rgba(90,141,238,.25)}
.vvip-navbar-title{min-height:38px}.avatar-initial{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.menu .app-brand.demo{height:72px}.menu-inner>.menu-header{margin:.9rem 0 .25rem}.menu-link.text-danger,.menu-link.text-danger .menu-icon{color:#ff5b5c!important}
.content-wrapper>.container-p-y{padding-top:1.35rem!important;padding-bottom:1.35rem!important}

/* Existing application view compatibility */
.app-content,.side-app,.x_content,.x_panel{padding:0!important;margin:0!important;width:100%;background:transparent!important;border:0!important;box-shadow:none!important}
.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:0 0 1.25rem!important;padding:0!important;border:0!important;background:transparent!important}
.page-title{font-size:1.35rem!important;line-height:1.35;margin:0!important;color:#516377;font-weight:600}
.page-header .text-muted{margin-top:.25rem}.breadcrumb{margin:0!important;padding:0!important;background:transparent!important}.breadcrumb-item{font-size:.8125rem}
.card{border:0!important;border-radius:.75rem!important;margin-bottom:1.25rem;box-shadow:0 .125rem .375rem rgba(58,53,65,.12)!important}
.card-header{border-bottom:0!important;background:transparent!important;padding:1.25rem 1.5rem .5rem!important;min-height:auto!important}
.card-title{margin:0!important;font-size:1.05rem!important;font-weight:500;color:#516377}
.card-body{padding:1.25rem 1.5rem!important}.card-header+.card-body{padding-top:.8rem!important}.card-status{display:none!important}.card-options{display:flex;gap:.35rem}.card-options a{color:#a8b1bb}.card-options a:hover{color:#5a8dee}
.form-group{margin-bottom:1rem}.form-group>label,.form-label-left{display:inline-block;margin-bottom:.45rem;font-size:.8125rem;font-weight:500;color:#516377}
.form-control{min-height:42px}.form-control:focus{box-shadow:0 0 0 .15rem rgba(90,141,238,.12)}textarea.form-control{min-height:110px}.help-block{display:block;color:#ff5b5c;font-size:.75rem;margin-top:.3rem}.has-error .form-control{border-color:#ff5b5c}.has-feedback{position:relative}.form-control-feedback{display:none!important}
.btn{border-radius:.5rem}.btn-block{display:flex;width:100%;align-items:center;justify-content:center}.btn-xs{padding:.25rem .45rem;font-size:.7rem;border-radius:.35rem}.btn-default{color:#516377;background:#f0f2f4;border-color:#f0f2f4}.btn-default:hover{background:#e5e8eb}.btn-blue{color:#fff;background:#5a8dee;border-color:#5a8dee}.btn-info{color:#fff}.btn i,.btn .bx{font-size:1rem;vertical-align:-1px;margin-right:.2rem}
.badge-success,.label-success{background:rgba(57,218,138,.16)!important;color:#20a365!important}.badge-danger,.label-danger{background:rgba(255,91,92,.16)!important;color:#e64b4c!important}.badge-warning,.label-warning{background:rgba(253,172,65,.18)!important;color:#d98c28!important}.badge-info,.label-info{background:rgba(0,207,221,.16)!important;color:#00a8b4!important}.badge-primary,.label-primary{background:rgba(90,141,238,.16)!important;color:#477ad1!important}.label,.badge{font-weight:500}
.table-responsive,.table-responsiv{border-radius:.6rem;overflow-x:auto}.table{margin-bottom:0}.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.table td{vertical-align:middle}.table-bordered>:not(caption)>*{border-width:0 0 1px}.table-bordered>:not(caption)>*>*{border-width:0 1px 0 0}
.col-xs-12{flex:0 0 auto;width:100%}.row>[class*="col-xs-"]{position:relative;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}
.form-horizontal .form-group{display:flex;flex-wrap:wrap;align-items:center}.form-horizontal .form-label-left{padding-top:.4rem}.left{text-align:left}.clearfix:after{display:block;clear:both;content:""}

/* Dashboard */
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem!important}.stat-card{position:relative;overflow:hidden;background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 .125rem .375rem rgba(58,53,65,.12)}.stat-card:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-24px;top:-26px;background:rgba(90,141,238,.08)}.stat-label{font-size:.75rem;color:#a8b1bb;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.stat-value{font-family:'Rubik',sans-serif;color:#516377;font-size:1.35rem;font-weight:600;margin-top:.35rem;overflow-wrap:anywhere}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.quick-item{display:flex;min-height:92px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.45rem;padding:.9rem;border:1px solid #e9ecee;border-radius:.7rem;color:#677788;background:#fff;transition:.18s ease}.quick-item i{font-size:1.45rem;color:#5a8dee}.quick-item:hover{border-color:rgba(90,141,238,.45);color:#5a8dee;transform:translateY(-2px);box-shadow:0 .25rem .75rem rgba(58,53,65,.08)}
.empty-state{text-align:center;padding:2rem 1rem;color:#a8b1bb}.empty-state i{display:block;margin-bottom:.45rem}

/* Deposit */
.gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.gateway-option{display:block}.gateway-option input{position:absolute;opacity:0;pointer-events:none}.gateway-card{display:block;height:100%;padding:1rem;border:1px solid #e9ecee;border-radius:.65rem;background:#fff;cursor:pointer;transition:.18s ease}.gateway-card strong{display:block;color:#516377;margin-bottom:.2rem}.gateway-card span{font-size:.78rem;color:#a8b1bb}.gateway-option input:checked+.gateway-card{border-color:#5a8dee;box-shadow:0 0 0 .15rem rgba(90,141,238,.12);background:rgba(90,141,238,.035)}
.payment-summary{display:grid;grid-template-columns:minmax(120px,.7fr) 1.3fr;gap:.7rem 1rem;align-items:center}.payment-summary>*{padding-bottom:.55rem;border-bottom:1px dashed #e9ecee}.payment-summary .total{font-size:1rem;color:#516377}.code-box{padding:.85rem 1rem;border:1px dashed #d6dce1;background:#fafbfc;border-radius:.55rem;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#516377}

/* Alerts are converted into Frest Toastr by app.js; keep graceful fallback. */
.alert{border:0;border-radius:.55rem}.toast-success{background-color:#39da8a!important}.toast-error{background-color:#ff5b5c!important}.toast-warning{background-color:#fdac41!important}.toast-info{background-color:#00cfdd!important}#toast-container>div{border-radius:.6rem;box-shadow:0 .35rem 1rem rgba(58,53,65,.18);opacity:1;font-family:'IBM Plex Sans',sans-serif}#toast-container>.toast-success,#toast-container>.toast-error,#toast-container>.toast-info,#toast-container>.toast-warning{background-image:none!important;padding:1rem 1rem 1rem 1.15rem!important}#toast-container .toast-title{font-family:'Rubik',sans-serif;font-weight:500;margin-bottom:.15rem}#toast-container .toast-message{font-size:.82rem}

/* Legacy Bootstrap modal markup upgraded to Frest appearance */
.modal-content{border:0!important;border-radius:.75rem!important}.modal-header,.modal-footer{padding:1rem 1.25rem}.modal-body{padding:1.25rem}.modal-title{font-size:1.05rem}.modal .close{border:0;background:transparent;color:#a8b1bb;font-size:1.5rem;line-height:1}.modal-backdrop{background:#22303f}.modal-backdrop.show{opacity:.45}

/* Authentication */
.authentication-wrapper.authentication-basic{min-height:100vh}.authentication-inner{max-width:430px!important;width:100%}.authentication-inner>.card{margin-bottom:0}.auth-heading{font-family:'Rubik',sans-serif;color:#516377;font-weight:600}.auth-subtitle{color:#a8b1bb}.auth-switch{text-align:center;font-size:.85rem;margin-top:1rem}.input-group-text{cursor:pointer}.auth-member-prefix{font-size:.74rem;color:#a8b1bb;margin-top:.35rem}

/* Light-only guarantee */
html.dark-style{--bs-body-bg:#f2f2f6!important;--bs-body-color:#677788!important}html.dark-style body{background:#f2f2f6!important;color:#677788!important}

@media(max-width:1199.98px){.layout-navbar.navbar-detached{margin-top:.85rem}.content-wrapper>.container-p-y{padding-top:1rem!important}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.container-xxl{padding-left:1rem!important;padding-right:1rem!important}.layout-navbar.container-xxl{margin-left:1rem!important;margin-right:1rem!important}.page-header{margin-bottom:1rem!important}.page-title{font-size:1.2rem!important}.card-header{padding:1rem 1.1rem .4rem!important}.card-body{padding:1rem 1.1rem!important}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-grid{grid-template-columns:1fr}.payment-summary{grid-template-columns:1fr auto}.payment-summary>*{overflow-wrap:anywhere}.table-responsive,.table-responsiv{margin:0 -1.1rem;width:calc(100% + 2.2rem);border-radius:0}.table-responsive .table,.table-responsiv .table{min-width:620px}.vvip-navbar-title span{max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:479.98px){.stat-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.08rem}.quick-item{min-height:82px;padding:.75rem}.authentication-wrapper.authentication-basic .authentication-inner{padding-left:.15rem;padding-right:.15rem}.authentication-inner .card-body{padding:1.35rem!important}.page-header{align-items:flex-start}.form-horizontal .form-group{display:block}}