*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#d4d4d4;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px}.bg{min-height:100vh;padding:32px 20px 60px}.page{background:#fff;width:210mm;min-height:297mm;margin:0 auto;padding:16mm 18mm 14mm;position:relative;box-shadow:0 6px 32px #0000002e}.print-btn{color:#fff;cursor:pointer;letter-spacing:.3px;opacity:.5;background:#1a1a1a;border:none;border-radius:4px;padding:5px 12px;font-size:11px;transition:opacity .15s;position:absolute;top:12px;right:18px}.print-btn:hover{opacity:1}.editable{cursor:pointer;border-bottom:1px dashed #0000;min-width:12px;transition:border-color .15s;display:inline-block}.editable:hover{border-bottom-color:#aaa}.editable-input{font:inherit;color:inherit;background:#eff6ff;border:none;border-bottom:2px solid #3b82f6;border-radius:2px 2px 0 0;outline:none;min-width:40px;padding:1px 3px}.placeholder{color:#bbb;font-size:.9em;font-style:italic}.inv-header{border-bottom:2.5px solid #1a1a1a;justify-content:space-between;align-items:flex-start;margin-bottom:22px;padding-bottom:18px;display:flex}.inv-title{letter-spacing:-1px;color:#1a1a1a;margin:0;font-size:40px;font-weight:900;line-height:1}.from-block{text-align:right}.from-label{text-transform:uppercase;letter-spacing:.6px;color:#888;margin-bottom:4px;font-size:10px}.from-name{margin-bottom:1px;font-size:13.5px;font-weight:700}.from-line{color:#444;line-height:1.65}.meta{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}.meta-label{text-transform:uppercase;letter-spacing:.6px;color:#888;margin-bottom:4px;font-size:10px}.bill-to{flex:1}.bill-to-name{margin-bottom:1px;font-size:13.5px;font-weight:700}.bill-to-line{color:#444;line-height:1.65}.inv-details{grid-template-columns:max-content max-content;justify-content:end;align-items:baseline;gap:4px 20px;display:grid}.detail-row{display:contents}.detail-label{text-transform:uppercase;letter-spacing:.5px;color:#888;white-space:nowrap;text-align:right;min-width:76px;font-size:10px}.detail-value{text-align:right;font-weight:600}.terms-value{color:#444;text-align:right;font-weight:400}.items-table{border-collapse:collapse;width:100%}.items-table th{color:#fff;letter-spacing:.7px;text-transform:uppercase;text-align:left;background:#1a1a1a;padding:8px 10px;font-size:10px;font-weight:600}.col-qty,.col-price,.col-amount{text-align:right!important}.col-desc{width:50%}.col-qty{width:10%}.col-price,.col-amount{width:17%}.col-del{width:28px}th.col-del{background:#1a1a1a}.items-table td{vertical-align:middle;border-bottom:1px solid #ebebeb;padding:7px 10px}.item-row:hover td{background:#fafafa}.item-row .remove-btn{opacity:0;transition:opacity .15s}.item-row:hover .remove-btn{opacity:1}.remove-btn{cursor:pointer;color:#e53e3e;background:0 0;border:none;margin:0 auto;padding:0 2px;font-size:18px;line-height:1;display:block}.remove-btn:hover{color:#c53030}.empty-row td{border-bottom:1px solid #ebebeb;height:36px}.add-row-btn{cursor:pointer;color:#888;text-align:left;background:0 0;border:1px dashed #ccc;border-top:none;width:100%;padding:7px 10px;font-size:12px;transition:background .15s,color .15s}.add-row-btn:hover{color:#333;background:#f9f9f9;border-color:#999}.totals-wrapper{border-top:1px solid #ebebeb;justify-content:flex-end;margin-top:0;display:flex}.totals-table{border-collapse:collapse;width:36%}.totals-table td{padding:5px 10px}.tl{text-transform:uppercase;letter-spacing:.5px;color:#666;text-align:right;border-right:1px solid #ebebeb;padding-right:14px;font-size:10px}.tv{text-align:right;font-variant-numeric:tabular-nums;min-width:90px}.total-row td{border-top:2px solid #1a1a1a;padding-top:7px;font-size:14px;font-weight:800}@media print{@page{size:A4;margin:0}body{background:0 0}.bg{padding:0}.page{box-shadow:none;width:100%;min-height:0;padding:14mm 16mm 12mm}.no-print{display:none!important}.editable{border-bottom:none!important}.placeholder{display:none}}