*,*:before,*:after{box-sizing:border-box}body{font-family:sans-serif}header{padding:0 24px}.app-container{display:flex;flex-direction:row;justify-content:center;gap:20px;padding:0 24px}@media (max-width: 768px){.app-container{flex-direction:column}}.sidebar{flex:1;border:1px solid #ddd;padding:2px;height:auto;height:min-content}@media (max-width: 1024px){.sidebar{flex:2}}@media (max-width: 768px){.sidebar{width:100%}}.content{flex:3}@media (max-width: 768px){.content{width:100%}}.filters,.sort-options{margin-bottom:16px}.filters__row{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.data-table{border-collapse:collapse}.data-table table{width:100%}.data-table tr:nth-child(2n){background-color:#f2f2f2}.data-table tr:hover{background-color:#ddd}.data-table td,.data-table th{border:1px solid #ddd;padding:8px}.data-table th{padding-top:8px;padding-bottom:8px;text-align:left;background-color:#04aa6d;color:#fff}.data-table td{min-width:60px}select{width:100%;padding:8px;border:1px solid #ddd}.custom-filter-heading{margin-top:0;padding:12px 8px;background-color:#04aa6d;color:#fff}