.invoice{background:#fff;width:794px;min-width:794px;border:1px solid #000;font-family:Arial,sans-serif;font-size:12px;color:#000}@media (max-width: 860px){.invoice{font-size:11px}}.inv-title{text-align:center;font-size:14px;font-weight:700;padding:6px 10px;border-bottom:1px solid #000}.inv-header{display:flex;align-items:flex-start;border-bottom:1px solid #000;padding:10px 12px}.inv-header-spacer{flex:0 0 160px}.inv-company{flex:1;text-align:center}.inv-company-name{color:#039;font-size:13px;font-weight:700;margin-bottom:4px}.inv-company-addr{font-size:11px;color:#333;margin:2px 0}.inv-no-inline{display:none}.inv-barcode-area{flex:0 0 160px;text-align:center}.barcode-svg{width:150px;height:50px}.inv-barcode-label{font-size:9px;margin-top:2px}.inv-to-section{border-bottom:1px solid #000;padding:8px 12px;min-height:80px}.inv-to-label{font-weight:700;font-size:12px;margin-bottom:6px}.inv-to-content{display:flex;justify-content:space-between;align-items:flex-start}.inv-client{flex:1;padding-right:20px}.inv-client-name{font-weight:700;font-size:12px;margin-bottom:3px}.inv-client-addr{font-size:11px;margin:1px 0;color:#333}.inv-meta{min-width:240px;padding-top:6px}.inv-meta-row{display:flex;align-items:center;margin:5px 0;font-size:11px}.inv-meta-key{min-width:90px;font-weight:500}.inv-meta-sep{margin:0 6px}.inv-meta-val{font-weight:600}.inv-table{width:100%;border-collapse:collapse}.inv-table th{border:1px solid #000;padding:4px;font-size:10.5px;text-align:center;font-weight:700;background:#f5f5f5}.inv-table td{border:1px solid #000;padding:4px 5px;font-size:11px;vertical-align:middle}.col-ord{width:13%}.col-form{width:9%}.col-product{width:16%}.col-notation{width:28%}.col-units{width:6%}.col-rate{width:10%}.col-discount,.col-total{width:9%}.text-center{text-align:center}.text-right{text-align:right}.notation-cell{padding:0}.notation-top{padding:3px 4px;min-height:18px;text-align:center}.notation-divider{border-top:1px solid #000}.notation-bottom{padding:3px 4px;min-height:18px;text-align:center}.patient-empty-cell{border:1px solid #000}.patient-row{font-weight:700;font-size:11px;text-align:center;border:1px solid #000}.empty-row td{height:30px}.inv-totals-area{display:flex;justify-content:flex-end;border-bottom:1px solid #000}.inv-totals-table{border-collapse:collapse}.inv-totals-table td{padding:2px 8px;font-size:11px}.totals-label{text-align:right;padding-right:12px;font-weight:500}.totals-value{text-align:right;min-width:75px;border-left:1px solid #999}.inv-amount-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000;padding:5px 12px}.inv-amount-words{font-size:11px;flex:1}.inv-net-amount{display:flex;align-items:center;gap:10px;font-weight:700;font-size:11px;border-left:1px solid #000;padding-left:12px;margin-left:10px}.net-label{white-space:nowrap}.net-value{min-width:75px;text-align:right}.inv-bank-section{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px;border-bottom:1px solid #000;min-height:100px}.inv-bank-details{flex:1;font-size:11px}.bank-title{font-weight:700;font-size:12px;margin-bottom:5px}.inv-bank-details>div{margin:3px 0}.inv-qr-area{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 16px}.inv-signatory{min-width:190px;text-align:center;display:flex;flex-direction:column;align-items:center;font-size:11px}.sig-company{line-height:1.4}.sig-space{flex:1;min-height:40px}.sig-text{margin-top:4px}.inv-footer{text-align:center;font-size:11px;padding:6px;color:#444}.invoice-form{font-family:Arial,sans-serif}.form-section{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #e8e8e8}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{margin:0 0 10px;font-size:11px;font-weight:700;color:#1a3c6e;text-transform:uppercase;letter-spacing:.6px}.field{margin-bottom:7px}.field label{display:block;font-size:10.5px;color:#666;margin-bottom:3px;font-weight:500}.field input{width:100%;border:1px solid #ccc;border-radius:3px;padding:5px 8px;font-size:12px;outline:none;transition:border-color .15s;color:#222}.field input:focus{border-color:#1a3c6e;box-shadow:0 0 0 2px #1a3c6e1f}.field-row{display:flex;gap:8px;flex-wrap:wrap}.field-row .field{flex:1;min-width:120px}@media (max-width: 400px){.field-row .field{flex:1 1 100%}}.item-block{border:1px solid #ddd;border-radius:6px;padding:10px;margin-bottom:10px;background:#fafafa}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-header span{font-weight:700;font-size:12px;color:#333}.remove-btn{background:#dc3545;color:#fff;border:none;padding:3px 9px;border-radius:3px;font-size:11px;cursor:pointer}.remove-btn:hover{background:#c82333}.add-btn{background:#1a3c6e;color:#fff;border:none;padding:7px 16px;border-radius:4px;font-size:12px;cursor:pointer;width:100%;margin-top:2px}.add-btn:hover{background:#15336a}body{margin:0;background:#e5eaf3;font-family:Arial,sans-serif}.app{min-height:100vh}.app-header{background:#1a3c6e;color:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000059}.app-title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.4px}.download-btn{background:#28a745;color:#fff;border:none;padding:8px 22px;border-radius:4px;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,opacity .2s}.download-btn:hover:not(:disabled){background:#218838}.download-btn:disabled{opacity:.6;cursor:not-allowed}.app-body{display:grid;grid-template-columns:370px 1fr;gap:20px;padding:20px;max-width:1380px;margin:0 auto;align-items:start}.form-panel{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;max-height:calc(100vh - 68px);overflow-y:auto;position:sticky;top:68px}.preview-panel{overflow-x:auto}.preview-label{font-size:11px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}@media (max-width: 1024px){.app-body{grid-template-columns:1fr}.form-panel{max-height:none;position:static}}@media (max-width: 600px){.app-header{padding:10px 14px}.app-title{font-size:1rem}.download-btn{padding:7px 14px;font-size:12px}.app-body{padding:12px;gap:14px}}*{box-sizing:border-box}body{margin:0;padding:0}