:root{font-family:system-ui,sans-serif;color:#18352f;background:#f2f4ed}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:36px 24px}header{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:700;letter-spacing:2px}.badge{background:#e4edcb;border-radius:20px;padding:7px 12px;letter-spacing:0}h1{font-size:clamp(32px,6vw,54px);letter-spacing:-2px;margin:55px 0 8px}h2{font-size:21px}section{background:#fff;border:1px solid #dbe1d4;border-radius:16px;padding:24px;margin-top:24px}.muted,footer{color:#627368;font-size:14px}select,input,textarea{font:inherit;padding:12px;border:1px solid #b9c9bc;border-radius:8px;background:white;color:inherit}select{display:block;width:100%;margin:8px 0 16px}button{font:inherit;font-weight:600;color:white;background:#245f49;border:0;border-radius:8px;padding:12px 18px;cursor:pointer;margin:5px 8px 5px 0}button:disabled{opacity:.4;cursor:default}button:hover:enabled{background:#184332}label{font-size:14px;display:block}input,textarea{display:block;margin-top:6px;width:100%}.filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.total{font-size:38px;font-weight:700;margin:24px 0 8px}article{border-top:1px solid #e1e7df;padding:12px 0}article p{font-size:14px;overflow-wrap:anywhere}h3{margin-bottom:8px}footer{margin:30px 0}#error,#editerror{color:#a12727}dialog{border:1px solid #bcccbc;border-radius:16px;max-width:500px;width:90%;padding:28px}dialog label{margin:16px 0}dialog::backdrop{background:#142a2388}textarea{min-height:90px}