main{max-width:1400px!important}.inv-app-wrap{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px;display:grid}.inv-form-panel{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:28px}.inv-section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:10px;font-size:11px;font-weight:600}.inv-field{margin-bottom:12px}.inv-lbl{color:var(--mid);letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.inv-form-panel input[type=text],.inv-form-panel input[type=number],.inv-form-panel input[type=date],.inv-form-panel textarea,.inv-form-panel select{background:var(--bg);border:1.5px solid var(--border);width:100%;font-family:var(--font);color:var(--ink);border-radius:6px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.inv-form-panel input:focus,.inv-form-panel textarea:focus,.inv-form-panel select:focus{border-color:var(--blue)}.inv-form-panel textarea{resize:vertical;min-height:60px}.inv-row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inv-row-3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.items-table{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:13px}.items-table th{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);text-align:left;padding:6px 8px;font-size:10px;font-weight:600}.items-table td{padding:6px 4px}.items-table input{padding:6px 8px}.del-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.del-btn:hover{color:var(--red)}.add-btn{color:var(--blue);background:var(--bluebg);cursor:pointer;border:1.5px solid #bfdbfe;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s}.add-btn:hover{background:#dbeafe}.inv-preview-panel{position:sticky;top:80px}.inv-preview-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.inv-action-btn{font-family:var(--font);cursor:pointer;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s}.inv-action-btn.primary{background:var(--blue);color:#fff}.inv-action-btn.primary:hover{background:var(--blue2)}.inv-action-btn.secondary{background:var(--white);color:var(--mid);border:1.5px solid var(--border)}.inv-action-btn.secondary:hover{border-color:var(--blue);color:var(--blue)}.invoice-preview{border:1px solid var(--border);background:#fff;border-radius:12px;min-height:600px;padding:40px;box-shadow:0 4px 24px #0000000f}.inv-header{justify-content:space-between;align-items:flex-start;margin-bottom:36px;display:flex}.inv-company{color:var(--ink);font-size:22px;font-weight:700}.inv-title{color:var(--blue);text-align:right;font-size:28px;font-weight:700}.inv-number{color:var(--muted);text-align:right;margin-top:4px;font-size:12px}.inv-dates{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;display:grid}.inv-block-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:600}.inv-block-val{color:var(--ink);font-size:13px;line-height:1.5}.inv-table{border-collapse:collapse;width:100%;margin-bottom:24px}.inv-table th{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--border);text-align:left;padding:8px 10px;font-size:10px;font-weight:600}.inv-table th:last-child,.inv-table td:last-child{text-align:right}.inv-table td{border-bottom:1px solid var(--border);color:var(--mid);padding:10px;font-size:13px}.inv-table td:first-child{color:var(--ink);font-weight:500}.inv-totals{width:240px;margin-left:auto}.inv-total-row{color:var(--mid);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.inv-total-row.grand{border-top:2px solid var(--ink);color:var(--ink);margin-top:8px;padding-top:10px;font-size:16px;font-weight:700}.inv-notes{border-top:1px solid var(--border);color:var(--muted);margin-top:24px;padding-top:20px;font-size:12px;line-height:1.6}.inv-watermark{text-align:center;color:#cbd5e1;margin-top:32px;font-size:10px}@media print{.inv-form-panel,.inv-preview-actions{display:none!important}.inv-app-wrap{display:block}.inv-preview-panel{position:static}.invoice-preview{box-shadow:none;border:none;border-radius:0;padding:20px}}@media (width<=1024px){.inv-app-wrap{grid-template-columns:1fr}.inv-preview-panel{position:static}}