:root{--black:#333;--white:#fff;--blue-primary:#1379f0;--blue-100:#2563eb;--grey:#dcddde;--grey-200:#eeeeee;--grey-600:#8e9198;--grey-800:#393b40;--grey-900:#2c2d30;--grey-700:#676a72;--light-active:#fafafa}.card-main{position:relative;background-color:var(--white);height:100%;width:100%;padding-left:42px;padding-right:38px;padding-bottom:8px}.nav-tab-custom{position:relative;display:flex;width:100%;gap:20px;padding-top:32px;margin-bottom:20px}.nav-tab-custom .nav-box{height:44px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;padding:12px 20px;gap:6px;cursor:pointer;border-radius:8px;transition:background-color .3s ease}.nav-tab-custom .nav-box svg path{fill:#000}body .nav-tab-custom span.nav-text{font-weight:500;font-size:14px!important;leading-trim:NONE;line-height:14px;letter-spacing:0;color:var(--black)}.nav-tab-custom .nav-box.active{background-color:var(--blue-primary)}body .nav-tab-custom .nav-box.active span.nav-text{color:var(--white)}.nav-tab-custom .nav-box.active svg path{fill:#fff}.filter-section{position:relative;display:flex;gap:10px;margin-bottom:20px}.filter-section .search-bar{position:relative;display:flex;height:34px;flex:1;border-radius:6px;box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.filter-section .select-filter{height:100%;width:16.67%;border:1px solid var(--grey);border-radius:6px;border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--white);font-weight:400;font-size:13px!important;leading-trim:NONE;line-height:14px;letter-spacing:0;cursor:pointer}.filter-section .input-search{height:100%;width:75%;font-weight:400;font-size:13px!important;leading-trim:NONE;line-height:14px;letter-spacing:0;border:none;box-shadow:none;border-top:1px solid var(--grey);border-bottom:1px solid var(--grey);padding-top:10px;padding-bottom:10px;padding-left:15px}.filter-section .input-search:focus,.filter-section .input-search:focus-visible,.filter-section .input-search:focus-within{outline:0}.filter-section .search-icon{height:100%;width:8.33%;display:flex;align-items:center;justify-content:flex-end;border:1px solid var(--grey);border-left:none;border-top-right-radius:6px;border-bottom-right-radius:6px;padding-right:10px}.filter-section .date-bar{height:34px;width:175px;border:1px solid var(--grey);border-radius:6px;display:flex;justify-content:center;align-items:center;gap:6px;cursor:pointer}body .filter-section span.date-text{font-weight:400;font-size:13px!important;leading-trim:NONE;line-height:14px;letter-spacing:0;color:var(--grey-800)}.filter-section .others-bar{height:34px;width:80px;border:1px solid var(--grey);border-radius:6px;display:flex;justify-content:center;align-items:center;gap:6px;font-weight:500;font-size:12px;leading-trim:NONE;line-height:12px;letter-spacing:0;cursor:pointer}.table-monitoring{margin-bottom:0;font-size:13px;width:100%;border-collapse:collapse}.table-monitoring thead th{background:var(--light-active);border:1px solid var(--grey-200);color:var(--grey-700);font-weight:500;font-size:13px!important;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.08);border-top:none;vertical-align:middle;white-space:nowrap}.table-monitoring thead th.sortable{cursor:pointer}.table-monitoring thead th .sort-icon{margin-left:4px;margin-bottom:2px}.table-monitoring thead th svg.sort-icon path{fill:var(--grey-600);transition:fill .15s}.table-monitoring thead th.asc path:first-child{fill:var(--blue-100)}.table-monitoring thead th.asc svg.sort-icon path:last-child{fill:var(--grey-600)}.table-monitoring thead th.desc svg.sort-icon path:first-child{fill:var(--grey-600)}.table-monitoring thead th.desc svg.sort-icon path:last-child{fill:var(--blue-100)}.table-monitoring td .checkbox-input,.table-monitoring th .checkbox-input{width:15px;height:15px;cursor:pointer}.table-monitoring tbody td{padding:14px 16px;vertical-align:middle;color:#111;border-top:.5px solid rgba(0,0,0,.07);font-size:13.5px}.table-monitoring tbody tr:hover td{background:rgba(37,99,235,.03)}.table-monitoring tbody td a.bk-link{color:var(--blue-100);text-decoration:none;font-weight:500}.table-monitoring tbody td a.bk-link:hover{text-decoration:underline}.table-monitoring tbody td{border:1px solid var(--grey-200)}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#efefed 25%,#e3e3e0 50%,#efefed 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:5px;display:inline-block}.state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1rem;gap:10px;text-align:center}.state-box .state-icon{font-size:34px;opacity:.3}.state-box .state-title{margin:0;font-size:15px;font-weight:500;color:#444}.state-box .state-msg{margin:0;font-size:13.5px;color:#888}.btn-retry{margin-top:4px;font-size:13px;background:var(--blue-100);color:#fff;border:none;border-radius:8px;padding:8px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-retry:hover{background:#1d4ed8}.pagination-wrapper{padding:12px 1.25rem;border-top:.5px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.pagination-info{font-size:13px;color:#888}.pagination{margin:0}.pagination .page-item .page-link{font-size:13px;color:var(--blue-100);border-color:rgba(0,0,0,.12);padding:5px 11px;margin:0 2px;border-radius:6px!important}.pagination .page-item.active .page-link{background:var(--blue-100);border-color:var(--blue-100);color:#fff}.pagination .page-item.disabled .page-link{color:#ccc}