*{box-sizing:border-box}body{color:#202122;background:#ececeb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{min-height:100vh;padding:24px 14px}.document,.card{background:#fff;width:min(920px,100%);margin:auto}.document{padding:34px;box-shadow:0 12px 40px #00000014}.card{border-radius:14px;max-width:620px;margin-top:80px;padding:32px}header,.meta,.signature-grid{justify-content:space-between;gap:28px;display:flex}header{border-top:5px solid #242526;margin-bottom:28px;padding-top:18px}header div{flex-direction:column;display:flex}header b,.section h3,.project small,.meta small{color:#ff654d;letter-spacing:.12em;font-size:12px;font-weight:800}.meta>div{flex-direction:column;min-width:220px;display:flex}.meta>div:last-child{text-align:right}.project{background:#f3f3f1;flex-direction:column;gap:8px;margin:26px 0;padding:18px;display:flex}.item{border-bottom:1px solid #ddd;grid-template-columns:1fr 70px 110px 120px;gap:10px;padding:12px;display:grid}.item.head{color:#fff;background:#242526;font-size:12px}.item>:not(:first-child){text-align:right}.totals{width:min(360px,100%);margin:24px 0 28px auto}.totals>div,.payment{border-bottom:1px solid #ddd;justify-content:space-between;gap:20px;padding:10px 0;display:flex}.grand{font-size:22px}.grand strong{color:#ff654d}.section{border-top:2px solid #242526;margin-top:28px;padding-top:18px}.section p,.accept p{line-height:1.55}.preserve{white-space:pre-wrap}.contract{grid-template-columns:1fr 1fr;gap:18px 28px;display:grid}.contract>div{border-bottom:1px solid #ddd;padding-bottom:14px}.contract p{font-size:13px}.accept{border-top:2px solid #242526;margin-top:34px;padding-top:20px}.signature-grid>div{flex-direction:column;flex:1;gap:10px;display:flex}.signature-grid label{flex-direction:column;gap:6px;font-weight:700;display:flex}.signature-grid input{border:1px solid #bbb;border-radius:7px;padding:12px;font-size:16px}.signature-grid img{object-fit:contain;border:1px solid #ddd;border-radius:8px;width:100%;max-width:340px;height:150px}.signature-pad{margin-top:6px}.signature-pad-heading{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.signature-pad-heading button{color:#e85f48;background:0 0;border:0;font-weight:700}.signature-canvas{touch-action:none;background:#fff;border:1px solid #bbb;border-radius:8px;width:100%;height:160px;display:block}.signature-pad small{color:#777;margin-top:6px;display:block}.accept-button{color:#fff;background:linear-gradient(90deg,#ff7157,#ff8c70);border:0;border-radius:9px;margin-top:8px;padding:14px 18px;font-size:15px;font-weight:800}.accept-button:disabled{opacity:.65}.signed{color:#246c3d;background:#eaf6ee;border-radius:8px;flex-direction:column;gap:3px;margin-bottom:22px;padding:14px 16px;display:flex}footer{text-align:center;border-top:2px solid #ff654d;flex-direction:column;align-items:center;gap:4px;margin-top:36px;padding-top:20px;font-size:12px;display:flex}@media (width<=700px){.shell{padding:0}.document{box-shadow:none;padding:20px 14px}header,.meta,.signature-grid{flex-direction:column}.meta>div:last-child{text-align:left}.item{grid-template-columns:1fr 44px 78px 88px;padding:9px 5px;font-size:12px}.contract{grid-template-columns:1fr}.signature-grid{gap:28px}.signature-canvas{height:180px}}