.filter-button{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.filter-button:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5)}.filter-button.active{background:hsla(0,0%,100%,.25)}.filter-button svg.filter-icon{height:1.25rem;width:1.25rem;fill:currentColor}.filter-button .filter-text{font-weight:500}.filters-panel{background:#fff;border-radius:.75rem;box-shadow:0 10px 40px rgba(0,0,0,.2);left:1rem;max-width:calc(100vw - 2rem);overflow:hidden;position:fixed;top:10rem;width:400px;z-index:100}@media (max-width:768px){.filters-panel{top:9.5rem;width:350px}}@media (max-width:420px){.filters-panel{width:calc(100vw - 2rem)}}.filters-panel .filters-panel__header{align-items:center;background:linear-gradient(135deg,#636b6f,#8892a6);color:#fff;display:flex;justify-content:space-between;padding:1.25rem}.filters-panel .filters-panel__header h3{font-size:1.125rem;font-weight:600;margin:0}.filters-panel .filters-panel__header .close-button{align-items:center;background:transparent;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;transition:background .2s ease;width:2rem}.filters-panel .filters-panel__header .close-button:hover{background:hsla(0,0%,100%,.2)}.filters-panel .filters-panel__section{border-bottom:1px solid #e5e7eb;padding:1.25rem}.filters-panel .filters-panel__section:last-child{border-bottom:none}.filters-panel .filters-panel__section .filter-label{color:#636b6f;display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.filters-panel .filters-panel__section .filter-range{align-items:center;display:flex;gap:.75rem}.filters-panel .filters-panel__section .filter-range .filter-input-group{display:flex;flex:1;flex-direction:column;gap:.375rem}.filters-panel .filters-panel__section .filter-range .filter-input-group .input-label{color:#8892a6;font-size:.75rem;font-weight:500}.filters-panel .filters-panel__section .filter-range .filter-input-group input{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#636b6f;font-size:.875rem;padding:.5rem;transition:border-color .2s ease;width:100%}.filters-panel .filters-panel__section .filter-range .filter-input-group input::-moz-placeholder{color:#9ca3af}.filters-panel .filters-panel__section .filter-range .filter-input-group input::placeholder{color:#9ca3af}.filters-panel .filters-panel__section .filter-range .filter-input-group input:focus{border-color:#636b6f;box-shadow:0 0 0 3px rgba(99,107,111,.1);outline:none}.filters-panel .filters-panel__section .filter-range .range-separator{color:#8892a6;font-weight:500;margin-top:1.125rem}.filters-panel .filters-panel__section .filter-text-input{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#636b6f;font-size:.875rem;padding:.625rem;transition:border-color .2s ease;width:100%}.filters-panel .filters-panel__section .filter-text-input::-moz-placeholder{color:#9ca3af}.filters-panel .filters-panel__section .filter-text-input::placeholder{color:#9ca3af}.filters-panel .filters-panel__section .filter-text-input:focus{border-color:#636b6f;box-shadow:0 0 0 3px rgba(99,107,111,.1);outline:none}.filters-panel .filters-panel__section .filter-checkboxes{display:flex;flex-direction:column;gap:.75rem}.filters-panel .filters-panel__section .filter-checkboxes .checkbox-label{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;padding:.5rem;transition:background .2s ease}.filters-panel .filters-panel__section .filter-checkboxes .checkbox-label:hover{background:#f9fafb}.filters-panel .filters-panel__section .filter-checkboxes .checkbox-label input[type=checkbox]{accent-color:#636b6f;cursor:pointer;height:1.125rem;margin:0 .625rem 0 0;width:1.125rem}.filters-panel .filters-panel__section .filter-checkboxes .checkbox-label .checkbox-text{color:#374151;font-size:.875rem;font-weight:500}.filters-panel .filters-panel__footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.25rem}.filters-panel .filters-panel__footer .reset-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#636b6f;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.filters-panel .filters-panel__footer .reset-button:hover{background:#636b6f;border-color:#636b6f;color:#fff}.filters-panel .filters-panel__footer .reset-button .reset-icon{font-size:1.25rem;line-height:1}.filters-enter-active{animation:slideIn .3s ease-out}.filters-leave-active{animation:slideOut .3s ease-in}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}table.recruiting-table{border-collapse:separate;border-spacing:0;font-size:.875rem;margin:0;width:100%}table.recruiting-table thead{background:#fff;left:0;position:fixed;right:0;top:10.5rem;z-index:15}@media (max-width:768px){table.recruiting-table thead{top:10rem}}table.recruiting-table thead tr{background:linear-gradient(135deg,#636b6f,#8892a6);display:flex;width:100%}table.recruiting-table thead th{border-bottom:2px solid hsla(0,0%,100%,.2);color:#fff;font-size:.65rem;font-weight:600;letter-spacing:.03em;padding:.5rem .4rem;text-align:center;text-transform:uppercase;white-space:normal;word-wrap:break-word;flex:1 1 0;line-height:1.2;min-width:0}table.recruiting-table thead th:first-child{border-top-left-radius:0;flex:1.5 1 0;padding-left:1rem;text-align:left}table.recruiting-table thead th:last-child{border-top-right-radius:0;flex:1.8 1 0;padding-right:1rem}table.recruiting-table tbody{display:block}table.recruiting-table tbody tr{background-color:#fff;display:flex;transition:background-color .2s ease,box-shadow .2s ease;width:100%}table.recruiting-table tbody tr:nth-child(2n){background-color:#f9fafb}table.recruiting-table tbody tr:hover{background-color:#f3f4f6;box-shadow:0 2px 4px rgba(0,0,0,.05)}table.recruiting-table tbody tr:last-child td:first-child{border-bottom-left-radius:0}table.recruiting-table tbody tr:last-child td:last-child{border-bottom-right-radius:0}table.recruiting-table tbody td{border-bottom:1px solid #e5e7eb;color:#636b6f;flex:1 1 0;font-size:.875rem;min-width:0;padding:.75rem .5rem;text-align:center;vertical-align:middle}table.recruiting-table tbody td:first-child{flex:1.5 1 0;font-weight:600;padding-left:1rem;text-align:left}table.recruiting-table tbody td:last-child{flex:1.8 1 0;padding-right:1rem}.tank{display:block;margin:0 auto;transition:transform .2s ease}.tank:hover{transform:scale(1.2)}.pagination-container{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 8px rgba(0,0,0,.05);left:0;padding:1.5rem;position:fixed;right:0;z-index:10}.pagination-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:1200px}@media (min-width:768px){.pagination-wrapper{flex-direction:row;justify-content:space-between}}.pagination-info{align-items:center;display:flex;flex-direction:column;gap:.25rem}@media (min-width:768px){.pagination-info{align-items:flex-start}}.pagination-info .pagination-text{color:#636b6f;font-size:.875rem;font-weight:600}.pagination-info .pagination-total{color:#8892a6;font-size:.75rem}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pagination-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#636b6f;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#636b6f;transform:translateY(-1px)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button .button-icon{font-size:1rem;line-height:1}@media (max-width:420px){.pagination-button .button-text{display:none}}.pagination-pages{display:flex;gap:.25rem}.pagination-page-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#636b6f;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;min-width:2.5rem;padding:.5rem;transition:all .2s ease}.pagination-page-button:hover{background:#f9fafb;border-color:#636b6f}.pagination-page-button.active{background:#636b6f;border-color:#636b6f;color:#fff;font-weight:600}.pagination-page-button.active:hover{background:#8892a6;border-color:#8892a6}body{display:grid;padding-bottom:6rem}main{margin-top:0;padding-top:0}