:root{--ft-bg:#FFFFFF;--ft-card:#FFFFFF;--ft-muted:#F8F9FA;--ft-border:#E6E9EF;--ft-text:#0B0F1A;--ft-text-dim:#6C757D;--ft-primary:#000957;--ft-primary-600:#344CB7;--ft-accent:#344CB7;--ft-danger:#DC3545;--ft-warning:#FFED00;--ft-radius:14px;--ft-shadow:0 8px 24px rgba(16,24,40,.08)}.table-wrapper{width:100%;display:flex;flex-direction:column;gap:10px;background:var(--ft-card);border:1px solid var(--ft-border);border-radius:var(--ft-radius);box-shadow:var(--ft-shadow);color:var(--ft-text);overflow:hidden}.table-wrapper>.flex{padding:16px 18px 6px}.table-container{display:flex;flex-direction:column;width:100%;max-height:60vh;min-height:420px;overflow:auto;position:relative;scrollbar-width:thin;scrollbar-color:var(--ft-primary) transparent}.table-container::-webkit-scrollbar{height:10px;width:10px}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--ft-primary),var(--ft-primary-600));border-radius:10px}.table-container::-webkit-scrollbar-track{background:transparent}.table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px}.table thead{position:sticky;top:0;z-index:30;backdrop-filter:saturate(1.05) blur(4px)}.table thead tr th{position:relative;background:linear-gradient(180deg,rgba(0,9,87,.06),rgba(52,76,183,.04));color:var(--ft-text);font-size:12px;font-weight:700;letter-spacing:.2px;padding:12px;border-bottom:1px solid var(--ft-border);border-right:1px solid var(--ft-border);white-space:nowrap;display:flex;align-items:center;gap:8px}.table thead tr th:first-child{border-inline-start:none}.table thead tr th:last-child{border-right:none}.table thead tr th .header-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.table thead tr th .header-tools{display:inline-flex;align-items:center;gap:6px}.table thead tr th>:not(:first-child){margin-inline-start:0}.table thead tr th>:last-child{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px}.table thead tr th :is(svg){width:16px;height:16px;opacity:.8}.table thead tr th :is(button,[role=button],.sort-btn,.filter-btn){display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:#FFFFFF;border:1px solid var(--ft-border);color:var(--ft-text-dim);font-weight:600}.table thead tr th :is(button,[role=button],.sort-btn,.filter-btn):hover{background:rgba(0,9,87,.06);color:var(--ft-text)}.table thead tr th .header-tools>*+*{position:relative}.table thead tr th .header-tools>*+:before{content:"";position:absolute;inset-inline-start:-7px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:#D0D5DD}.th-resizer{position:absolute;top:0;inset-inline-end:-3px;width:6px;height:100%;cursor:col-resize}.table tbody{display:table-row-group}.table tbody tr{background:#FFFFFF;transition:transform .08s ease-out,background-color .2s ease,box-shadow .2s ease}.table tbody tr:nth-child(odd){background:var(--ft-muted)}.table tbody tr:hover{background:rgba(0,9,87,.04)}.table tbody td{padding:12px 10px;border-bottom:1px solid var(--ft-border);border-right:1px solid var(--ft-border);text-align:center;color:var(--ft-text-dim)}.table tbody td:first-child{border-inline-start:none}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.cursor-pointer:hover td{background:rgba(0,9,87,.04)}.table tbody tr:is(.\!bg-secondary,[data-selected=true]){box-shadow:inset 0 0 0 2px rgba(0,9,87,.2),0 8px 18px rgba(16,24,40,.06);background:rgba(255,237,0,.08)}.tableFooter{position:sticky;bottom:0;z-index:25;background:linear-gradient(180deg,rgba(248,249,250,1),rgba(255,255,255,1));padding:10px 14px;width:100%;border-top:1px solid var(--ft-border);color:var(--ft-text-dim)}.button{width:auto;min-width:34px;height:34px;border-radius:999px;padding:0 12px;background:#FFFFFF;border:1px solid var(--ft-border);color:var(--ft-text);font-weight:600;font-size:12px;transition:all .15s ease}.button:hover{transform:translateY(-1px);background:rgba(0,9,87,.06)}.activeButton{background:linear-gradient(180deg,var(--ft-primary),var(--ft-primary-600));color:#FFFFFF;border-color:transparent}#rowsPerPage,.inactiveButton{background:#FFFFFF}#rowsPerPage{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ft-border);border-radius:10px;padding:8px 34px 8px 10px;color:var(--ft-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236C757D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center right 8px}#rowsPerPage:focus{outline:2px solid rgba(0,9,87,.25)}.dropdown,.table th .dropdown{z-index:9999;background:#FFFFFF;border:1px solid var(--ft-border);border-radius:12px;padding:10px;box-shadow:0 24px 40px rgba(16,24,40,.12);color:var(--ft-text)}.dropdown input[type=text]{width:100%;padding:8px 10px;border-radius:10px;background:#FFFFFF;border:1px solid var(--ft-border);color:var(--ft-text)}.dropdown label{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:8px}.dropdown label:hover{background:rgba(0,0,0,.03)}input[type=checkbox]{width:16px;height:16px;border-radius:4px;cursor:pointer;border:1px solid var(--ft-border);background:#FFFFFF;accent-color:var(--ft-primary)}.date-filter-container{display:flex;align-items:center;gap:8px}.reset-button{padding:8px 12px;background:#FFFFFF;border:1px solid var(--ft-border);border-radius:10px;color:var(--ft-text)}.reset-button:hover{background:rgba(0,0,0,.03)}#table-date{order:1;width:30%}#table-search{order:2;width:30%}#table-action{order:3;width:25%;justify-items:end}#table-custom-action{order:4;width:10%}#table-checkbox{order:5;width:5%;justify-items:end}@media (max-width:1400px){#table-date{order:3;width:100%}#table-search{order:4;width:100%}#table-action{order:2;width:50%}#table-custom-action{order:1;width:50%}#table-checkbox{order:5;width:100%}}@media (max-width:900px){.table{min-width:640px}.table-wrapper>.flex{padding-inline:12px}}.table-wrapper.compact .table td{padding:8px}.table-wrapper.compact .table th{padding:10px 8px}.text-success{color:#198754}.text-danger{color:var(--ft-danger)}.rmdp-calendar-container-mobile{top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.6)}.rmdp-calendar-container-mobile .rmdp-mobile.rmdp-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.rmdp-mobile.rmdp-wrapper{box-shadow:unset;border:1px solid #cfd8e2}.rmdp-mobile .rmdp-header,.rmdp-mobile .rmdp-panel-header{height:30px;font-size:16px;padding-bottom:15px}.rmdp-mobile .rmdp-arrow-container{height:26px;width:26px}.rmdp-mobile .rmdp-arrow{padding:3px;height:3px;width:3px;margin-top:6px}.rmdp-mobile .rmdp-up i{margin-top:10px}.rmdp-mobile .rmdp-left i{margin-left:4px;margin-top:7px}.rmdp-mobile .rmdp-right i{margin-left:-2px;margin-top:7px}.rmdp-rtl.rmdp-mobile .rmdp-right i{margin-left:5px}.rmdp-rtl.rmdp-mobile .rmdp-left i{margin-left:-1px}.rmdp-mobile .rmdp-day,.rmdp-mobile .rmdp-week-day{height:38px;width:38px}.rmdp-mobile .rmdp-day span{font-size:15px}.rmdp-mobile .dvdr{margin:0 10px}.rmdp-mobile .ok{position:absolute;bottom:0}.rmdp-mobile .rmdp-week-day{margin-top:10px;margin-bottom:3px}.rmdp-mobile .only.rmdp-month-picker,.rmdp-mobile .only.rmdp-year-picker{margin:15px 0}.rmdp-mobile .rmdp-action-button{margin:15px 3px 0;font-size:13px}.rmdp-mobile .rmdp-action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 10px}.rmdp-mobile .rmdp-rtl .rmdp-action-button{float:left;margin-right:unset;margin-left:10px}.rmdp-mobile .rmdp-action-button:focus{outline:none}.rmdp-mobile .rmdp-header{margin-top:15px;margin-left:10px;margin-right:10px}.rmdp-mobile .rmdp-panel-header{margin-top:20px}.rmdp-mobile .rmdp-day-picker{margin-left:5px;margin-right:5px}.rmdp-mobile .rmdp-action-button{margin-bottom:15px}@media (max-width:420px){.rmdp-mobile .rmdp-day,.rmdp-mobile .rmdp-week-day{height:32px;width:32px}.rmdp-mobile .only.rmdp-month-picker,.rmdp-mobile .only.rmdp-year-picker{width:230px}.rmdp-mobile .rmdp-header,.rmdp-mobile .rmdp-panel-header{height:20px}.rmdp-mobile .rmdp-day span{font-size:14px}.rmdp-mobile .rmdp-day-picker{padding:10px 5px}.rmdp-mobile.rmdp-single .rmdp-day-picker{padding:10px}.rmdp-mobile .rmdp-arrow-container{height:20px;width:20px;margin:0 12px}.rmdp-mobile .rmdp-arrow{padding:2px;height:3px;width:3px;margin-top:6px}.rmdp-mobile .rmdp-action-button{font-size:13px;padding:5px}.rmdp-mobile .rmdp-action-button:first-child{padding-right:10px}.rmdp-mobile .rmdp-panel-header{padding-bottom:20px}.rmdp-mobile .rmdp-left i,.rmdp-mobile .rmdp-right i{margin-top:6px}.rmdp-mobile .rmdp-up i{margin-top:8px}.rmdp-mobile .rmdp-down i{margin-top:4px}.rmdp-mobile .rmdp-header{margin-top:10px;margin-left:5px;margin-right:5px}.rmdp-mobile .rmdp-panel-header{margin-top:15px}.rmdp-mobile .rmdp-header,.rmdp-mobile .rmdp-panel-header{font-size:14px}.rmdp-mobile .rmdp-day-picker{margin-left:5px;margin-right:5px}.rmdp-mobile .rmdp-action-button{margin-bottom:10px;font-size:12px}}@media (max-height:450px){.rmdp-mobile .rmdp-header,.rmdp-mobile .rmdp-panel-header{height:9px;font-size:12px;line-height:15px}.rmdp-mobile .rmdp-day,.rmdp-mobile .rmdp-week-day{height:22px;width:22px}.rmdp-mobile .rmdp-time-picker{padding:0;min-width:130px!important}.rmdp-mobile .rmdp-time-picker div input{font-size:12px;padding:2px}.rmdp-mobile .rmdp-day span{font-size:12px}.rmdp-mobile .rmdp-month-picker .rmdp-day span,.rmdp-mobile .rmdp-week-day{font-size:10px}.rmdp-mobile .rmdp-day-picker{padding:0 7px}.rmdp-mobile .rmdp-panel-body{padding:0;margin:5px 0}.rmdp-mobile .rmdp-panel-body li{font-size:11px;margin:5px}.rmdp-mobile .rmdp-action-button{font-size:9px;padding:0 5px;margin:10px 5px}.rmdp-mobile .rmdp-action-button:first-child{margin-right:10px}.rmdp-mobile .rmdp-arrow-container{margin:0 3px;height:16px;width:16px}.rmdp-mobile .rmdp-arrow{padding:2px;height:2px;width:2px;margin-top:3px}.rmdp-mobile .only.rmdp-month-picker,.rmdp-mobile .only.rmdp-year-picker{height:160px}.rmdp-mobile .dvdr,.rmdp-mobile .rmdp-time-picker div input{margin:0}.rmdp-mobile .rmdp-week-day{margin-top:0}.rmdp-mobile .rmdp-left i{margin-top:4px;margin-left:4px}.rmdp-mobile .rmdp-right i{margin-top:4px;margin-left:0}.rmdp-mobile .rmdp-up i{margin-top:5px}.rmdp-mobile .rmdp-header{margin-top:10px;margin-left:5px;margin-right:5px}.rmdp-mobile .rmdp-panel-header{margin-top:13px}.rmdp-mobile .rmdp-day-picker{margin-left:0;margin-right:0}.rmdp-mobile .rmdp-action-button{margin-bottom:10px}}