.invoice-preview{text-align:center;padding:16px 0 72px}.invoice-preview-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);align-items:center;gap:56px;max-width:1180px;margin:0 auto;text-align:left}.invoice-preview-side{min-width:0}.invoice-preview-side-title{font-size:1.7rem;line-height:1.35;margin:0 0 16px;color:var(--color-text)}.invoice-preview-side-text{font-size:1.1rem;line-height:1.6;color:var(--color-text-muted);margin:0 0 22px}.invoice-preview-side-steps{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:1.15rem;font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0}.invoice-preview-side-arrow{color:var(--color-text-light);font-weight:var(--font-weight-normal);font-size:1rem}.invoice-preview-actions{margin-top:200px}.invoice-preview-side .invoice-preview-caption{margin-top:16px;font-size:.9rem;color:var(--color-text-light)}.invoice-preview-stage{max-width:1100px;margin:0 auto}.invoice-doc{position:relative;max-width:920px;margin:0 auto;background:var(--color-white);border-radius:12px;box-shadow:0 24px 60px #1e2a3a24,0 4px 14px #1e2a3a14;padding:48px 56px 40px;text-align:left}.invoice-doc h3{margin:0 0 22px;font-size:1.25rem;text-align:center;color:#212121}.invoice-doc-details{margin-bottom:22px;font-size:.95rem;line-height:1.8;color:#3a3a3a}.invoice-doc-details p{margin:0}.invoice-doc-details strong{font-weight:var(--font-weight-semibold)}.invoice-doc table{width:100%;border-collapse:collapse;font-size:.8rem;color:#3a3a3a}.invoice-doc th,.invoice-doc td{border:1px solid #d9d9d9;padding:7px 9px;text-align:left}.invoice-doc thead th{background:#ebebeb;font-weight:var(--font-weight-semibold)}.invoice-doc th:nth-child(3),.invoice-doc th:nth-child(5),.invoice-doc th:nth-child(6),.invoice-doc td:nth-child(3),.invoice-doc td:nth-child(5),.invoice-doc td:nth-child(6){text-align:right;white-space:nowrap}.invoice-doc tfoot td{text-align:right;font-weight:var(--font-weight-bold)}.invoice-doc-total{margin-top:14px;font-size:.9rem;color:#3a3a3a}.invoice-doc-amount{margin-top:4px;font-weight:var(--font-weight-semibold)}.invoice-doc-due{margin-top:6px}.invoice-doc-sign{position:relative;display:flex;align-items:flex-end;justify-content:space-between;margin-top:40px;font-size:.9rem;color:#3a3a3a}.invoice-doc-sign .sig-side{width:30%}.invoice-doc-sign .sig-space{border-bottom:1px solid var(--color-border);text-align:center;height:46px;position:relative}.invoice-doc-sign .sig-draw{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:150px;height:40px}.invoice-doc-sign .sig-name{width:30%;border-bottom:1px solid var(--color-border);text-align:right}.invoice-doc-stamp{position:absolute;right:66px;bottom:4px;width:96px;height:96px;border:2px solid rgba(37,99,235,.45);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transform:rotate(-12deg);color:#2563eb8c;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.25;text-align:center;pointer-events:none}.invoice-preview-caption{margin:40px 0 0;color:var(--color-text-muted);font-size:1.05rem}.invoice-preview-cta{margin-top:20px}@media (max-width: 960px){.invoice-preview-grid{grid-template-columns:1fr;gap:40px}.invoice-preview-side{text-align:center;max-width:560px;margin:0 auto}.invoice-preview-side-steps{justify-content:center}}@media (max-width: 880px){.invoice-doc{padding:26px 20px 24px}.invoice-doc-stamp{width:74px;height:74px;right:30px;font-size:.5rem}}@media (max-width: 480px){.invoice-doc h3{font-size:1.2rem}.invoice-doc th,.invoice-doc td{padding:5px 6px;font-size:.78rem}}