/* Clean member area: preserve the original responsive shell and interactions. */
body.clean-client{background:#f6f8fb;color:#17243a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.clean-client #page-topbar{background:#fff!important;border-bottom:1px solid #e7ecf3;box-shadow:none!important}
.clean-client .navbar-brand-box{background:#fff!important;border-right:1px solid #e7ecf3}
.clean-client .vertical-menu{background:#fff!important;border-right:1px solid #e7ecf3;box-shadow:none!important}
.clean-client .logo-dark{display:block!important}
.clean-client .logo-light{display:none!important}
.clean-client .logo-lg img{max-width:150px;max-height:40px;width:auto;height:auto;object-fit:contain}
.clean-client .header-item,.clean-client .noti-icon i{color:#63748b!important}
.clean-client .header-item:hover{background:#f7f9fc;color:#2563eb!important}
.clean-client .user-center_header{background:#edf4ff!important;color:#2563eb!important;border:1px solid #dbe7ff}
.clean-client #sidebar-menu{padding-top:18px}
.clean-client #sidebar-menu ul li a{color:#64748b!important;font-size:14px;border-radius:7px;transition:background .15s,color .15s}
.clean-client #sidebar-menu>ul>li{margin:3px 12px}
.clean-client #sidebar-menu>ul>li>a{padding:13px 16px;font-weight:500}
.clean-client #sidebar-menu ul li a i{color:#8391a6!important;font-size:19px}
.clean-client #sidebar-menu ul li a:hover{color:#2563eb!important;background:#f3f7fd}
.clean-client #sidebar-menu .mm-active>a,.clean-client #sidebar-menu a.active{color:#2563eb!important;background:#edf4ff!important}
.clean-client #sidebar-menu .mm-active>a i,.clean-client #sidebar-menu a.active i{color:#2563eb!important}
.clean-client #sidebar-menu .sub-menu{padding:5px 0}
.clean-client #sidebar-menu .sub-menu li a{padding-top:10px;padding-bottom:10px;font-size:13px}
.clean-client #sidebar-menu .menu-title{color:#98a5b7}
.clean-client .main-content,.clean-client .page-content{background:#f6f8fb}
.clean-client .page-title-box h4{color:#17243a;font-size:20px;font-weight:600}
.clean-client .breadcrumb{font-size:12px}
.clean-client .card{border:1px solid #e7ecf3;border-radius:10px;box-shadow:none}
.clean-client .card-header{background:#fff;border-bottom:1px solid #edf0f5}
.clean-client .card-title{color:#17243a;font-size:16px;font-weight:600}
.clean-client .btn{border-radius:7px;font-weight:500;box-shadow:none}
.clean-client .btn-primary{background:#2563eb!important;border-color:#2563eb!important}
.clean-client .btn-primary:hover{background:#1d4ed8!important;border-color:#1d4ed8!important}
.clean-client .btn-outline-primary{color:#2563eb;border-color:#bed0f5}
.clean-client .btn-outline-primary:hover{background:#2563eb;border-color:#2563eb;color:#fff}
.clean-client .text-primary{color:#2563eb!important}
.clean-client .form-control,.clean-client .custom-select,.clean-client .bootstrap-select>.dropdown-toggle{border-color:#dfe5ee;border-radius:7px;box-shadow:none}
.clean-client .form-control:focus{border-color:#8aacf6;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.clean-client .table td,.clean-client .table th{border-color:#edf0f5}
.clean-client .table thead th{background:#f8fafc;color:#64748b;font-weight:500}
.clean-client .table-hover tbody tr:hover{background:#f8fafc}
.clean-client .page-item.active .page-link{background:#2563eb;border-color:#2563eb}
.clean-client .dropdown-menu{border:1px solid #e7ecf3;border-radius:9px;box-shadow:0 8px 28px rgba(24,54,96,.08)}
.clean-client .dropdown-item:hover{background:#f3f7fd}
.clean-client .nav-pills .nav-link.active{background:#2563eb}
.clean-client .nav-tabs .nav-link.active{color:#2563eb;border-bottom-color:#2563eb}
.clean-client .footer{background:#f6f8fb;border-top:1px solid #e7ecf3;color:#8996a9}
.clean-client .el-button--primary{background:#2563eb;border-color:#2563eb}
.clean-client .el-input__inner{border-radius:7px;border-color:#dfe5ee}
.clean-client .el-table th{background:#f8fafc}
@media(min-width:992px){
.clean-client.vertical-collpsed #sidebar-menu>ul>li{margin:3px 0}
.clean-client.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a{background:#edf4ff!important;color:#2563eb!important}
.clean-client.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>ul{background:#fff!important;border:1px solid #e7ecf3;box-shadow:0 8px 24px rgba(24,54,96,.06)}
}
@media(max-width:767px){.clean-client .page-title-box h4{font-size:18px}.clean-client .card{border-radius:9px}.clean-client .table-responsive{overflow-x:auto}}