*{box-sizing:border-box} :root{font-family:Arial,Helvetica,sans-serif;color:#1c2925;background:#f3f6f4;line-height:1.45}
body{margin:0}.top{background:#123b32;color:#fff;padding:22px max(18px,calc((100% - 980px)/2));display:flex;gap:14px;align-items:center}
.brand-mark{width:52px;height:52px;border:2px solid #b6d9c8;border-radius:12px;display:grid;place-items:center;font-weight:800;letter-spacing:1px}
.eyebrow{font-size:.72rem;letter-spacing:.14em;margin:0 0 3px;color:#bde0d0;font-weight:bold}.top h1{margin:0;font-size:clamp(1.35rem,4vw,2rem)}.subtitle{margin:3px 0 0;color:#e1eee8}
main{max-width:980px;margin:20px auto;padding:0 14px}.notice{background:#fff6df;border:1px solid #e9cc78;border-left:5px solid #c08b12;border-radius:10px;padding:14px 16px;margin-bottom:16px}.notice p{margin:5px 0 0}
.panel{background:#fff;border:1px solid #dce5df;border-radius:12px;padding:18px;margin:0 0 16px;box-shadow:0 2px 8px #123b3209}.panel h2{margin:0 0 14px;font-size:1.12rem;color:#123b32}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
label{display:block;font-weight:600;font-size:.92rem}input,select,textarea{font:inherit;color:#1c2925;width:100%;margin-top:6px;padding:12px;border:1px solid #aebeb5;border-radius:8px;background:#fff;min-height:44px}
input:focus,select:focus,textarea:focus{outline:3px solid #b7dfcc;border-color:#176a4c}.required{color:#b42318}.hint,.small{color:#53645c;font-size:.88rem}.hint{margin:12px 0 0}.small{font-size:.8rem}
.category{background:#fff;border:1px solid #dce5df;border-radius:12px;margin:0 0 16px;overflow:hidden}.category h2{margin:0;padding:14px 16px;background:#e7f1eb;color:#123b32;font-size:1.05rem}.category .inner{padding:12px 16px 16px}
.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.metric{padding:5px 0 8px;border-bottom:1px solid #edf1ee}.metric label{font-size:.86rem;font-weight:500}.metric input{margin-top:5px;max-width:100%;font-size:1rem}.metric input[readonly]{background:#f0f5f2;font-weight:bold}
.actions .button-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}button{font:inherit;font-weight:700;border:0;border-radius:8px;padding:12px 14px;min-height:44px;cursor:pointer}.primary{background:#176a4c;color:#fff}.secondary{background:#e7efea;color:#123b32}.danger{background:#f9e5e4;color:#8a1c17}button:focus{outline:3px solid #a7d9bf}
footer{text-align:center;color:#66756d;font-size:.82rem;padding:12px 0 30px}
@media(min-width:700px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.grid,.metric-grid{grid-template-columns:1fr}.top{padding:18px 14px}.panel{padding:15px}.category .inner{padding:10px 14px}.button-row button{width:100%}}