:root{font-family:Inter,Arial,sans-serif;color:#18382e;background:#f4f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:24px 5%;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #dce3db}.brand{font-size:23px;font-weight:800;letter-spacing:2px;text-decoration:none;color:#214e3d}.brand span{display:block;font-size:11px;font-weight:400;letter-spacing:1px;margin-top:7px;color:#68786f}main{max-width:1440px;margin:52px auto;padding:0 5%}.eyebrow{font-size:11px;letter-spacing:2px;color:#66816d;font-weight:700}h1{font-size:clamp(27px,3.2vw,44px);letter-spacing:-1.5px;line-height:1.15;font-weight:500;margin:18px 0}p{color:#67786e;line-height:1.6}.intro{margin-bottom:32px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}button{background:#285640;color:white;border:1px solid transparent;padding:13px 20px;border-radius:7px;cursor:pointer;font:inherit;font-size:14px}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:not-allowed}.secondary,nav button{background:transparent;color:#285640;border-color:#ccd8cd}nav button.active{background:#285640;color:white;border-color:#285640}section{background:white;border:1px solid #dce3db;border-radius:12px;padding:28px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}h2{font-size:23px;font-weight:500;margin:0 0 8px}.section-head p{font-size:13px;margin:0;max-width:740px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{font-size:11px;letter-spacing:.4px;background:#edf2ec;color:#46634e;text-align:left;padding:13px 8px;white-space:nowrap}td{padding:10px 5px;border-bottom:1px solid #edf0eb}input{width:100%;min-width:80px;border:1px solid #ccd8cd;border-radius:5px;padding:11px;background:#fcfdfa;font:inherit;color:#18382e;font-size:14px}input:focus{outline:2px solid #80a58a;outline-offset:1px}label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#526c5a}.extras{display:flex;gap:20px;flex-wrap:wrap;margin:26px 0}.extras label{flex:1;min-width:180px;max-width:300px}.remove{background:transparent;color:#8a6059;font-size:24px;padding:4px 12px}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin:25px 0}.metric{padding:20px;background:#f0f5ee;border-radius:8px}.metric span{display:block;font-size:12px;color:#5b7562;min-height:32px}.metric strong{display:block;font-size:24px;letter-spacing:-.7px;font-weight:500}.negative{background:#fff0ec;color:#a63d29}.save{display:flex;align-items:end;gap:16px;border-top:1px solid #e3e9e0;padding-top:24px}.save label{flex:1}.footnote,footer{font-size:12px;color:#7c897d}footer{margin:24px 0}.login{max-width:680px;margin:70px auto}.login h1{font-size:44px}.login form{background:white;border:1px solid #dce3db;border-radius:12px;padding:30px;margin:30px 0;display:grid;gap:22px;max-width:450px}.login small{color:#7c897d}#validation,#login-error{color:#ae3f28}#status{font-size:13px}.history-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #e5ebe2}.history-row span{font-size:12px;color:#778777}#account{font-size:12px}#account button{margin-left:12px;padding:9px 12px}[hidden]{display:none!important}@media(max-width:700px){header{padding:18px 5%}.brand{font-size:18px}main{margin-top:30px}section{padding:18px}.section-head,.save{align-items:stretch;flex-direction:column}.results{grid-template-columns:1fr 1fr}.metric{padding:14px}.metric strong{font-size:21px}.login h1{font-size:34px}.history-row{align-items:start;flex-direction:column}}
