:root{font-family:system-ui,sans-serif;color:#25352c;background:#f6f3ea;font-size:16px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1700px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7ddcf}h1{font-size:26px;margin:4px 0}h2{margin:6px 0 12px;font-size:28px}small,.eyebrow{color:#53674f;letter-spacing:.08em;font-weight:650}button,input,select{font:inherit;border:1px solid #bdc8b7;border-radius:9px;padding:10px 14px;min-height:44px}button{background:#edf0e6;color:#263e2e;cursor:pointer}button:hover{background:#dce5d3}button:disabled{opacity:.45;cursor:default}input,select{background:white;color:#25352c;max-width:100%}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a48127;outline-offset:2px}[hidden]{display:none!important}#gate{max-width:560px;margin:50px auto;background:white;border:1px solid #d7ddcf;padding:34px;border-radius:18px}form,label{display:flex;flex-direction:column;gap:7px}form{gap:18px}form button{background:#3f5b43;color:white}#status:not(:empty){padding:14px;background:#fff0c7;border-radius:8px}#status{max-width:100%;overflow-wrap:anywhere}.intro{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.intro p{font-weight:650;margin:0}.intro small{letter-spacing:normal;margin-right:auto}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}nav{display:flex;flex-direction:column;gap:6px;align-self:start;position:sticky;top:16px}nav button{text-align:left;display:flex;justify-content:space-between;gap:10px;background:transparent;border-color:transparent}nav button.active{background:#3f5b43;color:white}nav span{font-size:12px;align-self:center}article{min-width:0}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.heading button{font-size:13px}.filters{display:flex;gap:12px;flex-wrap:wrap;background:#e8eddf;padding:16px;border-radius:12px}.filters label{font-size:13px;font-weight:650}.filters label:first-child{flex:1;min-width:220px}#count{font-size:14px;color:#586654}.table-wrap{max-height:65vh;overflow:auto;background:#fff;border:1px solid #d5ddce;border-radius:10px}table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px;text-align:left}th{position:sticky;top:0;background:#eaf0e3;z-index:1;white-space:nowrap;border-bottom:2px solid #b3bfa8}th button{border:0;background:transparent;font-weight:bold;text-align:left;width:100%}td{padding:11px 14px;border-bottom:1px solid #edf0e7;max-width:420px;min-width:100px;overflow-wrap:anywhere}td.number{font-variant-numeric:tabular-nums;text-align:right}tbody tr:nth-child(even){background:#f8faf4}tbody tr:hover{background:#fff6d8}.pagination{display:flex;justify-content:space-between;align-items:center;margin:16px 0}details{font-size:14px;line-height:1.65;background:#eaf0e3;border-radius:10px;padding:16px}summary{cursor:pointer;font-weight:bold}footer{font-size:13px;color:#586654}#description{line-height:1.6;color:#53614f}@media(max-width:800px){header,main,footer{padding:16px}.layout{display:block}nav{position:static;display:flex;flex-direction:row;overflow:auto;margin-bottom:20px}nav button{flex:none}.heading{align-items:start;flex-direction:column;gap:4px}.intro{gap:10px}.table-wrap{max-height:60vh}h1{font-size:20px}h2{font-size:24px}#gate{margin:20px auto;padding:22px}.filters label{flex:1}.filters label:first-child{flex-basis:100%}}
