.tnx-main-container{width:100%;min-height:100vh}.tnx-container{width:100%;height:100%}.tnx-table-header{align-items:center;gap:12px;display:flex}.tnx-table-header-title{color:#2c405d;font-family:Lato;font-size:16px;font-weight:600}.tnx-content{padding:80px 20px 20px}.tnx-table{border-radius:8px;height:calc(100vh - 120px);padding:20px}.filter-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:0 0 20px;display:flex}.search-container{flex:1;min-width:250px}.search-input{color:#2c405d;border:1px solid #dee2e6;border-radius:4px;width:100%;padding:10px 16px;font-family:Lato;font-size:13px;transition:border-color .2s}.search-input:focus{border-color:#758295;outline:none}.search-input::placeholder{color:#758295}.date-filter{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.date-input{color:#2c405d;border:1px solid #dee2e6;border-radius:4px;padding:8px 12px;font-family:Lato;font-size:13px;transition:border-color .2s}.date-input:focus{border-color:#758295;outline:none}.filter-label{color:#758295;font-family:Lato;font-size:13px;font-weight:600}.rdt_Table{background-color:#fff}.rdt_TableHeader{background-color:#f8f9fa;padding:15px}.rdt_TableHeadRow{background-color:#f1f3f5;border-bottom:1px solid #dee2e6}.rdt_TableCol{color:#758295;padding:15px 8px;font-family:Lato;font-size:13px;font-weight:700}.rdt_TableRow{border-bottom:1px solid #dee2e6}.rdt_TableCell{color:#2c405d;padding:12px 8px;font-family:Lato;font-size:13px;font-weight:500}.rdt_Pagination{color:#758295;border-top:1px solid #dee2e6;font-family:Lato;font-size:13px}@media (width<=768px){.filter-container{flex-direction:column;align-items:stretch}.search-container,.date-filter{width:100%}.tnx-content{padding:80px 10px 10px}.tnx-table{padding:10px}}.advanced-filters-section{background:#fff;border-radius:12px;margin-bottom:20px}.filters-actions{background-color:#fff}.filters-grid{align-items:center;gap:12px;display:flex}.filter-group-2{flex:1;align-items:center;gap:12px;display:flex}.filter-input-2{color:#2c405d;background:#fff;border:1px solid #dee2e6;border-radius:4px;flex:1;padding:10px 16px;font-family:Lato;font-size:13px}.filter-input-2:focus{border-color:#4d8ded;outline:none}.date-input-wrapper-tnx{flex:1;position:relative}.calendar-icon{color:#758295;pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.filter-input{color:#2c405d;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;width:100%;padding:10px 35px 10px 16px;font-family:Lato;font-size:13px}.filter-input:focus{outline:none;border-color:#4d8ded!important}.react-datepicker{border:1px solid #dee2e6;border-radius:4px;font-family:Lato,sans-serif;box-shadow:0 2px 8px #00000026}.react-datepicker__header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:10px}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{color:#fff;background-color:#007bff}.react-datepicker__day:hover,.react-datepicker__day--in-range{background-color:#e6f1ff}.react-datepicker__close-icon{right:30px}.react-datepicker__close-icon:after{background-color:#758295}.react-datepicker__year-dropdown{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 2px 8px #00000026}.react-datepicker__year-option:hover{background-color:#e6f1ff}.filter-input{color:#2c405d;background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:10px 16px;font-family:Lato;font-size:13px}.filter-group{align-items:center;gap:12px;display:flex}.date-range-group{gap:12px;display:flex}.filter-reset-btn{color:#758295;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:10px 16px;font-family:Lato;font-size:13px}@media (width<=768px){.filters-grid{flex-direction:column;align-items:stretch;gap:12px}.tnx-content{padding-top:55px}.filter-group{flex-direction:column;align-items:flex-start}.date-range-group{width:100%}.date-range-group input{flex:1}}.tnx-header{z-index:1000;width:100%;position:fixed;top:0}.date-input-wrapper-tnx{flex:1;min-width:0;position:relative}.react-datepicker-wrapper,.react-datepicker-popper{z-index:1001!important}.react-datepicker-popper{background:#fff;position:absolute;box-shadow:0 2px 10px #0000001a}.advanced-filters-section{z-index:999;background:#fff;border-radius:12px;margin-bottom:20px;position:relative}.tnx-table{z-index:998;border-radius:8px;height:calc(100vh - 120px);padding:20px;position:relative}