:root{--ink:#172019;--muted:#68736a;--line:#dfe5df;--paper:#fff;--green:#b7f55b;--soft:#f2f5ef;--orange:#e58453}*{box-sizing:border-box}body{margin:0;background:#edf1eb;color:var(--ink);font-family:"DM Sans",sans-serif}header{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 max(24px,calc((100vw - 900px)/2));background:#172019;color:#cbd3cc;font-size:11px;text-transform:uppercase;letter-spacing:1px}.brand{display:flex;align-items:center;gap:9px;color:white;text-decoration:none;font:700 16px Manrope;text-transform:none;letter-spacing:0}.brand span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--green);color:#172019;font-size:10px}main{width:min(900px,calc(100% - 30px));margin:38px auto 70px}.loading,.error-card{display:grid;place-items:center;min-height:460px;background:white;border-radius:18px;text-align:center;box-shadow:0 18px 60px #33433315}.loading i{width:34px;height:34px;border:3px solid #dfe5df;border-top-color:#74aa3e;border-radius:50%;animation:spin .8s linear infinite}.loading h1,.error-card h1{margin:16px 0 0;font:700 27px Manrope}.loading p,.error-card p{margin:7px 0;color:var(--muted)}.error-card>b{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#172019;color:var(--green);font:700 16px Manrope}@keyframes spin{to{transform:rotate(360deg)}}.document{background:var(--paper);border-radius:18px;box-shadow:0 18px 60px #33433315;overflow:hidden}.document-top{display:flex;justify-content:space-between;gap:24px;padding:52px 58px 38px;border-bottom:1px solid var(--line)}.kicker{color:#71944f;font-size:9px;font-weight:700;letter-spacing:1.5px}.document-top h1{max-width:580px;margin:10px 0 7px;font:700 clamp(26px,4vw,38px)/1.15 Manrope}.document-top p{margin:0;color:var(--muted);font-size:12px}.status{height:max-content;padding:8px 11px;border-radius:20px;background:#eef3ea;color:#587040;font-size:10px;font-weight:700;white-space:nowrap}.parties{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 58px}.parties div{display:grid;gap:3px}.parties small,.terms small{color:#8a948c;font-size:8px;font-weight:700;letter-spacing:1.2px}.parties strong{font:600 14px Manrope}.parties span{color:var(--muted);font-size:11px}.scope-head{display:grid;grid-template-columns:1fr auto;margin:10px 58px 0;padding:11px 0;border-bottom:2px solid var(--ink);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.items{margin:0 58px}.item{display:grid;grid-template-columns:1fr auto;gap:25px;padding:18px 0;border-bottom:1px solid var(--line)}.item strong{display:block;font-size:13px}.item span,.item p{display:block;margin:4px 0 0;color:var(--muted);font-size:10px}.item>b{font:600 13px Manrope}.summary{width:min(380px,calc(100% - 116px));margin:25px 58px 0 auto}.summary div{display:flex;justify-content:space-between;padding:5px 0;color:var(--muted);font-size:10px}.summary b{color:var(--ink)}.grand-total{display:flex;align-items:center;justify-content:space-between;width:min(380px,calc(100% - 116px));margin:10px 58px 0 auto;padding:17px 0;border-top:2px solid var(--ink)}.grand-total div{display:grid}.grand-total span{font-size:12px;font-weight:700}.grand-total small{margin-top:2px;color:var(--muted);font-size:9px}.grand-total strong{font:700 26px Manrope}.terms{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin:38px 58px;padding:20px 22px;background:var(--soft);border-radius:10px}.terms div{display:grid;gap:6px}.terms span{color:#526057;font-size:11px;line-height:1.55}.response{display:grid;grid-template-columns:1.3fr 1fr;gap:18px 28px;padding:36px 58px;background:#172019;color:white}.response h2{margin:7px 0 4px;font:700 22px Manrope}.response p{margin:0;color:#adb8b0;font-size:11px}.response label{color:#c2cbc4;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.response input{display:block;width:100%;margin-top:8px;border:1px solid #4b574e;background:#29332c;color:white;border-radius:8px;padding:12px;font:500 12px "DM Sans"}.response-actions{grid-column:2;display:grid;grid-template-columns:1fr 1.5fr;gap:8px}.response button{border:0;border-radius:8px;padding:12px;font-weight:700;cursor:pointer}.approve{background:var(--green);color:var(--ink)}.decline{background:#354038;color:#d7ded8}.response button:disabled{opacity:.55;cursor:wait}#responseMessage{grid-column:2;color:#f0ad88}.complete{padding:42px 58px;background:#172019;color:white;text-align:center}.complete div{display:grid;place-items:center;width:40px;height:40px;margin:auto;border-radius:50%;background:var(--green);color:#172019;font-weight:700}.complete h2{margin:13px 0 5px;font:700 22px Manrope}.complete p{margin:0;color:#b6c0b8;font-size:11px}footer{text-align:center;padding:0 20px 36px;color:#7f8981;font-size:10px}footer a{color:#435448;font-weight:700;text-decoration:none}[hidden]{display:none!important}@media(max-width:650px){header{padding:0 18px}main{margin-top:15px}.document-top{display:grid;padding:32px 25px 25px}.parties{grid-template-columns:1fr;padding:24px 25px}.scope-head,.items{margin-left:25px;margin-right:25px}.summary,.grand-total{width:auto;margin-left:25px;margin-right:25px}.terms{grid-template-columns:1fr;margin:30px 25px}.response{grid-template-columns:1fr;padding:30px 25px}.response-actions,#responseMessage{grid-column:1}.complete{padding:36px 25px}}