:root{font-family:system-ui,sans-serif;color:#172d38;background:#f4f7f9}body{margin:0}header{background:#123d4e;padding:1.25rem 2rem;color:#fff;display:flex;justify-content:space-between;align-items:center}header a{color:inherit;text-decoration:none;font-weight:650}main{max-width:1100px;margin:2rem auto;padding:0 1.5rem}section{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #123d4e12}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}h1{font-size:1.65rem}button{padding:.6rem 1rem;border-radius:5px;border:1px solid #51717f;background:#fff;color:#123d4e;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #edb628;outline-offset:3px}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:1.5rem 0}th,td{padding:1rem .75rem;text-align:left;border-bottom:1px solid #e1e8ed}th{background:#f4f7f9}nav{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem}[role=alert]{color:#9a2532}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){header{padding:1rem;gap:1rem}main{margin:1rem auto;padding:0 .5rem}section{padding:1rem}}