:root{font-family:Arial,sans-serif;color:#17342f;background:#f3f5f2}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#17342f;color:white;padding:0 max(20px,calc((100% - 1050px)/2));display:flex;justify-content:space-between;align-items:center}header a{color:white;text-decoration:none}main{max-width:1050px;margin:35px auto;padding:0 18px}.panel{background:white;border:1px solid #dce4df;border-radius:12px;padding:24px;box-shadow:0 8px 30px #17342f0a}#login{max-width:440px;margin:80px auto}.panel h1,.panel h2{margin-top:0}.panel h2{font-size:18px}label{display:grid;gap:6px;margin:12px 0;font-size:12px;font-weight:700}input,textarea{width:100%;padding:11px;border:1px solid #cbd8d3;border-radius:6px;font:inherit}button{background:#17342f;color:white;border:0;border-radius:6px;padding:11px 16px;font-weight:700;cursor:pointer}.title,.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.title{margin-bottom:20px}.title h1{margin:2px 0}.title small{color:#bd775d}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.row{display:grid;grid-template-columns:2fr 1fr;gap:10px}.section-head p{font-size:12px;color:#667772}.portal{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr auto;gap:8px;align-items:end;border-top:1px solid #e4eae7;padding:10px 0}.portal label{margin:0}.remove{background:#a94438}output{display:block;margin-top:14px;font-size:13px}@media(max-width:700px){.grid{grid-template-columns:1fr}.portal{grid-template-columns:1fr}.wide{grid-column:auto}.title,.section-head{align-items:flex-start;flex-direction:column}}