.box1-bg .box1-bot .box1-bot-top {justify-content: space-between;align-items: center;margin-bottom: 24px;display: flex;}
.box1-bg .box1-bot .box1-bot-left span.dot {vertical-align: middle;background-color: #23232f;border-radius: 50%;width: 3px;height: 3px;margin: 0 8px;display: inline-block;}
.box1-bg .box1-bot .target-library-primary-wrap {justify-content: center;padding-bottom: 24px;display: flex;}
.box1-bg .box1-bot .target-library-primary-pill {background-color: #23232f0f;border-radius: 100px;align-items: center;padding: 6px;display: inline-flex;}
.box1-bg .box1-bot .target-library-primary-tab {color: #23232f80;cursor: pointer;-webkit-user-select: none;user-select: none;border-radius: 100px;padding: 8px 50px;font-size: 16px;line-height: 1.3;transition: color .2s,background-color .2s,box-shadow .2s;}
.box1-bg .box1-bot .target-library-primary-tab-active {background-color: #fff;font-weight: 500;box-shadow: 0 2px 10px #23232f14;}
.box1-bg .box1-bot .target-library-primary-tab-active .target-library-primary-tab-text {color: #0000;-webkit-text-fill-color: transparent;background-image: linear-gradient(90deg,#00aca1 0%,#304eaa 100%);-webkit-background-clip: text;background-clip: text;display: inline-block;}
.box1-bg .box1-bot .target-library-sub-tabs {align-items: center;gap: 5px;padding: 0;display: flex;margin-bottom: 15px;}
.box1-bg .box1-bot .target-library-tab-active {background-color: #23232f14;font-weight: 500;}
.box1-bg .box1-bot .target-library-tab {color: #23232f;cursor: pointer;-webkit-user-select: none;user-select: none;border-radius: 100px;padding: 4px 30px;font-size: 14px;transition: background-color .2s;}
.box1-bg .box1-table {padding-top: 16px;background-color: #fff;}
.box1-bg .table-cell-development .table-cell-development-content {height: 100%;display: block;position: relative;}
.box1-bg .progress-track{height: 21px;display: block;overflow: hidden;}
.box1-bg .box1-table #table-tbody td .progress-bar {text-align: left;background-color: #00aca1;border-radius: 0 10px 10px 0;height: 21px;display: block;}
.box1-bg .progress-percentage-dashed-line {z-index: 0;border-right: 1px dashed #23232f26;height: 200px;position: absolute;top: -100px;left: 0;}
.box1-bg .box1-table #table-thead th,.box1-bg .box1-table #table-tbody td {text-align: center;line-height: 1.2;padding: 12px 8px;}
.box1-bg .box1-table #table-tbody tr td:last-child {padding: 8px;}
.box1-bg .box1-table #table-tbody tr td{border: 1px solid #23232f26!important;overflow: hidden;}
.box1-bg .box1-table #table-thead>tr>th .development-list {border-top: 1px solid #f1fbfa80;margin-top: 10px;list-style: none;display: grid;align-items: center;}
.box1-bg .box1-table #table-thead>tr>th .development-list .development-item{margin-top: 6px;color: #0affef;}
.box1-bg .box1-table #table-thead th{color: #fff;text-align: center;background-color: #00524c;font-weight: 400;border-right: 1px solid #fff!important;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.box1-bg .country { position: absolute; left: 4px; font-size: 10px; color: #fff; }
.box1-bg .noData-text{height: 200px;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #ccc;border: 1px solid #23232f26;border-top: none;}
.box1-bg .box1-table #table-tbody tr:nth-child(2n) {background-color: #00aca112;}

.box1-bg .page-size-trigger,.box1-bg #page-next,.box1-bg #page-prev,.box1-bg .pdf-btn { cursor: pointer; }
.box1-bg .custom-pagination .prev.disabled,
.box1-bg .custom-pagination .next.disabled { opacity: 0.4; pointer-events: none; cursor: not-allowed;}
.box1-bg .page-size-dropdown-wrap { position: relative; }
.box1-bg .page-size-selector { position: absolute; top: 100%; background: #fff; border: 1px solid #eee; z-index: 99; }
.box1-bg .page-size-selector div { padding: 4px 12px; cursor: pointer; }
.box1-bg .page-size-selector div:hover { background: #f5f7fa; }
.box1-bg .custom-pagination { display: flex;align-items: center;justify-content: center;gap: 12px;margin-top: 16px;border: 1.5px solid #23232f26!important;border-radius: 22px;width: fit-content;height: 44px;margin: 24px auto 0;padding: 0 32px; }
.box1-bg .filter-dropdown { position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid #eee; z-index: 999; padding: 8px; width: 240px;}
.box1-bg .filter-dropdown input { width: 100%; padding: 4px; margin-bottom: 4px; }
.box1-bg .filter-dropdown .filter-btns { display: flex; gap: 4px; margin-top: 4px; }
.box1-bg .filter-dropdown button { flex: 1; padding: 2px 4px; }
.box1-bg .table-header-filter-trigger {color: #fff;display: flex;align-items: center;justify-content: center;gap: 6px;border-radius: 4px 4px 0 0;cursor: pointer;width: 100%;box-sizing: border-box;}
.box1-bg .table-scrollbox {overflow-x: auto;overflow-y: hidden;padding: 1px;}
.box1-bg .table-scrollbox::-webkit-scrollbar{height: 8px;}
.box1-bg .table-scrollbox::-webkit-scrollbar-thumb{height: 8px;border-radius: 4px;background-color: rgba(35, 35, 47, .3);}
.box1-bg .table-header-filter-trigger.loading {opacity: 0.7;pointer-events: none;}
.box1-bg .filter-icon {position: relative;}
.box1-bg .filter-icon i {font-size: 14px;}
.box1-bg .filter-dot {border: 2px solid #00524c;width: 8px;height: 8px;border-radius: 50%;background: #00c8b8;position: absolute;right: 0;margin-top: -17px;display: none;}
.box1-bg .filter-dot.show {display: block;}
/* Loading */
.table-loading {position: relative;min-height: 120px;font-size: 18px;}
.table-loading::after {content: "Loading...";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.7);display: flex;align-items: center;justify-content: center;color: #666;}

.global-filter-panels {position: absolute;top: 0;left: 0;width: 0;height: 0;z-index: 99;pointer-events: none;}
.global-filter-panels .filter-title {color: #333;margin-bottom: 12px;}
.global-filter-panels .table-header-filter-panel {pointer-events: auto;position: absolute;width: 270px;background: #fff;box-shadow: 0 2px 14px rgba(0,0,0,0.12);border-radius: 6px;padding: 22px 16px;box-shadow: 0 0 0 6px #ffffff4d, 0 4px 40px #23232f26;}
.global-filter-panels .search-input-wrap {position: relative;margin-bottom: 20px;}
.global-filter-panels .search-icon {position: absolute;right: 14px;top: 50%;transform: translateY(-50%);color: #999;cursor: pointer;}
.global-filter-panels .area-checkbox-item {display: flex;align-items: center;gap: 8px;padding: 5px 0;cursor: pointer;color: #333;font-weight: 400;line-height: 1.3;margin-bottom: 0;}
.global-filter-panels .area-list-wrap {max-height: 240px;overflow-y: auto;}
.global-filter-panels .area-list-wrap::-webkit-scrollbar{width: 5px;}
.global-filter-panels .area-list-wrap::-webkit-scrollbar-thumb{width: 5px;border-radius: 4px;background-color: rgba(35, 35, 47, .3);}
.global-filter-panels .letter-wrap {display: grid;grid-template-columns: repeat(13, 1fr);gap: 0;margin: 0 0 8px;}
.global-filter-panels .letter-item {text-align: center;padding: 3px 0;cursor: pointer;color: #009688;}
.global-filter-panels .letter-item.letter-active {background-color: #009688;color: #fff;border-radius: 4px;}
.global-filter-panels .format-filter-panel .format-radio-item {display: block;margin-bottom: 6px;cursor: pointer;color: #333;font-weight: 400;}
.global-filter-panels .format-filter-panel input[type="radio"] {margin-right: 5px;}
.global-filter-panels .dev-filter-panel .dev-checkbox-item {display:block;cursor: pointer;color: #333;font-weight: 400;padding: 5px 0;margin-bottom: 0;line-height: 1.3;}
.global-filter-panels .dev-filter-panel input[type="checkbox"] {margin-right:5px;}
.global-filter-panels .product-search-input,
.global-filter-panels .target-search-input,
.global-filter-panels .monocomb-search-input,
.global-filter-panels .indication-search-input,
.global-filter-panels .antigen-search-input,
.global-filter-panels .hla-search-input {width: 100%;box-sizing: border-box;border: 1px solid #d0d0d0;border-radius: 999px;padding: 8px 40px 8px 12px;outline: none;color: #333;}
.global-filter-panels .filter-bottom-operate {margin-top: 12px;padding-top: 10px;border-top: 1px solid #eee;}
.global-filter-panels .filter-bottom-operate span {color: #333;cursor: pointer;}
.global-filter-panels .filter-bottom-operate span:hover {color: #009688;}

@media (max-width: 1199px){
.box1-bg .table-scroll-1200 {width: 1200px;}
}