:root{--biz-ink:#191b18;--biz-paper:#fff;--biz-cream:#fffaf0;--biz-line:#c8c8c0;--biz-muted:#5a615b;--biz-blue:#255bea;--biz-yellow:#ffd754;--biz-accent:#16785d;--biz-soft:#ddf3e7}
*{box-sizing:border-box}
body{margin:0;background:var(--biz-cream);color:var(--biz-ink)}
button,input,select,textarea{font:inherit}
.business-hero{padding-bottom:46px}
.business-workspace{padding:0 0 88px}
.business-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:26px;align-items:start}
.business-editor{overflow:hidden;border:2px solid var(--biz-ink);border-radius:26px;background:#fff;box-shadow:8px 9px 0 var(--biz-ink)}
.builder-section{padding:25px;border-bottom:1.5px solid var(--biz-ink)}
.builder-heading{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;margin-bottom:19px}
.builder-heading>span{display:grid;width:36px;height:34px;place-items:center;border:1.5px solid var(--biz-ink);border-radius:50%;background:var(--biz-yellow);font-size:11px;font-weight:950}
.builder-heading h2{margin:0;font-size:25px;letter-spacing:-.04em}
.builder-heading p{margin:3px 0 0;color:var(--biz-muted);font-size:14px;line-height:1.45}
.builder-heading.with-action{grid-template-columns:38px 1fr auto;align-items:center}
.field-grid{display:grid;gap:14px}
.field-grid.two{grid-template-columns:1fr 1fr}
.field-grid.three{grid-template-columns:repeat(3,1fr)}
.full{grid-column:1/-1}
.field{display:grid;gap:7px;color:var(--biz-ink);font-size:14px;font-weight:850}
.field>span{display:flex;align-items:baseline;gap:5px}
.field small{color:var(--biz-muted);font-size:11px;font-weight:600}
.field input,.field select,.field textarea{width:100%;min-width:0;border:1.5px solid var(--biz-ink);border-radius:10px;background:#fff;padding:11px 12px;color:var(--biz-ink);outline:none}
.field input,.field select{min-height:45px}
.field textarea{resize:vertical;line-height:1.45}
.field input:focus,.field select:focus,.field textarea:focus,.builder-row input:focus,.builder-row select:focus{border-color:var(--biz-blue);box-shadow:0 0 0 3px rgba(37,91,234,.18)}
.suffix-input{display:flex;align-items:center;overflow:hidden;border:1.5px solid var(--biz-ink);border-radius:10px;background:#fff}
.suffix-input input{border:0!important;border-radius:0!important;box-shadow:none!important}
.suffix-input span{padding:0 12px;color:var(--biz-muted);font-weight:900}
.compact-button,.primary-action,.secondary-action,.text-action{border:1.5px solid var(--biz-ink);font-weight:900;cursor:pointer}
.compact-button{min-height:42px;padding:8px 15px;border-radius:999px;background:#fff}
.compact-button:hover,.secondary-action:hover{background:#f1f1ed}
.row-labels,.builder-row{display:grid;gap:8px;align-items:center}
.row-labels{padding:0 2px 7px;color:var(--biz-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.builder-row{padding:10px 0;border-top:1px solid #e1e0da}
.builder-row label{display:block;min-width:0}
.builder-row label>span{display:none}
.builder-row input,.builder-row select{width:100%;min-width:0;min-height:43px;border:1.5px solid var(--biz-ink);border-radius:9px;padding:9px;background:#fff;outline:none}
.row-output{font-weight:850;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.remove-row{display:grid;width:34px;height:34px;place-items:center;border:1.5px solid var(--biz-ink);border-radius:50%;background:#fff;color:var(--biz-ink);font-size:20px;line-height:1;cursor:pointer}
.remove-row:hover{background:#ffe7df}
.legal-note{margin:14px 0 0;padding:11px 13px;border-radius:10px;background:#f3f2ed;color:#4f554f;font-size:12px;line-height:1.5}
.builder-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:25px;background:var(--biz-soft)}
.live-total{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:15px;padding-bottom:12px;border-bottom:1.5px solid var(--biz-ink)}
.live-total span{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.live-total strong{font-size:34px;letter-spacing:-.05em;font-variant-numeric:tabular-nums;text-align:right}
.primary-action,.secondary-action{min-height:52px;padding:11px 16px;border-radius:11px}
.primary-action{background:var(--biz-ink);color:#fff}
.primary-action:hover{background:#2a2e29}
.secondary-action{background:#fff;color:var(--biz-ink)}
.text-action{justify-self:start;border:0;border-bottom:1px solid var(--biz-ink);background:transparent;padding:4px 0;font-size:12px}
.action-help,.status-line{grid-column:1/-1;margin:0;color:#4d554f;font-size:12px;line-height:1.5}
.status-line{min-height:18px;font-weight:800;color:var(--biz-accent)}
.status-line.error{color:#a13026}
.preview-column{position:sticky;top:96px;width:100%;min-width:0;max-width:100%}
.preview-label{display:flex;justify-content:space-between;align-items:baseline;margin:0 3px 9px;font-weight:900}
.preview-label span{text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.preview-label small{color:var(--biz-muted);font-weight:600}
.business-document{width:100%;min-width:0;max-width:100%;min-height:760px;overflow:hidden;padding:38px 36px;border:1.5px solid var(--biz-ink);background:#fff;box-shadow:7px 8px 0 rgba(25,27,24,.2);font-family:Arial,Helvetica,sans-serif;color:#151715}
.document-top{display:flex;justify-content:space-between;gap:28px;padding-bottom:23px;border-bottom:4px solid #151715}
.document-sender{min-width:0}
.document-sender strong{display:block;font-size:22px;overflow-wrap:anywhere}
.document-sender p,.document-client p{margin:5px 0 0;color:#4f554f;font-size:11px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.document-name{text-align:right;flex:0 0 auto}
.document-name h2{margin:0 0 7px;font-size:35px;letter-spacing:.07em}
.document-name strong{font-size:13px}
.document-intro{display:grid;grid-template-columns:1fr 215px;gap:26px;padding:24px 0}
.document-client{display:grid;align-content:start}
.document-client>strong{margin-top:5px;font-size:16px}
.document-label{font-size:9px;font-weight:900;letter-spacing:.12em;color:#555b55}
.document-meta{display:grid;gap:7px;margin:0}
.document-meta div{display:flex;justify-content:space-between;gap:14px}
.document-meta dt{color:#5b615b;font-size:10px}
.document-meta dd{margin:0;font-size:10px;font-weight:800;text-align:right}
.document-project{margin:0 0 20px;padding:12px 14px;border-left:5px solid var(--biz-accent);background:#f3f4f0}
.document-project span{display:block;margin-bottom:3px;font-size:9px;font-weight:900;letter-spacing:.12em;color:#596059}
.document-project strong{font-size:15px}
.business-document table{display:table;width:100%;min-width:0!important;max-width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}
.business-document th{padding:10px 7px;background:#171917;color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.05em}
.business-document td{padding:10px 7px;border-bottom:1px solid #c9cbc6;overflow-wrap:anywhere;vertical-align:top}
.business-document td.numeric,.business-document th.numeric{text-align:right;font-variant-numeric:tabular-nums}
.document-summary{display:flex;justify-content:flex-end;margin-top:22px}
.document-summary dl{width:min(100%,300px);margin:0}
.document-summary dl>div{display:flex;justify-content:space-between;gap:20px;padding:6px 2px;font-size:11px}
.document-summary dt{color:#555b55}
.document-summary dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}
.document-summary .grand-total{margin-top:5px;padding:11px 2px;border-top:2px solid #171917;font-size:16px}
.document-summary .highlight-total{margin-top:4px;padding:12px 10px;background:var(--biz-soft);color:var(--biz-accent);font-size:15px;font-weight:900}
.document-block{margin-top:24px;padding-top:13px;border-top:1px solid #c9cbc6;break-inside:avoid}
.document-block p{margin:6px 0 0;font-size:10px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.document-signatures{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:42px;break-inside:avoid}
.signature-line{padding-top:7px;border-top:1px solid #171917;color:#535953;font-size:9px}
.document-footnote{margin:28px 0 0;color:#5a605a;font-size:8.5px;line-height:1.45}

@media(max-width:1080px){.business-layout{grid-template-columns:1fr}.preview-column{position:static;max-width:780px;margin:0 auto}.business-document{min-height:0}}
@media(max-width:700px){.business-layout{gap:20px}.business-editor{border-radius:20px;box-shadow:5px 6px 0 var(--biz-ink)}.builder-section{padding:20px 16px}.builder-heading{grid-template-columns:34px 1fr}.builder-heading h2{font-size:22px}.builder-heading.with-action{grid-template-columns:34px 1fr}.builder-heading.with-action .compact-button{grid-column:2;justify-self:start;margin-top:6px}.field-grid.two,.field-grid.three,.builder-actions{grid-template-columns:1fr}.row-labels{display:none}.builder-row label>span{display:block;margin-bottom:5px;color:var(--biz-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.live-total{grid-column:1}.action-help,.status-line{grid-column:1}.business-document{padding:25px 18px}.document-top{gap:12px}.document-name h2{font-size:27px}.document-intro{grid-template-columns:1fr;gap:18px}.document-meta{max-width:250px}.document-signatures{grid-template-columns:1fr;gap:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}