@font-face{font-family:Inter;src:url(../fonts/Inter-Variable.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(../fonts/Inter-Italic-Variable.ttf) format("truetype");font-style:italic;font-weight:100 900;font-display:swap}@font-face{font-family:Playfair Display;src:url(../fonts/PlayfairDisplay-Variable.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Playfair Display;src:url(../fonts/PlayfairDisplay-Italic-Variable.ttf) format("truetype");font-style:italic;font-weight:400 900;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(../fonts/JetBrainsMono-Variable.ttf) format("truetype");font-style:normal;font-weight:100 800;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(../fonts/JetBrainsMono-Italic-Variable.ttf) format("truetype");font-style:italic;font-weight:100 800;font-display:swap}@font-face{font-family:Roboto;src:url(../fonts/Roboto-VariableFont_wdth,wght.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Italic-VariableFont_wdth,wght.ttf) format("truetype");font-style:italic;font-weight:100 900;font-display:swap}@font-face{font-family:Anton;src:url(../fonts/Anton-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Space Grotesk;src:url(../fonts/SpaceGrotesk-VariableFont_wght.ttf) format("truetype");font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Outfit;src:url(../fonts/Outfit-VariableFont_wght.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-VariableFont_wght.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Italic-VariableFont_wght.ttf) format("truetype");font-style:italic;font-weight:100 900;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(../fonts/CormorantGaramond-VariableFont_wght.ttf) format("truetype");font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(../fonts/CormorantGaramond-Italic-VariableFont_wght.ttf) format("truetype");font-style:italic;font-weight:300 700;font-display:swap}@font-face{font-family:Syncopate;src:url(../fonts/Syncopate-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Syncopate;src:url(../fonts/Syncopate-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0;border:0 solid}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}table{text-indent:0;border-color:inherit;border-collapse:collapse}summary{display:list-item}ol,ul{list-style:none}img,svg,canvas{display:block;vertical-align:middle}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent);opacity:1}textarea{resize:vertical}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}[hidden]:where(:not([hidden=until-found])),.hidden{display:none!important}.live-editor-page invoice-toolbar,.live-editor-page invoice-toast,.live-editor-page invoice-dialog,.live-editor-page invoice-guide{display:contents}.live-editor-page invoice-logo-editor{display:contents}.live-editor-page invoice-toolbar:not(:defined){display:block;height:56px;flex:0 0 56px}.live-editor-page invoice-guide:not(:defined){display:block;width:240px;height:calc(100vh - 56px);flex:0 0 240px}.live-editor-page{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;background:#f4f4f5;color:#111827;transition:color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1)}.live-editor-page::selection,.live-editor-page *::selection{background:#e5e7eb}.editor-toast{position:fixed;top:5rem;left:50%;z-index:50;display:flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;border-radius:9999px;background:#111827;color:#fff;box-shadow:0 25px 50px -12px #00000040;font-size:.875rem;font-weight:500;line-height:calc(1.25 / .875);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-icon{width:1rem;height:1rem;color:#34d399}.header-control-group{display:flex;align-items:center;gap:.5rem}.header-control-label{display:none;color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.header-currency-group{display:none}.header-icon-button{display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:9999px;color:#6b7280;transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}.header-icon-button:hover{color:#111827}.theme-icon,.control-icon{width:1rem;height:1rem}#icon-sun{display:none}.header-action{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:calc(1.25 / .875);transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.header-action:active{transform:scale(.95)}.header-action-primary{padding-inline:1.25rem;background:#111827;color:#fff;box-shadow:0 1px 3px #1118271a,0 1px 2px -1px #1118271a}.header-action-primary:hover{background:#000}.header-action-secondary{border:1px solid #e5e7eb;background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.header-action-secondary:hover{border-color:#d1d5db;background:#f9fafb;color:#111827}.header-new-action{display:none;border:0;background:transparent;color:#6b7280;box-shadow:none;padding-inline:0}.editor-main{flex:1 1 0%}.preview-wrapper{display:flex;justify-content:center;transform-origin:top center}.invoice-preview{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff}.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}@media(min-width:640px){.header-control-label,.header-new-action{display:flex}}@media(min-width:768px){.header-currency-group{display:flex}}@media(prefers-reduced-motion:reduce){.live-editor-page,.editor-toast,.header-icon-button,.header-action{transition-duration:.01ms}}@media(max-width:1023px){.live-editor-page invoice-guide:not(:defined){width:100%;height:167px;flex:0 0 167px}}:root{--color-canvas: #f4f4f5;--color-surface: #ffffff;--color-surface-muted: #f9fafb;--color-border: #e5e7eb;--color-border-strong: #111827;--color-text: #111827;--color-text-muted: #374151;--color-text-subtle: #9ca3af;--color-focus: #111827;--font-product: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--focus-ring: 2px solid rgba(59, 130, 246, .35);--focus-ring-strong: 2px solid var(--color-focus);--focus-offset: 3px;--radius-control: 6px;--radius-card: 10px;--shadow-control: 0 1px 3px rgba(0, 0, 0, .06);--motion-fast: .15s;--motion-standard: .3s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px}:root.dark{--color-canvas: #0f1115;--color-surface: #18181b;--color-surface-muted: #27272a;--color-border: #3f3f46;--color-border-strong: #fafafa;--color-text: #f4f4f5;--color-text-muted: #e4e4e7;--color-text-subtle: #a1a1aa;--color-focus: #fafafa}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.no-scroll{overflow:hidden}.toast-hidden{opacity:0;transform:translate(-50%) translateY(-10px)}.toast-visible{opacity:1;transform:translate(-50%) translateY(0)}#toast[data-tone=error]{background:#7f1d1d;color:#fff7ed}#toast[data-tone=error] svg{color:#fecaca}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d1d5db}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.live-header{height:56px;flex-shrink:0;border-bottom:1px solid var(--color-border);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);z-index:20;position:sticky;top:0;transition:background var(--motion-standard),border-color var(--motion-standard)}:root.dark .live-header{background:#18181bd9;border-bottom-color:#ffffff14}:root.dark #live-doc-canvas{background:radial-gradient(circle at top,rgba(63,63,70,.16),transparent 42%),linear-gradient(180deg,#0b0d10,#111318)}.live-header-left{display:flex;align-items:center}.live-brand{display:inline-flex;align-items:center;text-decoration:none}.live-brand-logo{display:block;width:auto;height:28px}.live-header-center{display:flex;align-items:center;gap:var(--space-4)}.live-header-right{display:flex;align-items:center;gap:var(--space-2)}.currency-select{font-size:.75rem;font-weight:600;color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:4px 6px;outline:none;cursor:pointer;transition:border-color var(--motion-fast),background var(--motion-standard),color var(--motion-standard)}.currency-select:focus{border-color:var(--color-focus)}:root.dark .currency-select{background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text-muted)}:root.dark .currency-select:focus{border-color:var(--color-focus)}.live-doc-layout{display:flex;min-height:100%;position:relative}.live-doc-surface{flex:1;padding:40px 24px 80px;display:flex;justify-content:center;min-height:100%}:root.dark .live-doc-layout{background:transparent}:root.dark .live-doc-surface{background:transparent}.guide-sidebar{width:240px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);position:sticky;top:0;height:calc(100vh - 56px);overflow-y:auto;transition:margin-left .25s cubic-bezier(.4,0,.2,1),opacity .2s,background .3s,border-color .3s;z-index:10}:root.dark .guide-sidebar{background:var(--color-surface);border-color:#ffffff14}.guide-sidebar.is-instant{transition:none}.guide-sidebar.is-collapsed{margin-left:-240px;opacity:0;pointer-events:none}.guide-sidebar-inner{padding:20px 16px;display:flex;flex-direction:column;gap:16px;height:100%}.guide-header{display:flex;align-items:center;justify-content:space-between}.guide-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af}.guide-collapse-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#9ca3af;border-radius:6px;cursor:pointer;transition:color .15s,background .15s}.guide-collapse-btn:hover{color:#374151;background:#f3f4f6}.guide-expand-btn{position:sticky;top:16px;left:0;width:32px;height:32px;flex-shrink:0;margin:16px 0 0 8px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:#fff;color:#9ca3af;border-radius:8px;cursor:pointer;z-index:10;transition:color .15s,border-color .15s,box-shadow .15s;box-shadow:0 1px 3px #0000000f}.guide-expand-btn:hover{color:#374151;border-color:#d1d5db;box-shadow:0 2px 6px #0000001a}.guide-expand-btn.hidden{display:none}.guide-nudge{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;font-size:12px;line-height:1.45;color:#0c4a6e}.guide-nudge.hidden{display:none}.guide-nudge-icon{flex-shrink:0;color:#0284c7;margin-top:1px}.guide-nudge-dismiss{flex-shrink:0;background:none;border:none;color:#7dd3fc;font-size:16px;cursor:pointer;padding:0;line-height:1;margin-left:auto}.guide-nudge-dismiss:hover{color:#0284c7}.guide-sections{display:flex;flex-direction:column;gap:2px;flex:1}.guide-section{display:flex;align-items:flex-start;gap:10px;padding:10px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s;width:100%}.guide-section:hover{background:#f9fafb}.guide-section-status{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:2px solid #d1d5db;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s}.guide-section-status.is-done{border-color:#22c55e;background:#22c55e}.guide-section-status.is-done:after{content:"";display:block;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.guide-section-content{display:flex;flex-direction:column;gap:2px;min-width:0}.guide-section-label{font-size:13px;font-weight:700;color:#111827;line-height:1.3}.guide-section-hint{font-size:11px;color:#9ca3af;line-height:1.3}.guide-section-hint.is-filled{color:#22c55e}.guide-progress-wrap{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid #f3f4f6}.guide-progress-bar{height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden}.guide-progress-fill{height:100%;background:#22c55e;border-radius:2px;width:0%;transition:width .4s cubic-bezier(.4,0,.2,1)}.guide-progress-fill[data-progress="0"]{width:0%}.guide-progress-fill[data-progress="1"]{width:16.6667%}.guide-progress-fill[data-progress="2"]{width:33.3334%}.guide-progress-fill[data-progress="3"]{width:50%}.guide-progress-fill[data-progress="4"]{width:66.6667%}.guide-progress-fill[data-progress="5"]{width:83.3334%}.guide-progress-fill[data-progress="6"]{width:100%}.guide-progress-text{font-size:11px;color:#9ca3af;font-weight:600}.shadow-paper{box-shadow:0 1px 3px #0000000a,0 8px 24px #00000014,0 24px 48px #0000000a;border-radius:2px}:root.dark .shadow-paper{box-shadow:0 1px 2px #00000073,0 20px 50px #00000080,0 0 0 1px #ffffff0d}:root.dark #preview-wrapper{border-radius:18px;background:linear-gradient(180deg,#27272ab8,#18181bb8);box-shadow:inset 0 0 0 1px #ffffff0d,0 24px 60px #0000003d}.template-preview-error{display:flex;align-items:center;justify-content:center;min-height:240px;padding:24px;border:1px solid #d1d5db;background:#fff;color:#991b1b;font-size:.95rem;font-weight:600;text-align:center}[data-field]:hover,[data-item-index]:hover,[data-field]:focus-visible,[data-item-index]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:4px;cursor:pointer;background:#3b82f608}[data-field].is-empty{color:#00000040!important;font-style:italic;cursor:pointer;min-height:1.2em}img[data-field=logo].is-empty{display:block!important;width:120px;height:40px;background:transparent;border:none;border-radius:4px;cursor:pointer;object-fit:contain}[data-field].is-editing{outline:2px solid #3b82f6;outline-offset:1px;border-radius:2px;background:#3b82f60a}.live-field-editor{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;line-height:inherit;background:transparent;border:none;outline:none;width:100%;padding:0;margin:0;box-sizing:border-box}.live-field-editor::placeholder{color:#00000040;font-style:italic}.live-field-textarea{resize:none;white-space:pre-wrap;overflow:hidden;min-height:2em}.live-field-date{cursor:pointer;text-align:inherit}.live-field-number{width:3em;text-align:center}.live-field-editor-wrap{display:inline-flex;align-items:center;gap:2px}.live-field-suffix{opacity:.5;font-size:.85em}[data-item-index]{cursor:pointer;position:relative;transition:background .15s}[data-item-index].is-editing{outline:2px solid #3b82f6;outline-offset:1px;border-radius:2px;background:#3b82f60a;cursor:default}.live-item-editor{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;background:transparent;border:none;outline:none;width:100%;padding:0;margin:0;box-sizing:border-box}.live-item-editor::placeholder{color:#00000040;font-style:italic}.live-item-delete{position:absolute;right:-28px;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #e5e7eb;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9ca3af;transition:all .15s;box-shadow:0 1px 3px #00000014}.live-item-delete:hover{color:#ef4444;border-color:#fecaca}.live-add-item-row{padding:6px 0}.live-add-item-btn{display:block;width:100%;padding:8px 0;text-align:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#00000040;background:transparent;border:1px dashed rgba(0,0,0,.12);border-radius:4px;cursor:pointer;transition:all .15s}.live-add-item-btn:hover{color:#00000080;border-color:#0000004d;background:#00000005}[data-field].is-invalid,#prev-items.is-invalid,.live-items-empty.is-invalid{outline:2px solid #dc2626;outline-offset:3px;border-radius:6px}.live-field-error{margin-top:6px;font-size:12px;line-height:1.4;color:#b91c1c;font-weight:600}.guide-section:focus-visible,.live-item-delete:focus-visible,.live-add-item-btn:focus-visible,.floating-total:focus-visible{outline:var(--focus-ring-strong);outline-offset:var(--focus-offset)}.live-items-empty{padding:16px 0;text-align:center;cursor:pointer}.live-items-empty .is-empty{color:#00000040;font-style:italic;font-size:13px}.floating-total{position:fixed;bottom:24px;right:24px;background:#0f172a;color:#fff;padding:10px 18px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:700;box-shadow:0 8px 24px #0003;cursor:pointer;z-index:30;transition:opacity .2s,transform .2s}.floating-total.hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.floating-total-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.floating-total-amount{font-size:1.1rem}.dialog-modal{position:fixed;top:5rem;right:1.25rem;z-index:110;width:min(26rem,calc(100vw - 2rem));pointer-events:none}.dialog-card{width:100%;border-radius:1.25rem;background:#fff;padding:1.4rem;border:1px solid #e2e8f0;box-shadow:0 24px 60px #0f172a1f;pointer-events:auto}.dialog-modal[data-tone=warning] .dialog-card{border:1px solid #fed7aa;box-shadow:0 24px 60px #b453091f}.dialog-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dialog-close{flex-shrink:0;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:999px;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease,background .2s ease}.dialog-close:hover,.dialog-close:focus-visible{color:#0f172a;border-color:#cbd5e1;background:#f8fafc;outline:none}.dialog-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#64748b;margin-bottom:.25rem}.dialog-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:750;letter-spacing:-.03em;color:#0f172a}.dialog-body{margin:0;font-size:.95rem;line-height:1.55;color:#475569}.dialog-list{margin:1rem 0 0;padding-left:1.2rem;color:#475569;display:grid;gap:.45rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.dialog-button{border-radius:.85rem;padding:.8rem 1rem;font-size:.92rem;font-weight:650;transition:background .2s ease,color .2s ease,border-color .2s ease}.dialog-button-secondary{background:#f8fafc;color:#334155;border:1px solid #e2e8f0}.dialog-button-primary{background:#0f172a;color:#fff;border:1px solid #0f172a}.dialog-button-primary:hover,.dialog-button-primary:focus-visible,.dialog-button-secondary:hover,.dialog-button-secondary:focus-visible{outline:none;filter:brightness(.98)}.btn-loading{opacity:.7;pointer-events:none}.logo-cropper-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:1.25rem}.logo-cropper-modal.hidden{display:none}.logo-cropper-backdrop{position:absolute;inset:0;background:#0f172aa8}.logo-cropper-card{position:relative;width:min(52rem,calc(100vw - 2rem));border-radius:1.4rem;background:#fff;border:1px solid #e2e8f0;box-shadow:0 30px 80px #0f172a3d;padding:1.25rem;display:grid;gap:1rem}.logo-cropper-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.logo-cropper-title{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;color:#0f172a}.logo-cropper-desc{margin:.35rem 0 0;font-size:.92rem;line-height:1.5;color:#475569}.logo-cropper-close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.2rem;height:2.2rem;padding:0;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#475569;line-height:1}.logo-cropper-close svg{display:block}.logo-cropper-canvas-wrap{border-radius:1rem;border:1px solid #cbd5e1;background:linear-gradient(45deg,#f8fafc 25%,transparent 25%),linear-gradient(-45deg,#f8fafc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8fafc 75%),linear-gradient(-45deg,transparent 75%,#f8fafc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;overflow:hidden}.logo-cropper-canvas{display:block;width:100%;height:auto;cursor:grab;touch-action:none}.logo-cropper-canvas.is-dragging{cursor:grabbing}.logo-cropper-toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center}.logo-cropper-zoom-btn{width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:1.1rem;font-weight:700}.logo-cropper-zoom{width:100%}.logo-cropper-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.seo-rail{background:#fff;border-top:1px solid #e5e7eb;font-family:var(--font-product);-webkit-font-smoothing:antialiased;color:#111827;line-height:1.65}.seo-rail-inner{max-width:860px;margin:0 auto;padding:0 24px}.seo-section{padding:72px 0;border-bottom:1px solid #e5e7eb}.seo-section:last-child{border-bottom:0}.seo-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#9ca3af;margin-bottom:12px}.seo-rail h1{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 20px;color:#111827}.seo-rail h2{font-size:1.35rem;font-weight:750;letter-spacing:-.02em;line-height:1.25;margin:0 0 16px;color:#111827}.seo-rail p{font-size:1.02rem;line-height:1.7;color:#374151;margin:0 0 14px;max-width:640px}.seo-rail p:last-child{margin-bottom:0}.seo-rail a{color:#111827;font-weight:600;text-decoration:underline;text-decoration-color:#d1d5db;text-underline-offset:3px;transition:text-decoration-color .15s}.seo-rail a:hover{text-decoration-color:#111827}.seo-steps{list-style:none;padding:0;margin:24px 0 20px;counter-reset:step-counter;display:grid;gap:0}.seo-steps li{counter-increment:step-counter;display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid #f3f4f6;font-size:1.02rem;line-height:1.6;color:#374151}.seo-steps li:last-child{border-bottom:0}.seo-steps li:before{content:counter(step-counter);flex-shrink:0;font-size:.8rem;font-weight:800;color:#9ca3af;width:24px;text-align:right;font-variant-numeric:tabular-nums}.seo-audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:24px 0 0}.seo-audience-item{padding:18px 0;border-bottom:1px solid #f3f4f6}.seo-audience-item:nth-child(odd){padding-right:32px;border-right:1px solid #f3f4f6}.seo-audience-item:nth-child(2n){padding-left:32px}.seo-audience-item:nth-last-child(-n+2){border-bottom:0}.seo-audience-title{font-size:.95rem;font-weight:700;color:#111827;margin-bottom:4px}.seo-audience-title a{text-decoration:none}.seo-audience-title a:hover{text-decoration:underline;text-decoration-color:#d1d5db;text-underline-offset:3px}.seo-audience-desc{font-size:.88rem;color:#6b7280;line-height:1.5}.seo-template-list{margin:24px 0 0;display:grid;gap:0}.seo-template-item{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #f3f4f6}.seo-template-item:last-child{border-bottom:0}.seo-template-name{font-size:.95rem;font-weight:700;color:#111827}.seo-template-name a{text-decoration:none}.seo-template-name a:hover{text-decoration:underline;text-decoration-color:#d1d5db;text-underline-offset:3px}.seo-template-use{font-size:.85rem;color:#9ca3af;text-align:right;flex-shrink:0}.seo-privacy-block{border-left:2px solid #e5e7eb;padding-left:24px;margin:8px 0 0}.seo-faq-list{margin:20px 0 0}.seo-faq-list details{border-bottom:1px solid #f3f4f6}.seo-faq-list details:last-child{border-bottom:0}.seo-faq-list summary{padding:16px 0;font-size:1rem;font-weight:650;color:#111827;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;line-height:1.45}.seo-faq-list summary::-webkit-details-marker{display:none}.seo-faq-list summary:after{content:"+";flex-shrink:0;font-size:1.2rem;font-weight:400;color:#9ca3af;transition:transform .2s}.seo-faq-list details[open] summary:after{content:"\2212"}.seo-faq-list .seo-faq-answer{padding:0 0 18px;font-size:.95rem;line-height:1.7;color:#4b5563;max-width:640px}.seo-faq-list .seo-faq-answer a{color:#111827;font-weight:600;text-decoration:underline;text-decoration-color:#d1d5db;text-underline-offset:3px}.seo-section-link{display:inline-block;margin-top:16px;font-size:.9rem;font-weight:650;color:#6b7280;text-decoration:none;transition:color .15s}.seo-section-link:hover{color:#111827;text-decoration:none}.seo-section-link:after{content:" \2192"}.seo-cta-block{text-align:center;padding:56px 0}.seo-cta-block p{margin:0 auto 20px;text-align:center;max-width:480px;font-size:1.05rem;color:#6b7280}.seo-cta-link{display:inline-block;padding:12px 32px;background:#111827;color:#fff!important;font-size:.9rem;font-weight:700;border-radius:8px;text-decoration:none!important;transition:background .15s}.seo-cta-link:hover{background:#000}@media(max-width:767px){.seo-rail-inner{padding:0 16px}.seo-section{padding:48px 0}.seo-rail h1{font-size:1.75rem}.seo-rail h2{font-size:1.2rem}.seo-audience-grid{grid-template-columns:1fr}.seo-audience-item:nth-child(odd){padding-right:0;border-right:0}.seo-audience-item:nth-child(2n){padding-left:0}.seo-template-item{flex-direction:column;gap:4px}.seo-template-use{text-align:left}}.seo-page .wrap{max-width:860px}.seo-page .seo-breadcrumb{font-size:.82rem;color:#9ca3af;margin-bottom:20px}.seo-page .seo-breadcrumb a{color:#6b7280;text-decoration:none}.seo-page .seo-breadcrumb a:hover{color:#111827}.seo-page .seo-breadcrumb .sep{margin:0 6px;color:#d1d5db}.seo-page .seo-page-cta{display:inline-block;margin-top:28px;padding:12px 28px;background:#111827;color:#fff;font-size:.9rem;font-weight:700;border-radius:8px;text-decoration:none;transition:background .15s}.seo-page .seo-page-cta:hover{background:#000}.seo-page details{border-bottom:1px solid #f3f4f6}.seo-page details:last-of-type{border-bottom:0}.seo-page summary{padding:14px 0;font-size:.98rem;font-weight:650;color:#111827;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;line-height:1.45}.seo-page summary::-webkit-details-marker{display:none}.seo-page summary:after{content:"+";flex-shrink:0;font-size:1.2rem;font-weight:400;color:#9ca3af}.seo-page details[open] summary:after{content:"\2212"}.seo-page .faq-answer{padding:0 0 16px;font-size:.93rem;line-height:1.7;color:#4b5563}.seo-page .example-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px 24px;margin:16px 0;font-size:.93rem;line-height:1.65}.seo-page .example-block strong{color:#111827}@media print{body>*:not(#pdf-preview){display:none!important}#pdf-preview{box-shadow:none!important;transform:none!important}}:root.dark .guide-title{color:#71717a}:root.dark .guide-section-label{color:#e4e4e7}:root.dark .guide-section{background:#ffffff05;border-color:#ffffff14}:root.dark .guide-section-hint{color:#a1a1aa}:root.dark .guide-section:hover{background:#ffffff0a}:root.dark .guide-section-status{border-color:#3f3f46}:root.dark .guide-progress-wrap{border-top-color:#ffffff14}:root.dark .guide-progress-bar{background:#ffffff14}:root.dark .guide-expand-btn{background:#27272a;border-color:#ffffff14;color:#a1a1aa}:root.dark .guide-expand-btn:hover{background:#3f3f46;color:#e4e4e7;border-color:#ffffff26}:root.dark .guide-collapse-btn:hover{background:#ffffff14;color:#e4e4e7}:root.dark .guide-nudge{background:#0284c726;border-color:#0284c74d;color:#e0f2fe}:root.dark .guide-nudge-dismiss{color:#7dd3fc}:root.dark .guide-nudge-dismiss:hover{color:#bae6fd}:root.dark .dialog-card{background:#18181b;border-color:#27272a;box-shadow:0 24px 60px #0006}:root.dark .dialog-title{color:#f4f4f5}:root.dark .dialog-body,:root.dark .dialog-list{color:#a1a1aa}:root.dark .dialog-button-secondary{background:#27272a;color:#e4e4e7;border-color:#ffffff1a}:root.dark .dialog-button-primary{background:#f4f4f5;color:#0f172a;border-color:#f4f4f5}:root.dark .dialog-close{background:#27272a;border-color:#ffffff1a;color:#a1a1aa}:root.dark .dialog-close:hover{background:#3f3f46;color:#f4f4f5;border-color:#fff3}:root.dark .logo-cropper-card{background:#18181b;border-color:#27272a}:root.dark .logo-cropper-title{color:#f4f4f5}:root.dark .logo-cropper-desc{color:#a1a1aa}:root.dark .logo-cropper-close{background:#27272a;border-color:#ffffff1a;color:#a1a1aa}:root.dark .logo-cropper-canvas-wrap{border-color:#27272a;background:#27272a}:root.dark .logo-cropper-zoom-btn{background:#27272a;border-color:#ffffff1a;color:#f4f4f5}:root.dark .floating-total{background:#27272a;color:#fff;border:1px solid rgba(255,255,255,.1)}:root.dark .live-items-empty .is-empty{color:#ffffff4d}:root.dark .live-add-item-btn{color:#fff6;border-color:#ffffff26}:root.dark .live-add-item-btn:hover{color:#ffffffb3;border-color:#ffffff4d;background:#ffffff0d}:root.dark .live-item-delete{background:#27272a;border-color:#ffffff1a;color:#a1a1aa}:root.dark .live-item-delete:hover{color:#ef4444;border-color:#fecaca}.preview-viewport{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.preview-stage{position:relative;min-width:0;min-height:0;margin:0 auto}#preview-wrapper{width:794px;max-width:none;transform-origin:top left;will-change:transform}#pdf-preview{width:794px;min-height:1123px;background:#fff;flex-shrink:0;box-sizing:border-box}@media(max-width:1023px){.preview-viewport{padding:0 12px}.preview-stage{width:min(794px,100vw);height:min(1123px,calc(100vw * 1123 / 794));margin:0}#preview-wrapper{transform:scale(min(1,calc(100vw/794px)))}}@media(min-width:1024px){.mobile-action-bar,.mobile-header-selects{display:none!important}.live-header{padding:0 24px}.live-header-right{gap:16px}.live-doc-surface{padding:48px 40px 80px}}.mobile-header-selects{display:none;align-items:center;gap:6px}.mobile-header-selects .currency-select{padding:6px;font-size:.7rem;max-width:100px}.mobile-action-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid #e5e7eb;padding-bottom:env(safe-area-inset-bottom,0px);z-index:40;box-shadow:0 -4px 12px #0000000d;flex-direction:column}.mobile-action-row{display:flex;align-items:center;gap:10px;padding:8px 12px}.mobile-action-row-primary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.mobile-action-row-primary #btn-new-invoice-mobile{justify-self:start}.mobile-action-row-primary #btn-send-mobile{justify-self:center}.mobile-action-row-primary #btn-download-mobile{justify-self:end}.mobile-zoom-row{justify-content:center;padding-top:0}.btn-download-mobile{background:#0f172a;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .15s;white-space:nowrap;flex-shrink:0}.btn-download-mobile:active{opacity:.85}.btn-send-mobile{background:#fff;color:#0f172a;border:1px solid #cbd5e1;padding:10px 16px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;flex-shrink:0}.btn-send-mobile:active{background:#f8fafc}.btn-new-mobile{background:transparent;color:#475569;border:1px solid #e5e7eb;padding:10px 16px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,color .15s;white-space:nowrap;flex-shrink:0}.btn-new-mobile:active{background:#f1f5f9}.btn-zoom-mobile{min-width:52px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:10px;padding:8px 12px;font-size:.9rem;font-weight:700;line-height:1}.btn-zoom-mobile-fit{min-width:72px}.btn-zoom-mobile:disabled{opacity:.45}.btn-zoom-mobile:focus-visible,.btn-new-mobile:focus-visible,.btn-download-mobile:focus-visible,.btn-send-mobile:focus-visible{outline:2px solid #0f172a;outline-offset:2px}@media(max-width:1023px){.live-brand-logo{height:24px}.live-header-center,.live-header-right #btn-download,.live-header-right #btn-send,.live-header-right #btn-new-invoice{display:none}.mobile-action-bar,.mobile-header-selects{display:flex}.live-doc-layout{flex-direction:column}.guide-sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid #e5e7eb;overflow:visible}.guide-sidebar.is-collapsed{margin-left:0;margin-top:-200px;opacity:0;pointer-events:none;position:absolute}.guide-sidebar-inner{padding:12px 16px;gap:10px;height:auto}.guide-header{display:none}.guide-nudge{font-size:11px;padding:8px 10px}.guide-sections{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;flex:none}.guide-section{width:100%;height:30px;min-width:0;padding:6px 8px;gap:4px;background:#f9fafb;border:1px solid #f3f4f6;border-radius:20px}.guide-section-label{white-space:nowrap}.guide-section:nth-child(1),.guide-section:nth-child(3),.guide-section:nth-child(4){grid-column:span 4}.guide-section:nth-child(2){grid-column:span 3}.guide-section:nth-child(5){grid-column:span 5}.guide-section:nth-child(6){grid-column:span 2}.guide-section:hover{background:#f3f4f6}.guide-section-status{width:16px;height:16px;margin-top:0}.guide-section-status.is-done:after{width:5px;height:8px}.guide-section-label{font-size:12px}.guide-section-hint{display:none}.guide-section-content{gap:0}.guide-progress-wrap{flex-direction:row;align-items:center;gap:10px;padding-top:6px;border-top:none}.guide-progress-bar{flex:1}.guide-progress-text{white-space:nowrap}.guide-expand-btn{display:none!important}.live-doc-surface{padding:16px 0 118px}.floating-total{bottom:112px;right:12px;padding:8px 14px;font-size:.8rem}.floating-total-amount{font-size:1rem}.dialog-modal{top:auto;right:1rem;left:1rem;bottom:calc(7.5rem + env(safe-area-inset-bottom,0px));width:auto}.live-item-delete{right:-4px;top:-8px;width:22px;height:22px}}.shared-header,.shared-footer{border-color:#e5e7eb;background:#fff}.skip-link{position:absolute;top:0;left:16px;transform:translateY(-140%);padding:10px 14px;border-radius:10px;background:#111827;color:#fff;text-decoration:none;font-size:.9rem;font-weight:700;z-index:1000}.skip-link:focus{transform:translateY(12px)}.shared-header{border-bottom:1px solid #e5e7eb}.shared-header-inner,.shared-footer-inner{max-width:980px;margin:0 auto;padding:14px 24px}.shared-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.shared-brand{display:inline-flex;align-items:center;color:#111827;text-decoration:none;font-weight:800;letter-spacing:-.02em}.shared-brand-logo{display:block;width:auto;height:28px}.shared-nav{display:flex;align-items:center;gap:16px}.shared-nav a{color:#4b5563;text-decoration:none;font-size:.9rem;font-weight:600}.shared-nav a:hover,.shared-nav a:focus-visible,.shared-nav a[aria-current=page]{color:#111827}.shared-footer{border-top:1px solid #e5e7eb}.shared-footer-inner{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}.shared-footer-brand{display:inline-flex;align-items:center;color:#111827;font-weight:700;letter-spacing:-.01em;text-decoration:none}.shared-footer-logo{display:block;width:auto;height:24px}.shared-footer-meta,.shared-footer-copy{color:#6b7280;font-size:.82rem}.shared-footer-meta a{color:#374151;text-decoration:none}.shared-footer-meta a:hover{color:#111827}.shared-footer-meta a:focus-visible,.shared-brand:focus-visible{color:#111827}.shared-footer-meta .sep{color:#d1d5db}@media(max-width:767px){.shared-header-inner,.shared-footer-inner{padding:12px 16px}.shared-nav{gap:12px}.shared-nav a{font-size:.82rem}.shared-brand-logo{height:24px}.shared-footer-logo{height:22px}.shared-footer-inner{flex-direction:column;align-items:flex-start}}.pdf-capture-mode,.pdf-capture-mode *,.pdf-capture-mode *:before,.pdf-capture-mode *:after{animation:none!important;animation-delay:0s!important;animation-duration:0s!important;transition:none!important;transition-delay:0s!important;transition-duration:0s!important}.pdf-capture-mode{position:fixed!important;left:-9999px!important;top:0!important;z-index:-1!important;pointer-events:none!important;overflow:visible!important;width:794px!important;zoom:1!important;transform:none!important}.pdf-capture-mode .live-field-editor,.pdf-capture-mode .live-field-editor-wrap,.pdf-capture-mode .live-field-suffix,.pdf-capture-mode .live-item-editor{display:none!important}.pdf-capture-mode .is-editing,.pdf-capture-mode [data-field].is-editing,.pdf-capture-mode [data-item-index].is-editing{background:transparent!important;outline:none!important}.pdf-capture-mode [contenteditable]{caret-color:transparent!important;outline:none!important;cursor:default!important}.pdf-capture-mode [data-field].is-empty,.pdf-capture-mode .is-empty[data-field]{color:transparent!important;opacity:0!important}.pdf-capture-mode img[data-field=logo].is-empty{visibility:hidden!important}.pdf-capture-mode .live-add-item-btn,.pdf-capture-mode .live-add-item-row,.pdf-capture-mode .live-item-delete,.pdf-capture-mode .live-field-error{display:none!important}.pdf-capture-mode.shadow-paper,.pdf-capture-mode .shadow-paper{box-shadow:none!important;border-radius:0!important}.pdf-capture-mode .template-shell{min-height:1123px;overflow:visible!important}.pdf-capture-mode .template-brandline,.pdf-capture-mode .template-mobile-brandline{display:none!important}.template-shell{width:100%;min-height:1123px;box-sizing:border-box;padding:56px 56px 24px;background:#fff;display:flex;flex-direction:column;position:relative;gap:22px}.template-accent{position:absolute;top:0;left:0;right:0;height:6px;background:#000}.template-accent-thick{height:14px}.template-head{display:flex;gap:20px}.template-head-split{justify-content:space-between;align-items:flex-start}.template-head-modern{justify-content:space-between;align-items:center}.template-head-left,.template-head-right{width:48%}.template-head-right{text-align:right}.template-logo{max-height:62px;max-width:210px;object-fit:contain;margin-bottom:12px}.template-title{margin:0 0 14px;font-size:46px;line-height:1;letter-spacing:-.03em;text-transform:uppercase;font-weight:900;overflow-wrap:anywhere}.template-from-name{font-size:20px;font-weight:800;margin-bottom:4px;overflow-wrap:anywhere}.template-to-name{font-size:16px;font-weight:800;margin-bottom:4px;overflow-wrap:anywhere}.template-subline{font-size:13px;line-height:1.45;overflow-wrap:anywhere}.template-pre{white-space:pre-wrap}.template-meta-row{display:flex;justify-content:flex-end;gap:16px;font-size:11px;margin-bottom:4px;text-transform:uppercase;font-weight:700}.template-meta-row span:last-child{min-width:82px;text-align:right;text-transform:none;font-size:14px;font-weight:800}.template-billto{margin-top:6px}.template-section-title{display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;border-bottom:2px solid #000;padding-bottom:3px;margin-bottom:10px}.template-items-block{margin-top:2px}.template-items-head{display:flex;border-bottom:2px solid #000;padding-bottom:8px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:10px}.template-items-head .col-desc{flex:1}.template-items-head .col-qty{width:12%;text-align:center}.template-items-head .col-rate{width:18%;text-align:right}.template-items-head .col-amt{width:22%;text-align:right}.template-totals-wrap{display:flex;justify-content:flex-end}.template-center{justify-content:center}.template-totals-box{width:300px;border:1px solid #000;padding:12px 14px}.template-total-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000;padding:7px 0;font-size:14px;font-weight:700}.template-total-row:last-child{border-bottom:0}.template-total-final{margin-top:10px;font-size:24px;font-weight:900;text-transform:uppercase}.template-total-final span:first-child{font-size:13px}.template-pay-block,.template-notes{border-top:1px solid #000;padding-top:10px}.template-notes-body{min-height:52px}.preview-item-row{display:flex;align-items:flex-start;gap:0;border-bottom:1px solid #000;padding:8px 0}.preview-item-row:last-of-type{border-bottom:0}.preview-item-desc{flex:1;padding-right:12px;font-size:13px;font-weight:700;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.preview-item-qty{width:12%;text-align:center;font-size:13px;font-weight:700}.preview-item-rate{width:18%;text-align:right;font-size:13px;font-weight:700}.preview-item-amt{width:22%;text-align:right;font-size:13px;font-weight:800}