:root{font-family:system-ui,sans-serif;color:#183c2c;background:#eaf4ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:22px 5%;background:#153e2b;color:#fff}.brand{font-size:24px;font-weight:750;text-decoration:none}header span{flex:1}main{max-width:1280px;margin:32px auto;padding:0 20px}h1{font-size:30px}nav{display:flex;gap:10px;margin-bottom:20px}button,input,select{font:inherit;border:1px solid #769581;border-radius:8px;padding:11px 14px;background:#fff;color:#183c2c}button{cursor:pointer}button[aria-pressed=true]{background:#245c3c;color:#fff;border-color:#245c3c}button:hover:enabled{background:#d6e9d9;color:#183c2c}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:3px solid #755500;outline-offset:3px}.panel{background:#fff;border:1px solid #b1cbb8;border-radius:14px;padding:22px}.filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap}label{display:grid;gap:7px;font-size:14px;font-weight:650}label:first-child{flex:1;min-width:220px}input,select{width:100%}.note,footer{color:#405c49;font-size:14px;line-height:1.6}.error{color:#8c2424;background:#fff0ed;padding:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{background:#e2efe5;font-size:14px}th,td{padding:13px 14px;border-bottom:1px solid #d8e4da}td:first-child{white-space:nowrap}small{display:block;color:#405c49;font-size:11px;margin-top:4px}tbody tr:nth-child(2n){background:#f4f9f5}.star{font-size:23px;line-height:1;min-width:46px;min-height:46px}.pages{display:flex;justify-content:space-between;align-items:center;margin-top:20px}a{color:#245c3c}@media(max-width:600px){header{gap:15px;flex-wrap:wrap}header span{display:none}main{padding:0 10px;margin:20px auto}.panel{padding:12px}th,td{padding:10px}table{min-width:600px}.filters label{flex:1;min-width:140px}.filters label:first-child{flex-basis:100%}}:root{background:#f7fbf8;font-size:18px}h1,th{color:#123d29}button{background:#176438;color:#fff;min-height:46px}button[aria-pressed=false]{background:#fff;color:#183c2c}th,label,.note,footer,small{font-size:16px}header a{color:#fff}
