#root{max-width:1280px;margin:0 auto;padding:2rem}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;box-sizing:border-box}.flex-center{display:flex;justify-content:center;align-items:center;gap:1.5rem}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px;text-align:center;width:60px;outline:none;transition:border-color .3s}input[type=number]:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}@media (max-width: 768px){.flex-center{flex-direction:column;align-items:flex-start;margin-bottom:2rem}.flex-center label{width:250px;display:flex;justify-content:space-between;align-items:center}}.pagination-container{display:flex;flex-direction:column;align-items:center;margin:2rem 0;width:100%}.pagination{display:flex;list-style:none;padding:0;margin:0 0 1rem;flex-wrap:wrap;justify-content:center}.page-item{margin:0 .25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6;cursor:pointer;min-width:2.5rem;text-align:center;border-radius:4px;font-size:1.4rem}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:not-allowed;background-color:#fff;border-color:#dee2e6}.ellipsis{pointer-events:none}.page-info{color:#6c757d;font-size:.875rem}@media (max-width: 480px){.page-item{margin:0 .125rem}.page-link{padding:.375rem .5rem;min-width:2rem}}