:root{font-family:system-ui,sans-serif;color:#18212b;background:#f5f7fa}body{margin:0}main{max-width:1100px;margin:auto;padding:2rem 1rem}header{display:flex;justify-content:space-between;align-items:center;gap:1rem}h1{margin-bottom:.2rem}h2{margin-top:2.5rem}header p{margin-top:0;color:#52606d}.actions,.pagination{display:flex;align-items:center;gap:.5rem}button{border:0;border-radius:.35rem;background:#075aa8;color:white;padding:.65rem .9rem;font-weight:600;cursor:pointer}button.secondary{background:#59636e}button.release{background:#a6192e}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f0a202;outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}.filters{display:flex;align-items:end;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.filters label{display:grid;gap:.3rem;font-size:.8rem;font-weight:700;color:#52606d}.filters input,.filters select{min-height:2.4rem;border:1px solid #9aa8b5;border-radius:.35rem;background:white;padding:.4rem .55rem;font:inherit;color:#18212b}.filters input{min-width:16rem}.table-wrap{overflow-x:auto;background:white;border-radius:.5rem;box-shadow:0 1px 4px #0002}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.85rem;border-bottom:1px solid #d9e0e7}th{background:#e8edf2}.pagination{justify-content:flex-end;margin-top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:700px){header{align-items:flex-start;flex-direction:column}.filters{align-items:stretch;flex-direction:column}.filters input{min-width:0}thead{display:none}table,tbody,tr,td{display:block}tr{padding:.6rem;border-bottom:2px solid #ccd5dd}td{border:0;padding:.3rem .8rem}td:before{content:attr(data-label);display:block;font-size:.75rem;font-weight:700;color:#52606d}.release{margin-top:.35rem}.pagination{justify-content:space-between}}