*{box-sizing:border-box}body{margin:0;background:#f5f7f9;color:#15263a;font:16px/1.5 system-ui,sans-serif}main{max-width:960px;margin:2rem auto;padding:1.5rem}header{margin-bottom:2rem}h1{margin:0;font-size:2rem}header p{color:#526176}section{background:white;padding:1.25rem;border:1px solid #dce3e9;border-radius:10px}section[hidden]{display:none}label{display:block;margin:.6rem 0}input{display:block;padding:.6rem;font:inherit;border:1px solid #9ba9b5;border-radius:5px;max-width:100%}button{padding:.6rem 1rem;margin-top:.8rem;border:0;border-radius:5px;background:#155ea5;color:white;font:inherit;cursor:pointer}button:hover{background:#104a81}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:1rem}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:.6rem;border-bottom:1px solid #e1e6ea;white-space:nowrap}th{background:#f0f4f8}caption{text-align:left;font-weight:700;padding:.8rem 0}#message{min-height:1.5em;color:#334f6b}@media(max-width:600px){main{margin:0;padding:1rem}.toolbar{align-items:start;flex-direction:column}}