:root{font-family:system-ui,sans-serif;color:#183a37;background:#f4f6f8;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#183a37;color:white;padding:32px 24px}header>div,main{max-width:960px;margin:auto}header small{color:#7dd3b0;font-weight:700}h1{font-size:clamp(24px,4vw,34px);margin:8px 0}main{padding:24px}section,aside{background:white;border-radius:14px;padding:24px;margin-bottom:20px}aside{background:#fff4d6}p{line-height:1.65;margin:10px 0;color:#455e59}h2{margin:0 0 12px;font-size:22px}.fields{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}label{display:block;font-weight:600;margin:16px 0}label small{display:block;font-weight:400;color:#526762;line-height:1.5;margin:6px 0}input:not([type=checkbox]),textarea{display:block;width:100%;padding:10px;margin-top:8px;border:1px solid #91aaa3;border-radius:6px;font:inherit}input[type=checkbox]{width:18px;height:18px;accent-color:#2f8f6b}input[type=number],input[type=time]{max-width:180px}.toggle{display:flex;align-items:center;gap:10px}details{border-top:1px solid #dce5e1;padding-top:16px;margin-top:16px}summary{cursor:pointer}button{background:#236e53;color:white;border:0;border-radius:7px;padding:14px 20px;font:inherit;font-weight:600;cursor:pointer}button:hover{background:#183a37}:focus-visible{outline:3px solid #2779b5;outline-offset:3px}footer{font-size:13px;color:#526762;line-height:1.6}#status{min-height:24px}@media(max-width:500px){main{padding:12px}section,aside{padding:18px}button{width:100%}}