:root{font-family:system-ui,-apple-system,sans-serif;color:#16312e;background:#eef3f1}*{box-sizing:border-box}body{margin:0}main{max-width:1020px;margin:50px auto;padding:0 24px}header{margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#5d7771}h1{font-size:30px;letter-spacing:-.04em}header>p{line-height:1.7;color:#58716b}.status{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0;padding:18px;background:#e0ece6;border:1px solid #c5dbce;border-radius:12px}#meta{font-size:13px;color:#536e62}section:not(.status){padding:22px;background:white;border:1px solid #d6e2dc;border-radius:12px}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}label{font-size:14px}input,button{font:inherit;padding:10px 14px;border-radius:7px;border:1px solid #c6d6cd}input{width:110px}button{background:#1d6755;color:white;cursor:pointer}.secondary{background:white;color:#245e4f}button:focus-visible,input:focus-visible{outline:3px solid #99c4b3;outline-offset:2px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:12px 16px;text-align:right;border-bottom:1px solid #e7ede9}th:first-child,td:first-child{text-align:left}th{font-size:13px;color:#698076}footer{font-size:12px;color:#698076;margin-top:20px;line-height:1.7}@media(max-width:600px){main{margin:25px auto;padding:0 14px}h1{font-size:24px}section:not(.status){padding:14px}}