:root{--green:#24b56b}*{box-sizing:border-box}body{margin:0;background:#f5f7f8;color:#263c31;font:16px Arial,sans-serif}a{color:#16824b;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;background:white;border:1px solid #d5e2d9;padding:10px 14px;border-radius:7px;color:#356347}header{background:white;border-bottom:1px solid #e0e8e3;padding:24px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:45px;flex-wrap:wrap}#brand{font-size:28px;font-weight:bold;color:var(--green)}header nav{display:flex;gap:25px;flex-wrap:wrap;font-size:14px}main{max-width:1220px;margin:auto;padding:28px 20px}h1{font-size:28px;margin:0 0 12px}.intro p{color:#6a7b71;margin:0 0 28px}#filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;background:white;padding:24px;border:1px solid #dfe8e2;border-radius:10px}label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#566d5e}input,select{padding:12px;border:1px solid #d7e3dc;border-radius:6px;min-width:0;width:100%;background:white}.filter-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.check{flex-direction:row;align-items:center}.check input{width:18px;height:18px}.results-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0;gap:14px}#count{font-size:14px;color:#65796c}.results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.app{background:white;padding:20px;border:1px solid #dfe8e2;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.image{width:80px;height:80px;border-radius:16px;border:1px solid #e1e8e3;overflow:hidden;background:#edf5ef;display:grid;place-items:center}.image img{width:100%;height:100%;object-fit:contain;padding:5px}.app h2{font-size:16px;color:#273d30;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}.app p{font-size:13px;color:#6b7f72;margin:0}.app .description{line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.app .buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:10px}.details{display:inline-block;background:var(--green);padding:9px 12px;color:white;border-radius:6px;font-size:14px}.save{font-size:14px;padding:8px 10px}#pagination{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin:30px 0}#pagination button[aria-current=page]{background:var(--green);color:white}.empty{grid-column:1/-1;background:white;padding:50px 20px;text-align:center;border-radius:10px;border:1px solid #dfe8e2}.empty p{color:#6b7f72}.empty button{margin:16px}footer{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;padding:25px;background:white;border-top:1px solid #e0e8e3;font-size:14px}#notice{font-size:14px;color:#16824b}button:focus-visible,a:focus-visible{outline:3px solid #16824b;outline-offset:3px}button:disabled{opacity:.45;cursor:default}@media(max-width:960px){.results{grid-template-columns:repeat(3,minmax(0,1fr))}#filters{grid-template-columns:1fr 1fr}}@media(max-width:600px){.results{grid-template-columns:repeat(2,minmax(0,1fr))}.app{padding:15px}.app .description{display:none}header{gap:20px;padding:20px}header nav{gap:17px}#filters{padding:16px;gap:12px}.results-head{align-items:flex-start}.results-head button{font-size:13px}.image{width:64px;height:64px}.app .buttons{flex-direction:column;align-items:flex-start}}@media(max-width:350px){.results{grid-template-columns:1fr}#filters{grid-template-columns:1fr}}

.download-button{display:inline-flex;background:var(--green);color:white;padding:9px 12px;border-radius:6px;font-size:14px;align-items:center}.app .buttons{gap:8px}