.data-table{display:flex;flex-direction:column;gap:.625rem;min-width:0}.data-table__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.data-table__search{flex:1 1 14rem;height:2.375rem;padding:0 .875rem;border:1px solid #e2e8f0;border-radius:.625rem;background:#fff;font-size:.8125rem;color:#0f172a}.data-table__search::placeholder{color:#94a3b8}.data-table__search:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.data-table__filters{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-left:auto}.data-table__filter{height:2.375rem;padding:0 .75rem;border:1px solid #e2e8f0;border-radius:.625rem;background:#fff;font-size:.8125rem;color:#334155;cursor:pointer}.data-table__filter:focus{outline:none;border-color:#93c5fd}.data-table__wrap{overflow-x:auto;max-height:60vh;overflow-y:auto;border:1px solid #e2e8f0;border-radius:.875rem;background:#fff}.data-table__wrap::-webkit-scrollbar{height:.625rem;width:.625rem}.data-table__wrap::-webkit-scrollbar-track{background:#f1f5f9;border-radius:.5rem}.data-table__wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:.5rem;border:2px solid #f1f5f9}.data-table__wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.data-table__wrap table th{white-space:normal}.data-table__state{text-align:center;color:#94a3b8;padding:2rem 1rem!important}.data-table__pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:0 .25rem}.data-table__range{font-size:.75rem;color:#64748b;white-space:nowrap}.data-table__pages{display:inline-flex;align-items:center;gap:.25rem}.data-table__pages button{min-width:1.875rem;height:1.875rem;padding:0 .375rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#334155;font-size:.75rem;font-weight:600;cursor:pointer}.data-table__pages button:hover:not(:disabled){border-color:#93c5fd;color:#2563eb}.data-table__pages button:disabled{opacity:.4;cursor:default}.data-table__page--active{border-color:#2563eb!important;background:#2563eb!important;color:#fff!important}@media(max-width:640px){.data-table__pagination{justify-content:center}.data-table__toolbar{flex-direction:column;align-items:stretch}.data-table__search{flex:0 0 auto;max-width:none}.data-table__filters{margin-left:0}.data-table__filters select{flex:1 1 auto}}