body{color:#182539}.page-wrapper{background:#f5f7fb}.navbar-vertical{background:#1f6feb!important}.brand{font-weight:750;letter-spacing:-1px}.brand span{color:#83a2ff}.topbar{box-shadow:none;border-bottom:1px solid #e8edf4}.page-body{margin-top:28px}.page-title{font-size:26px;font-weight:700;letter-spacing:-.7px}.card{border:1px solid #e7ecf3;border-radius:12px;box-shadow:0 2px 4px #14234203}.card-header{min-height:65px}.card-title{font-size:15px;font-weight:650}.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:22px}.stat-value{font-size:32px;font-weight:700;margin:12px 0 8px}.stat-label{font-size:12px;color:#6b7b91}.table thead th{background:#f9fafc;color:#7b879b;font-size:10px;letter-spacing:.7px}.table td{padding-top:16px;padding-bottom:16px}.btn{border-radius:7px}.btn-primary{background:#4263eb;border-color:#4263eb}.chart-wrap{height:270px;position:relative}.empty-state{padding:40px 20px;text-align:center;color:#8491a4}.empty-state i{display:block;font-size:36px;color:#b5c2d4;margin-bottom:12px}.preview-frame{width:100%;min-height:360px;border:1px solid #e5e9f1;border-radius:8px;background:#fff}.sidebar-bottom{margin-top:auto;padding:24px 12px;width:100%}.macro code{cursor:pointer}.filter-pills{display:flex;gap:4px;padding:4px;background:#eaf0f8;border-radius:8px}.filter-pills a{padding:6px 12px;border-radius:5px;text-decoration:none;color:#65768d;font-size:12px}.filter-pills .active{background:#fff;color:#26354c}.attachment-item{display:flex;align-items:center;gap:8px;padding:9px 0}.footer{padding:20px 0}.login-page{background:radial-gradient(ellipse at top,#e8efff,#f5f7fb 65%)}
@media(min-width:992px){.navbar-vertical .navbar-collapse{min-height:calc(100vh - 100px);display:flex!important;flex-direction:column;align-items:stretch}.navbar-vertical .navbar-brand{padding:25px 0}.navbar-vertical .navbar-nav{width:100%}.navbar-vertical .container-fluid{padding:0 18px}.navbar-vertical .nav-link{padding:12px;border-radius:8px;margin:3px 0}.navbar-vertical .nav-link:hover{background:rgba(255,255,255,.14)}}@media(max-width:991px){.sidebar-bottom{display:none}.page-title{font-size:22px}.page-body{margin-top:20px}}

.navbar-vertical .navbar-brand.brand{font-size:1.4rem!important;letter-spacing:-.5px;gap:0}.navbar-vertical .navbar-brand.brand span{margin-left:.25em}

/* Màu menu xanh dương và độ tương phản của các thành phần. */
.navbar-vertical .nav-link{color:#eff6ff}.navbar-vertical .nav-link:hover,.navbar-vertical .nav-link:focus-visible,.navbar-vertical .nav-item.active .nav-link,.navbar-vertical .nav-link.active{background:rgba(255,255,255,.18);color:#fff}.navbar-vertical .nav-link:focus-visible{outline:2px solid #bfdbfe;outline-offset:2px}.navbar-vertical .brand span,.navbar-vertical .brand .text-blue{color:#bfdbfe!important}.navbar-vertical .sidebar-bottom .text-secondary{color:#dbeafe!important}.navbar-vertical .sidebar-bottom .btn{border-color:rgba(255,255,255,.45);color:#fff}.navbar-vertical .sidebar-bottom .btn:hover{background:rgba(255,255,255,.14);border-color:#bfdbfe}
/* Kích thước ô nhập thống nhất trong các form quản trị. */
.page-wrapper .form-control,.page-wrapper .form-select{min-height:44px;font-size:14px;border-radius:8px}.page-wrapper .form-control{padding:.65rem .85rem}.page-wrapper .form-select{padding-top:.65rem;padding-bottom:.65rem}.page-wrapper .form-control:focus,.page-wrapper .form-select:focus{border-color:#1f6feb;box-shadow:0 0 0 .2rem rgba(31,111,235,.14)}