[x-cloak]{display:none!important}.inv-stage{background:#f5f5f5;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 0 28px}.inv-stage-inner{max-width:1320px;margin:0 auto;padding:0 16px}.inv-layout{display:grid;gap:16px}@media(min-width:960px){.inv-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start}}.inv-paper{--inv-accent: #337ab7;background:#fff;border:1px solid #ccc;padding:0 24px 28px}.inv-accent{height:6px;margin:0 -24px 24px;background:var(--inv-accent)}.inv-head{display:grid;gap:16px;margin-bottom:24px}@media(min-width:700px){.inv-head{grid-template-columns:1fr 1fr;align-items:start}}.inv-head-right{text-align:left}@media(min-width:700px){.inv-head-right{text-align:right}}.inv-title{font-size:32px;font-weight:700;letter-spacing:1px;line-height:1.1;margin-bottom:8px;color:var(--inv-accent)}.inv-number-row{display:inline-flex;align-items:center;gap:6px;color:#333}.inv-number-row input{width:140px;text-align:left}.inv-logo{position:relative;display:flex;align-items:center;justify-content:center;width:160px;height:88px;border:1px dashed #ccc;background:#fafafa;color:#337ab7;font-size:13px;cursor:pointer;text-align:center;padding:8px;box-sizing:border-box}.inv-logo.has-logo{border-style:solid;background:#fff}.inv-logo img{max-width:100%;max-height:72px;object-fit:contain}.inv-logo-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.inv-meta-row{display:grid;gap:20px;margin-bottom:24px}@media(min-width:800px){.inv-meta-row{grid-template-columns:minmax(0,1.4fr) 240px;align-items:start}}.inv-parties{display:grid;gap:16px}@media(min-width:640px){.inv-parties{grid-template-columns:1fr 1fr}}.inv-party-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#333;margin-bottom:6px}.inv-dates label{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:center;margin-bottom:8px;font-size:13px}.inv-paper input[type=text],.inv-paper input[type=email],.inv-paper input[type=date],.inv-paper input[type=number],.inv-paper input[type=color],.inv-paper select,.inv-paper textarea,.inv-side select{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;padding:7px 8px;font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#333;background:#fff}.inv-paper textarea.inv-grow{overflow-x:hidden;overflow-y:auto;resize:none;min-height:36px;max-height:160px;line-height:1.4;word-break:break-word;white-space:pre-wrap}.inv-party input,.inv-party textarea{margin-bottom:6px}.inv-table-wrap{overflow-x:auto;overflow-y:hidden;max-width:100%}.inv-table{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;font-size:14px;table-layout:auto}.inv-table:not(.is-simple){min-width:980px}.inv-table.is-simple .inv-extra{display:none}.inv-col-item{min-width:240px;width:99%}.inv-col-unit{min-width:80px;width:80px}.inv-col-qty,.inv-col-rate,.inv-col-tax{min-width:90px;width:90px}.inv-col-disc{min-width:140px;width:140px}.inv-col-amt{min-width:96px;width:96px;white-space:nowrap;right:72px;border-left:1px solid #ccc}.inv-col-remove{min-width:72px;width:72px;white-space:nowrap;right:0}.inv-sticky-right{position:sticky;z-index:2;background:#fff}.inv-table thead .inv-sticky-right{z-index:3;color:#fff}.inv-col-qty input,.inv-col-rate input,.inv-col-tax input,.inv-col-unit input{min-width:72px}.inv-table th{background:var(--inv-accent);color:#fff;font-weight:700;text-align:left;padding:10px 8px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.inv-table td{border-bottom:1px solid #e5e5e5;padding:8px 6px;vertical-align:top}.inv-table textarea,.inv-table input,.inv-table select{border-color:#ddd}.inv-amount{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;padding-top:14px}.inv-add-line{margin:8px 0 20px;display:flex;flex-wrap:wrap;gap:12px 18px}.inv-bottom{display:grid;gap:20px}@media(min-width:700px){.inv-bottom{grid-template-columns:minmax(0,1fr) 260px;align-items:start}}.inv-notes label{display:block;font-size:13px;font-weight:700;margin:8px 0 4px}.inv-totals{border-top:1px solid #ccc;padding-top:8px}.inv-totals-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:14px}.inv-totals-row input{width:90px;text-align:right}.inv-tax-edit{display:flex;align-items:center;gap:6px}.inv-tax-edit input{width:64px}.inv-grand{font-size:18px;font-weight:700;color:var(--inv-accent);border-top:1px solid #ccc;margin-top:6px;padding-top:10px}.inv-totals-links{margin:4px 0 0;display:flex;gap:12px}.inv-side{display:flex;flex-direction:column;gap:10px}.inv-side-block{border:1px solid #ccc;background:#fff;padding:10px;display:flex;flex-direction:column;gap:6px}.inv-side-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.inv-choice-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.inv-choice{background:#fff;color:#333;border:1px solid #ccc;border-radius:2px;padding:5px 10px;font-family:Arial,Helvetica,sans-serif;font-size:13px;cursor:pointer;text-align:left}.inv-choice.is-on{background:#337ab7;border-color:#2e6da4;color:#fff}.inv-swatch{width:22px;height:22px;border:1px solid #ccc;border-radius:2px;padding:0;cursor:pointer}.inv-swatch.is-on{outline:2px solid #333;outline-offset:1px}.inv-side input[type=color]{width:32px;height:24px;padding:0;border:1px solid #ccc}.inv-inline{display:flex;gap:6px;align-items:center}.inv-inline input,.inv-inline select{flex:1;min-width:0}.inv-saved{font-size:13px;color:#333;margin:0}.inv-btn{display:inline-block;border:1px solid transparent;border-radius:2px;padding:10px 16px;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#fff;cursor:pointer;text-decoration:none;text-align:center}.inv-btn-blue{background:#337ab7;border-color:#2e6da4}.inv-btn-blue:hover{background:#286090;color:#fff;text-decoration:none}.inv-btn-green{background:#5cb85c;border-color:#4cae4c}.inv-btn-green:hover{background:#449d44;color:#fff;text-decoration:none}.inv-btn:disabled{background:#999;border-color:#888;cursor:default}.inv-btn-link{background:none;border:0;color:#337ab7;font-family:Arial,Helvetica,sans-serif;font-size:13px;cursor:pointer;padding:0}.inv-btn-link:hover{text-decoration:underline}.inv-btn-link:disabled{color:#999;cursor:default;text-decoration:none}.inv-error{color:#c00;margin:16px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tpl-professional .inv-table thead .inv-sticky-right{background:var(--inv-accent);color:#fff}.tpl-modern{border-color:#e0e0e0;padding-top:28px}.tpl-modern .inv-accent{display:none}.tpl-modern .inv-title{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;line-height:1;background:var(--inv-accent);color:#fff;padding:7px 14px;margin-bottom:12px}.tpl-modern .inv-party-label{color:var(--inv-accent);border-bottom:2px solid #eee;padding-bottom:6px;margin-bottom:10px}.tpl-modern .inv-table th,.tpl-modern .inv-table thead .inv-sticky-right{background:#fff;color:#555;border-bottom:2px solid var(--inv-accent)}.tpl-modern .inv-totals{background:#f7f7f7;border-top:0;padding:12px 14px}.tpl-modern .inv-grand{border-top:0;padding-top:8px}.tpl-creative .inv-accent{display:none}.tpl-creative .inv-head{background:var(--inv-accent);color:#fff;margin:0 -24px 24px;padding:24px}.tpl-creative .inv-title,.tpl-creative .inv-number-row{color:#fff}.tpl-creative .inv-logo{background:#ffffff1f;border-color:#ffffff8c;color:#fff}.tpl-creative .inv-logo.has-logo{background:#fff}.tpl-creative .inv-head .inv-logo-remove{color:#fff}.tpl-creative .inv-party{background:#f6f6f6;border-left:4px solid var(--inv-accent);padding:12px}.tpl-creative .inv-party-label{color:var(--inv-accent)}.tpl-creative .inv-table th,.tpl-creative .inv-table thead .inv-sticky-right{background:#222;color:#fff}.tpl-creative .inv-grand{background:var(--inv-accent);color:#fff;border-top:0;margin-top:10px;padding:12px 14px}.tpl-classic{font-family:Georgia,Times New Roman,serif;padding-top:22px}.tpl-classic .inv-accent{height:0;margin-bottom:18px;background:transparent;border-bottom:3px double var(--inv-accent)}.tpl-classic .inv-head{text-align:center;border-bottom:3px double var(--inv-accent);padding-bottom:20px}@media(min-width:700px){.tpl-classic .inv-head{grid-template-columns:1fr;justify-items:center}.tpl-classic .inv-head-right{text-align:center}}.tpl-classic .inv-head-left{display:flex;flex-direction:column;align-items:center}.tpl-classic .inv-title{font-weight:400;letter-spacing:8px;font-size:28px}.tpl-classic .inv-party{border:1px solid #ccc;padding:12px}.tpl-classic .inv-table th,.tpl-classic .inv-table thead .inv-sticky-right{background:#f3f3f3;color:#333;border:1px solid #ccc;border-bottom:2px solid #333}.tpl-classic .inv-table td{border:1px solid #ddd}.tpl-classic .inv-grand{border-top:3px double var(--inv-accent);padding-top:12px}@media(max-width:700px){.inv-paper{padding:0 14px 20px}.inv-accent{margin:0 -14px 18px}.tpl-creative .inv-head{margin:0 -14px 18px;padding:16px 14px}.inv-dates label{grid-template-columns:1fr;gap:4px}.inv-table,.inv-table:not(.is-simple){min-width:0;width:100%}.inv-col-item,.inv-col-unit,.inv-col-qty,.inv-col-rate,.inv-col-tax,.inv-col-disc,.inv-col-amt,.inv-col-remove{min-width:0;width:auto}.inv-sticky-right{position:static;right:auto;border-left:0}.inv-table thead{display:none}.inv-table tr{display:block;border:1px solid #ccc;margin-bottom:10px}.inv-table td{display:flex;justify-content:space-between;gap:8px;border:0;border-bottom:1px solid #eee}.inv-table td:before{content:attr(data-label);font-weight:700;flex:0 0 90px}.inv-amount{text-align:right;padding-top:8px}}.inv-paper input[type=tel],.inv-paper input[type=month]{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #ccc;border-radius:2px;padding:7px 8px;font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#333;background:#fff}.tool-hero{padding:28px 0!important}.tool-hero p{max-width:720px;margin:0}.tool-seo{padding:24px 0}.tool-seo ul{margin:0 0 16px 20px}.more-tools{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:12px 0 0;padding:0;list-style:none}.more-tools a{display:block;border:1px solid #ccc;padding:12px 14px;color:#333;text-decoration:none;background:#fff}.more-tools a:hover{border-color:#337ab7}.more-tools strong{display:block;color:#337ab7;margin-bottom:4px}.code-generator-layout{display:grid;gap:24px;align-items:start}@media(min-width:960px){.code-generator-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr)}}.code-card{background:#fff;border:1px solid #d8dee4;border-radius:8px;padding:22px;margin-bottom:20px;box-shadow:0 1px 3px #0000000a}.code-card:last-child{margin-bottom:0}.code-card-header{display:flex;flex-direction:column;gap:4px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.code-card-title{font-size:16px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.code-card-subtitle{font-size:13px;color:#64748b;margin:0}.code-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:10px 14px;margin-bottom:20px;font-size:13.5px;color:#166534;display:flex;align-items:center;gap:10px;line-height:1.4}.code-banner svg{flex-shrink:0;width:18px;height:18px;color:#16a34a}.code-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.code-field:last-child{margin-bottom:0}.code-label{font-size:13px;font-weight:600;color:#374151;display:flex;align-items:center;justify-content:space-between}.code-hint{font-size:12px;font-weight:400;color:#6b7280}.code-input,.code-select,.code-textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;padding:9px 12px;font-family:inherit;font-size:14px;line-height:1.4;color:#1e293b;background-color:#fff;transition:border-color .15s ease,box-shadow .15s ease}.code-input:focus,.code-select:focus,.code-textarea:focus{outline:none;border-color:#ff5e1f;box-shadow:0 0 0 3px #ff5e1f26}.code-grid-2{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:600px){.code-grid-2{grid-template-columns:1fr 1fr}}.code-grid-3{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:640px){.code-grid-3{grid-template-columns:repeat(3,1fr)}}.code-grid-4{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.code-grid-4{grid-template-columns:repeat(4,1fr)}}.code-color-field{display:flex;align-items:center;gap:10px;border:1px solid #cbd5e1;border-radius:6px;padding:5px 10px;background:#fff;height:40px;box-sizing:border-box}.code-color-field:focus-within{border-color:#ff5e1f;box-shadow:0 0 0 3px #ff5e1f26}.code-color-field input[type=color]{-webkit-appearance:none;appearance:none;border:1px solid #cbd5e1;border-radius:4px;width:28px;height:28px;padding:0;cursor:pointer;background:none}.code-color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.code-color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.code-color-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;color:#4b5563;text-transform:uppercase}.code-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.code-checkbox input[type=checkbox]{width:17px;height:17px;accent-color:#FF5E1F;cursor:pointer;margin:0}.code-type-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.code-type-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;color:#4b5563;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s ease}.code-type-btn:hover{background:#f1f5f9;color:#0f172a}.code-type-btn.is-active{background:#ff5e1f;border-color:#ff5e1f;color:#fff;font-weight:600;box-shadow:0 1px 2px #ff5e1f33}.code-preview-sticky{position:sticky;top:24px}.code-preview-card{background:#fff;border:1px solid #d8dee4;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000000d}.code-preview-display{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:6px;min-height:220px;padding:20px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:auto}.code-preview-display svg,.code-preview-display canvas{max-width:100%;height:auto;display:block;margin:0 auto}.code-badge-encoded{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:5px 10px;font-size:12.5px;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;border-radius:6px}.code-alert-error{margin:12px 0;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;font-size:13px;display:flex;align-items:center;gap:8px}.code-actions-stack{display:flex;flex-direction:column;gap:8px}.code-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;font-size:15px;font-weight:600;color:#fff;background:#10b981;border:1px solid #059669;border-radius:6px;cursor:pointer;transition:background .15s ease,transform .05s ease;text-decoration:none;box-sizing:border-box}.code-btn-primary:hover{background:#059669}.code-btn-group-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.code-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;font-size:13.5px;font-weight:600;color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;transition:all .15s ease;text-decoration:none;box-sizing:border-box}.code-btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8}.code-switch-link{margin-top:16px;padding-top:14px;border-top:1px solid #f1f5f9;font-size:13px;color:#64748b;text-align:center}.code-switch-link a{color:#2563eb;text-decoration:none;font-weight:600}.code-switch-link a:hover{text-decoration:underline}.code-panel{background:#fff;border:1px solid #d8dee4;border-radius:8px;padding:20px}.code-preview{min-height:180px;display:flex;align-items:center;justify-content:center;background:#fafafa;border:1px dashed #ccc;border-radius:6px;margin:12px 0;padding:16px;overflow:auto}.code-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.inv-stamp{display:inline-block;font-weight:700;letter-spacing:1px;color:var(--inv-accent);border:2px solid var(--inv-accent);padding:4px 10px;margin:8px 0}.pay-grid{display:grid;gap:16px}@media(min-width:800px){.pay-grid{grid-template-columns:1fr 1fr}}.tools-dd{position:relative}.tools-dd-panel{position:absolute;top:100%;right:0;min-width:200px;background:#fff;border:1px solid #ccc;box-shadow:0 4px 12px #00000014;padding:8px 0;z-index:40}.tools-dd-panel a{display:block;padding:6px 14px;color:#111;text-decoration:none}.tools-dd-panel a:hover{background:#f5f5f5;color:#337ab7}.site-footer-grid{display:grid;gap:16px}@media(min-width:700px){.site-footer-grid{grid-template-columns:1fr 1fr}}