*{box-sizing:border-box}body{margin:0;font:16px system-ui,Arial;color:#24382c;background:#f6f8f4}header{background:#264735;color:white;padding:18px max(20px,calc((100vw - 1050px)/2));display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}header a{color:white;text-decoration:none}nav{display:flex;gap:15px;flex-wrap:wrap}main{max-width:1050px;margin:35px auto;padding:0 20px}h1{font-size:1.8rem}.panel{background:white;border:1px solid #dce5dc;border-radius:13px;padding:23px;margin:15px 0;box-shadow:0 2px 10px #00000007}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.grid .panel{margin:0}label{display:block;margin:12px 0 5px;font-weight:600}input,select,textarea{width:100%;padding:12px;border:1px solid #b8c9b9;border-radius:7px;font:inherit}button,.btn{display:inline-block;background:#315b42;color:white;border:0;border-radius:7px;padding:11px 17px;text-decoration:none;font:inherit;cursor:pointer;margin-top:12px}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #e2e9e2;padding:10px}table{display:block;overflow-x:auto}.muted{color:#617368}.error{color:#a22}footer{text-align:center;padding:30px;color:#617368}@media(max-width:550px){header{display:block}nav{margin-top:12px}main{margin:20px auto}}