/* DICHVUSUB.VN — giao diện đồng bộ hiện đại, responsive; lớp phủ an toàn trên CSS cũ */
:root{--ds-primary:#635bff;--ds-primary2:#4238d5;--ds-ink:#172033;--ds-muted:#69758b;--ds-bg:#f4f6fb;--ds-card:#fff;--ds-line:#e7eaf2;--ds-radius:18px;--ds-shadow:0 12px 34px rgba(24,35,70,.09)}
html{scroll-behavior:smooth}body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--ds-ink);background:var(--ds-bg);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{transition:color .2s,background .2s,transform .2s}button,.btn,input,select,textarea{font-family:inherit}
.header-line-wrapper{z-index:1000}.header-wrapper{background:rgba(15,22,45,.96)!important;box-shadow:0 8px 28px rgba(7,15,40,.18);backdrop-filter:blur(14px)}.header-wrapper .logo img{max-height:56px;width:auto}.header-wrapper .menu>li>a{font-weight:700!important;letter-spacing:.1px;transition:.2s}.header-wrapper .menu>li>a:hover,.header-wrapper .menu>li.active>a{color:#a9a5ff!important}.header-wrapper .sub-menu{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;box-shadow:var(--ds-shadow)}.header-wrapper .sub-menu a{padding:12px 17px!important}
.main-slider{background:var(--ds-bg)}.nh-home{background:var(--ds-bg);color:var(--ds-ink)}.nh-hero{border-radius:0 0 28px 28px;overflow:hidden}.nh-container{max-width:1200px}.nh-btn{border-radius:12px!important}.nh-btn-primary{background:linear-gradient(135deg,#756dff,#4b43df)!important;box-shadow:0 10px 25px rgba(91,81,240,.28)!important}.nh-btn-primary:hover{filter:brightness(1.06)}
.nh-home section:not(.nh-hero){padding-top:38px;padding-bottom:38px}.nh-home h2,.nh-home h3{letter-spacing:-.35px}.nh-home .nh-card,.nh-home .nh-category,.nh-home .nh-game-card,.nh-home .nh-stat,.nh-home .nh-feature,.nh-home .nh-account-card{border:1px solid var(--ds-line);border-radius:var(--ds-radius);background:var(--ds-card);box-shadow:var(--ds-shadow);overflow:hidden}.nh-home a:hover{text-decoration:none}.nh-home img{object-fit:cover}
.container{max-width:1200px}.panel,.well,.thumbnail,.card,.modal-content{border:1px solid var(--ds-line)!important;border-radius:16px!important;box-shadow:var(--ds-shadow);overflow:hidden}.panel-heading{font-weight:800}.panel-default>.panel-heading{background:#fff;border-color:var(--ds-line)}
.btn{border-radius:10px;font-weight:700;transition:.2s}.btn-primary,.btn-info{border:0;background:linear-gradient(135deg,#7169ff,#4c43db);color:#fff}.btn-primary:hover,.btn-info:hover{background:var(--ds-primary2);transform:translateY(-1px)}.btn-success{border:0;background:#16a36a}.btn-danger{border:0;background:#e34e66}
.form-control,input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{border:1px solid #dfe4ef!important;border-radius:10px!important;min-height:42px;box-shadow:none!important;padding:9px 12px;max-width:100%}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:#8d87ff!important;box-shadow:0 0 0 3px rgba(99,91,255,.12)!important;outline:0}
table{max-width:100%}table th{font-weight:800}table td,table th{vertical-align:middle!important} .table{background:#fff;border-radius:12px;overflow:hidden}.table>thead>tr>th{background:#f5f6fc;border-bottom:1px solid var(--ds-line)}
.footer{background:#111a32!important;color:#cbd3e6!important;padding-top:55px}.footer a{color:#fff}.footer .copyright{border-top:1px solid rgba(255,255,255,.12)}#toTop{border-radius:50%;background:var(--ds-primary);box-shadow:0 8px 20px rgba(99,91,255,.3)}
/* Login & register */
body:has(#hoanganh_dangnhap),body:has(form[action*="dangnhap"]){background:radial-gradient(circle at 15% 10%,#e9e8ff,transparent 36%),linear-gradient(135deg,#f7f8ff,#edf2fb)}body:has(#hoanganh_dangnhap) .container,body:has(#hoanganh_dangnhap) .wrap-login100{position:relative}body:has(#hoanganh_dangnhap) .panel{max-width:560px;margin:45px auto;padding:18px}
/* Admin dashboard */
#main-wrapper{background:#f5f7fc}.topbar{background:#151d38!important;box-shadow:0 8px 24px rgba(10,20,50,.12)}.topbar .navbar-light .navbar-nav .nav-link{color:#fff!important}.left-sidebar{background:#18213d!important;box-shadow:8px 0 24px rgba(16,27,57,.08)}.sidebar-nav ul li a{color:#cbd5eb!important;border-radius:9px;margin:2px 10px}.sidebar-nav ul li a:hover,.sidebar-nav ul li.active>a{background:rgba(126,117,255,.18)!important;color:#fff!important}.sidebar-nav ul li a i{color:#a9a4ff}.page-wrapper{background:#f5f7fc}.card,.white-box,.panel{background:#fff}.white-box{border-radius:16px;box-shadow:var(--ds-shadow);padding:22px}.page-titles{background:transparent!important}.breadcrumb{background:transparent}
@media(max-width:767px){.header-wrapper{padding-left:14px!important;padding-right:14px!important}.header-wrapper .logo img{max-height:42px}.nh-hero{min-height:420px;padding:58px 0;border-radius:0 0 20px 20px}.nh-hero p{font-size:15px}.nh-container{width:calc(100% - 28px)}.container{width:calc(100% - 24px)}.footer{text-align:center}.footer .text-right{text-align:center!important}.table-responsive{border:0}.panel{margin-bottom:16px}.page-wrapper{padding:15px!important}.white-box{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}