.invoice-container{gap:var(--spacing-xl);align-items:flex-start;max-width:1000px;margin:0 auto;display:flex}@media (width<=768px){.invoice-container{flex-direction:column}}.invoice-editor-wrapper{background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);flex:1;overflow:hidden;box-shadow:0 4px 12px #0000000d}.invoice-paper{background:#fff;min-height:800px;padding:40px}.invoice-header{justify-content:space-between;margin-bottom:40px;display:flex}.logo-upload-box{border:1px dashed var(--color-hairline);border-radius:var(--rounded-sm);background:var(--color-canvas);cursor:pointer;justify-content:center;align-items:center;width:150px;height:80px;transition:border-color .2s;display:flex}.logo-upload-box:hover{border-color:var(--color-ink)}.logo-upload-box span{color:var(--color-mute);pointer-events:none;font-size:13px}.logo-upload-box label{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.logo-preview-wrapper{display:inline-block;position:relative}.logo-preview{object-fit:contain;max-width:200px;max-height:80px}.remove-logo-btn{background:var(--color-error);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:flex;position:absolute;top:-10px;right:-10px}.invoice-header-right{text-align:right}.invoice-title{letter-spacing:2px;color:var(--color-ink);margin:0 0 10px;font-size:32px;font-weight:300}.invoice-title-input{text-align:right;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:4px;width:100%;padding:4px 8px;font-family:inherit}.invoice-title-input:hover,.invoice-title-input:focus{border-color:var(--color-hairline);background:var(--color-canvas);outline:none}.invoice-meta-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.meta-label{color:var(--color-mute)}.meta-input{text-align:right;border:1px solid #0000;border-radius:4px;width:100px;padding:4px 8px;font-family:inherit}.meta-input:hover,.meta-input:focus{border-color:var(--color-hairline);background:var(--color-canvas);outline:none}.invoice-parties{gap:40px;margin-bottom:40px;display:flex}.party{flex:1}.party label{color:var(--color-mute);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.party textarea{resize:vertical;border:1px solid #0000;border-radius:4px;width:100%;min-height:80px;padding:8px;font-family:inherit;font-size:14px;line-height:1.5}.party textarea:hover,.party textarea:focus{border-color:var(--color-hairline);background:var(--color-canvas);outline:none}.invoice-details-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;margin-bottom:40px;display:grid}.detail-item label{color:var(--color-mute);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.detail-item input{border:1px solid #0000;border-radius:4px;width:100%;padding:8px;font-family:inherit;font-size:14px}.detail-item input:hover,.detail-item input:focus{border-color:var(--color-hairline);background:var(--color-canvas);outline:none}.invoice-table{border-collapse:collapse;width:100%;margin-bottom:10px}.invoice-table th{background:var(--invoice-theme,var(--color-ink));color:var(--color-on-primary);text-align:left;padding:10px 12px;font-size:13px;font-weight:500}.invoice-table th.col-qty,.invoice-table th.col-rate,.invoice-table th.col-amount{text-align:right}.invoice-table td{border-bottom:1px solid var(--color-hairline);vertical-align:top;padding:8px 4px}.col-desc{width:50%}.col-qty{text-align:right;width:10%}.col-rate{text-align:right;width:15%}.col-amount{text-align:right;width:15%;padding-right:12px!important}.col-action{text-align:center;width:5%}.invoice-table input{border:1px solid #0000;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:14px}.invoice-table input:hover,.invoice-table input:focus{border-color:var(--invoice-theme,var(--color-ink));background:var(--color-canvas);outline:none}.invoice-table .col-qty input,.invoice-table .col-rate input{text-align:right}.input-with-symbol{align-items:center;display:flex;position:relative}.input-with-symbol .symbol{color:var(--color-mute);pointer-events:none;font-size:14px;position:absolute;left:8px}.input-with-symbol.tax-input{justify-content:flex-end}.input-with-symbol.tax-input .symbol{margin-left:4px;position:static}.col-rate .input-with-symbol input{padding-left:20px}.remove-item-btn{color:var(--color-mute);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px}.remove-item-btn:hover{color:var(--color-error)}.add-item-row{margin-bottom:40px}.add-item-btn{background:var(--color-canvas);border:1px dashed var(--color-hairline);color:var(--color-ink);border-radius:var(--rounded-sm);cursor:pointer;padding:8px 16px;font-size:13px;transition:all .2s}.add-item-btn:hover{border-color:var(--color-ink);background:var(--color-canvas-elevated)}.invoice-footer-split{gap:40px;display:flex}.footer-notes{flex-direction:column;flex:1;gap:20px;display:flex}.notes-section label{color:var(--color-mute);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.notes-section textarea{resize:vertical;width:100%;min-height:80px;color:var(--color-body);border:1px solid #0000;border-radius:4px;padding:8px;font-family:inherit;font-size:13px}.notes-section textarea:hover,.notes-section textarea:focus{border-color:var(--color-hairline);background:var(--color-canvas);outline:none}.footer-totals{flex-direction:column;gap:12px;width:300px;display:flex}.total-row{justify-content:space-between;align-items:center;padding-right:12px;font-size:14px;display:flex}.total-row span:first-child{color:var(--color-mute)}.tax-row input{text-align:right;border:1px solid var(--color-hairline);border-radius:4px;width:60px;padding:4px 8px}.amount-paid input{text-align:right;border:1px solid var(--color-hairline);border-radius:4px;width:100px;padding:4px 8px}.amount-paid .input-with-symbol input{padding-left:20px}.grand-total{border-top:2px solid var(--invoice-theme,var(--color-ink));padding-top:12px;font-size:16px;font-weight:600}.grand-total span:first-child{color:var(--invoice-theme,var(--color-ink))}.balance-due{background:var(--invoice-theme,var(--color-ink));color:var(--color-on-primary);border-radius:var(--rounded-sm);margin-top:12px;padding:12px;font-size:18px;font-weight:600}.balance-due span:first-child{color:var(--color-on-primary)}.invoice-sidebar{flex-direction:column;gap:20px;width:240px;display:flex}.download-btn{background:var(--color-ink);color:var(--color-on-primary);border-radius:var(--rounded-pill);cursor:pointer;border:none;width:100%;padding:14px 20px;font-size:16px;font-weight:500;transition:opacity .2s}.download-btn:hover{opacity:.9}.currency-selector label{color:var(--color-mute);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.currency-selector input,.currency-selector select{border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);background-color:var(--color-canvas);width:100%;padding:8px 12px;font-family:inherit}.color-selector{margin-top:10px}.color-selector label{color:var(--color-mute);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.color-options{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;padding:0;transition:transform .2s,border-color .2s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:var(--color-ink);outline:2px solid var(--color-canvas-elevated);outline-offset:-4px}@media print{body *{visibility:hidden}.invoice-paper,.invoice-paper *{visibility:visible}.invoice-paper{width:100%;padding:0;position:absolute;top:0;left:0}.no-print{display:none!important}input,textarea{resize:none!important;background:0 0!important;border:none!important}}@media (width<=768px){.invoice-paper{min-height:auto;padding:20px}.invoice-header{flex-direction:column;align-items:flex-start;gap:20px}.invoice-header-right{text-align:left}.invoice-meta-row{justify-content:flex-start}.invoice-parties,.invoice-footer-split{flex-direction:column;gap:20px}.footer-totals{width:100%}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:20px;overflow-x:auto}.invoice-table{min-width:500px}.invoice-sidebar{width:100%}}.tool-header[data-astro-cid-tuwsniur]{max-width:1200px;padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-hairline);margin:0 auto;margin-bottom:var(--spacing-xl)}.tool-header-inner[data-astro-cid-tuwsniur]{max-width:680px}.tool-title[data-astro-cid-tuwsniur]{letter-spacing:-1.6px;color:var(--color-ink);margin:0 0 var(--spacing-md);font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.1}.tool-description[data-astro-cid-tuwsniur]{color:var(--color-body);margin:0 0 var(--spacing-md);max-width:580px;font-size:16px;line-height:24px}.tool-app-wrapper[data-astro-cid-tuwsniur]{max-width:1200px;margin:0 auto}.seo-section[data-astro-cid-tuwsniur]{max-width:1200px;padding-top:var(--spacing-2xl);border-top:1px solid var(--color-hairline);margin:0 auto;margin-top:var(--spacing-2xl)}.seo-section-inner[data-astro-cid-tuwsniur]{max-width:720px}.seo-section-title[data-astro-cid-tuwsniur]{letter-spacing:-.8px;color:var(--color-ink);margin:0 0 var(--spacing-lg);font-size:clamp(20px,2.5vw,28px);font-weight:600;line-height:1.2}.seo-text-content[data-astro-cid-tuwsniur]{gap:var(--spacing-md);flex-direction:column;display:flex}.seo-text-content[data-astro-cid-tuwsniur] p[data-astro-cid-tuwsniur]{color:var(--color-body);margin:0;font-size:15px;line-height:24px}.seo-steps-list[data-astro-cid-tuwsniur]{gap:var(--spacing-sm);counter-reset:step-counter;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.seo-step-item[data-astro-cid-tuwsniur]{align-items:flex-start;gap:var(--spacing-sm);color:var(--color-body);counter-increment:step-counter;font-size:15px;line-height:22px;display:flex}.seo-step-item[data-astro-cid-tuwsniur]:before{content:counter(step-counter);background-color:var(--color-ink);width:24px;height:24px;color:var(--color-on-primary);font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.seo-use-case-list[data-astro-cid-tuwsniur]{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.seo-use-case-item[data-astro-cid-tuwsniur]{color:var(--color-body);padding-left:var(--spacing-md);font-size:15px;line-height:22px;position:relative}.seo-use-case-item[data-astro-cid-tuwsniur]:before{content:"—";color:var(--color-mute);font-family:var(--font-mono);position:absolute;left:0}.seo-faq-section[data-astro-cid-tuwsniur]{margin-bottom:var(--spacing-section)}.seo-faq-list[data-astro-cid-tuwsniur]{gap:var(--spacing-lg);flex-direction:column;margin:0;padding:0;display:flex}.seo-faq-item[data-astro-cid-tuwsniur]{border-bottom:1px solid var(--color-hairline);padding-bottom:var(--spacing-lg)}.seo-faq-item[data-astro-cid-tuwsniur]:last-child{border-bottom:none}.seo-faq-question[data-astro-cid-tuwsniur]{color:var(--color-ink);margin:0 0 var(--spacing-xs);font-size:16px;font-weight:600}.seo-faq-answer[data-astro-cid-tuwsniur]{color:var(--color-body);margin:0;font-size:15px;line-height:22px}