:root{--ink:#18243a;--paper:#f4f6f2;--panel:#fff;--muted:#66726d;--line:#d7ddd7;--green:#236654;--green2:#3b8d78;--orange:#e8753d;--red:#bd4f4f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.topbar{min-height:72px;padding:12px 24px;background:#183b34;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:18px;position:sticky;top:0;z-index:10}.brand,.actions,.hero,.section-head,.summary{display:flex;align-items:center}.brand{gap:12px}.mark{width:42px;height:42px;border-radius:11px;background:var(--orange);display:grid;place-items:center;font-weight:850}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{font:500 10px ui-monospace,monospace;letter-spacing:.08em;color:#cad9d4}.actions{gap:8px}.button{border:1px solid var(--green2);border-radius:9px;padding:9px 13px;background:var(--green2);color:#fff;font-weight:750;cursor:pointer}.button:hover,.button:focus-visible{background:var(--orange);border-color:var(--orange)}.button.secondary{background:transparent;border-color:#83a49b}.button.dark{color:var(--green);border-color:var(--green)}.shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{padding:22px;background:#e7ece7;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:25px}.sidebar section{display:grid;gap:9px}.home-link,.download-link{color:var(--green);font-weight:750}.home-link{padding:9px 11px;border:1px solid var(--green);border-radius:9px;text-decoration:none;width:max-content}.sidebar label,.roof-grid label{display:grid;gap:4px;color:var(--muted);font-size:11px}.sidebar input,.roof-grid input,td input,td select{width:100%;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:8px;font:inherit}.sidebar #project{font-size:16px;font-weight:750}.eyebrow{margin:0;font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.12em;color:var(--green)}.formula{margin:0;padding:10px;border-radius:8px;background:#fff;font:600 12px/1.6 ui-monospace,monospace}.muted{margin:0;color:var(--muted);font-size:12px}.workspace{padding:28px;min-width:0}.hero{justify-content:space-between;gap:18px;margin-bottom:20px}.hero h1{margin:3px 0 0;font-size:clamp(28px,4vw,46px);line-height:1;letter-spacing:-.04em}.hero p{margin:6px 0 0;color:var(--muted)}.status{padding:10px 15px;border-radius:999px;background:#d9efe8;color:#145a47;font-weight:800}.status.fail{background:#f8dddd;color:#8e3030}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.metric.primary{background:var(--green);color:#fff}.metric span,.metric small,.metric strong{display:block}.metric span{font-size:11px;color:inherit;opacity:.78}.metric strong{font-size:32px;line-height:1.1;margin-top:6px}.metric small{font-size:10px;opacity:.65}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}.section-head{justify-content:space-between;gap:14px}.card h2{margin:4px 0 12px;font-size:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th,td{padding:7px 5px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left}td input,td select{min-width:70px;padding:6px}td select{min-width:86px}.ottv-cell{font-weight:800;color:var(--green)}.remove{border:0;background:transparent;color:var(--red);cursor:pointer;font-size:17px}.lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.roof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bars{height:220px;display:flex;align-items:end;gap:12px;padding:15px 8px 22px}.bar{flex:1;min-width:28px;position:relative;background:linear-gradient(180deg,var(--orange),var(--green));border-radius:7px 7px 2px 2px}.bar b{position:absolute;top:-22px;width:100%;text-align:center;font-size:11px}.bar span{position:absolute;bottom:-22px;width:100%;text-align:center;font-size:10px;color:var(--muted)}.footnote{margin:16px 0 0;color:var(--muted);font-size:11px}@media(max-width:920px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.lower-grid{grid-template-columns:1fr}.workspace{padding:18px}}@media(max-width:640px){.topbar{position:relative;align-items:flex-start;flex-direction:column}.actions{width:100%}.actions .button{flex:1}.summary{grid-template-columns:1fr 1fr}.roof-grid{grid-template-columns:1fr 1fr}.hero{align-items:flex-start;flex-direction:column}.status{align-self:flex-start}.metric strong{font-size:25px}}