:root{--red:#ec2547;--red-dark:#d51c3c;--orange:#ff6b16;--ink:#202633;--text:#4f5665;--muted:#7e8593;--line:#e8eaf0;--soft:#f8f9fb;--pink:#fff3f3;--green:#269963;--radius:12px;--shadow:0 3px 20px #24324b09;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}input:focus,select:focus,textarea:focus{outline:0;border-color:#ee657c;box-shadow:0 0 0 3px #ec254710}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f3889a;outline-offset:3px}[hidden]{display:none!important}svg.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}button span[data-icon],a span[data-icon],h3 span[data-icon]{display:inline-flex}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--ink);line-height:1.25}h1,h2{letter-spacing:-1.4px}h1{font-size:54px;font-weight:800;line-height:1.18}h2{font-size:36px;font-weight:750}h3{font-size:18px}p{color:var(--text)}.site-header{height:80px;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.nav-wrap{max-width:1260px;padding:0 26px;margin:auto;display:flex;height:100%;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:9px;font-size:34px;font-weight:800;letter-spacing:-1.8px;line-height:1;color:var(--red)}.brand-sub{font-size:10px;letter-spacing:2px;font-weight:700;color:#777c87}.brand-mark{position:relative;width:36px;height:39px;display:grid;place-items:center;font-style:italic;color:white;font-size:34px;line-height:1;font-weight:800;background:linear-gradient(130deg,#ed1645,#ff7020);border-radius:9px;letter-spacing:-5px;padding-right:5px}.brand-mark>span{position:absolute;right:-3px;top:-3px;width:10px;height:10px;background:#ffcf4c;clip-path:polygon(0 0,100% 0,100% 100%)}nav{display:flex;gap:25px;align-items:center;font-size:13px;color:#5c6270}nav a:hover,nav a.active{color:var(--red)}.button{border:1px solid #dddfe6;background:white;border-radius:7px;display:inline-flex;gap:8px;justify-content:center;align-items:center;font-weight:600;padding:10px 16px;min-height:41px;line-height:1.35;transition:box-shadow .2s,background .2s,transform .2s}.button:hover{background:#f8f9fb;border-color:#cdd0d8;box-shadow:0 2px 8px #14243808}.button.primary{color:white;border-color:transparent;background:linear-gradient(115deg,#ed2047 5%,#f7492c 65%,#ff6b14);box-shadow:0 4px 12px #ed254725}.button.primary:hover{background:linear-gradient(115deg,#db183b,#ed5620);box-shadow:0 6px 16px #ed254735}.button.large{padding:15px 23px;font-size:14px;min-height:51px}.nav-saved{font-size:12px;padding:9px 13px;gap:7px}.count{border-radius:5px;background:#f1f2f5;min-width:20px;height:20px;font-size:10px;display:grid;place-items:center}.icon-button{background:none;border:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:5px;padding:5px}.icon-button:hover{background:#f0f1f5}.mobile-menu{display:none}.hero{background:linear-gradient(145deg,#fff3f3,#fff9f5 75%,#fff);padding:59px 20px 0;text-align:center;position:relative;overflow:hidden}.hero-content{max-width:940px;margin:auto}.hero-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#27935f;background:#eaf3e9;border:1px solid #dcebdc;padding:7px 13px;border-radius:30px;margin-bottom:20px}.hero-badge svg{width:16px;height:16px}h1>span{background:linear-gradient(110deg,#e72b46,#e33132 50%,#f47507);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:16px;margin-top:22px;line-height:1.75;color:#626570}.hero-actions{display:flex;gap:14px;justify-content:center;margin-top:28px}.hero-stats{display:flex;justify-content:center;gap:0;margin-top:36px;margin-bottom:36px}.hero-stats>div{display:flex;flex-direction:column;gap:4px;padding:0 37px;border-right:1px solid #e5dfe0}.hero-stats>div:last-child{border:0}.hero-stats strong{font-size:23px;letter-spacing:-.7px}.hero-stats span{font-size:11px;color:#787b87}.hero-bottom{display:flex;align-items:center;justify-content:center;gap:8px;color:#8b8288;font-size:11px;border-top:1px solid #eee6e7;padding:14px;margin:0 -20px;background:#fff9f6c9}.hero-bottom svg{width:13px;height:13px}.hero-bottom .dot{height:3px;width:3px;border-radius:50%;background:#c9bdbf;margin:0 13px}.section{max-width:1260px;padding:64px 26px;margin:0 auto}.section-heading{text-align:center;margin-bottom:36px}.eyebrow{display:block;letter-spacing:1.8px;font-weight:700;font-size:10px;color:#b97079;margin-bottom:12px}.section-heading h2 span{color:var(--red)}.section-heading p{margin-top:14px;font-size:14px;color:#878893}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.document-tabs{display:flex;background:#f2f3f6;padding:4px;border-radius:8px;gap:3px}.document-tabs>button{display:flex;gap:7px;align-items:center;border:0;padding:8px 15px;background:none;font-size:12px;color:#7a7e88;border-radius:5px}.document-tabs>button.selected{background:#fff;color:var(--red);box-shadow:0 1px 6px #1828380a}.document-tabs svg{width:15px;height:15px}.toolbar-actions{display:flex;align-items:center;gap:17px}.save-indicator{font-size:10px;color:#9498a2;display:flex;align-items:center;gap:6px}.save-indicator>span,.live-badge>span{width:5px;height:5px;background:#30ad77;border-radius:50%;display:inline-block}.text-button{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-weight:600;font-size:12px;padding:0;background:none;border:0;line-height:1.5}.text-button svg{width:14px;height:14px}.text-button:hover{color:var(--red-dark)}.text-button.small{font-size:10px;margin-top:5px}.workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:24px}.editor-card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;background:#fff;overflow:hidden}.form-section{padding:25px 24px;border-bottom:1px solid var(--line)}.form-section.last{border:0}.form-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.form-section-title h3{font-size:16px;display:flex;align-items:center;gap:9px}.section-number{display:inline-grid;place-items:center;font-size:10px;font-weight:700;background:#fff0f2;color:var(--red);width:23px;height:23px;border-radius:6px}.muted{color:#9b9eaa;font-size:10px}.editor-card label,.share-form label{display:block;font-size:11px;color:#535969;font-weight:600;margin-bottom:15px}.editor-card input:not([type=checkbox]):not([type=color]):not([type=file]),.editor-card select,.editor-card textarea,.share-form input,.share-form textarea,.search-input{display:block;width:100%;border:1px solid #e1e4eb;background:#fff;border-radius:6px;color:#303647;padding:10px 11px;margin-top:6px;line-height:1.3;font-weight:400;font-size:12px;min-height:38px;min-width:0}.editor-card input::placeholder,.editor-card textarea::placeholder{color:#afb2bc}.editor-card select{padding-right:27px;background:#fff url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%238b8f9a' stroke-width='2'/%3E%3C/svg%3E") right 10px center/12px no-repeat;appearance:none}.editor-card textarea{resize:vertical;min-height:60px}.required{color:var(--red)}.field-grid{display:grid;gap:0 12px}.field-grid.two{grid-template-columns:1fr 1fr}.field-grid.invoice-dates{grid-template-columns:1.08fr 1fr 1fr}.field-grid .full{grid-column:1/-1}.uppercase{text-transform:uppercase}.brand-row{display:flex;gap:24px;align-items:center;margin-bottom:23px}.editor-card .logo-uploader{width:154px;flex-shrink:0;height:112px;background:#fafbfc;border:1px dashed #d7dae3;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;margin:0;overflow:hidden;position:relative}.logo-uploader>span:first-child svg{height:25px;width:25px;color:#a6aab6;stroke-width:1.2}.logo-uploader strong{font-size:10px;font-weight:600;color:#717786}.logo-uploader>span:last-of-type{font-size:8px;color:#a2a6b0;font-weight:400}.logo-uploader input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.logo-uploader .uploaded-logo{max-height:65px;max-width:120px;object-fit:contain}.logo-uploader.has-logo>span,.logo-uploader.has-logo>strong{display:none}.theme-options{flex:1}.theme-options>label{margin-bottom:8px;font-size:11px}.color-swatches{display:flex;flex-wrap:wrap;gap:6px}.color-swatches button{width:25px;height:25px;padding:0;border:3px solid white;outline:1px solid #eceef2;border-radius:5px;color:white;display:grid;place-items:center}.color-swatches button.active{outline:2px solid var(--invoice-color,#ec2547);outline-offset:1px}.color-swatches svg{height:12px;width:12px;stroke-width:3}.color-custom{display:flex;align-items:center;gap:6px;color:#a1a5af;font-size:9px;margin-top:12px}.color-custom input[type=color]{width:17px;height:17px;padding:0;border:0;cursor:pointer;background:none}.editor-card label.check-label{display:flex;align-items:center;gap:7px;color:#818592;font-weight:400;font-size:11px;margin-bottom:0;cursor:pointer}.check-label input[type=checkbox]{appearance:none;width:14px;height:14px;border:1px solid #d1d5df;border-radius:3px;margin:0;cursor:pointer;flex-shrink:0}.check-label input:checked{background:var(--red);border-color:var(--red);background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 12 4 4 8-8' stroke='white' stroke-width='3' fill='none'/%3E%3C/svg%3E");background-position:center;background-size:14px}.check-label+div:not([hidden]){margin-top:14px}#transport-fields:not([hidden]){margin-top:15px}.item-table-wrap{margin:0 -10px;overflow:auto}.item-editor{width:100%;border-collapse:separate;border-spacing:0;font-size:10px;table-layout:fixed;min-width:470px}.item-editor th{font-size:9px;text-align:left;padding:10px 4px;font-weight:600;color:#858b98;background:#f6f7f9;border-top:1px solid #eceef2;border-bottom:1px solid #eceef2;white-space:nowrap}.item-editor th:nth-child(1){width:19px;padding-left:7px}.item-editor th:nth-child(2){width:auto}.item-editor th:nth-child(3){width:43px}.item-editor th:nth-child(4){width:58px}.item-editor th:nth-child(5){width:66px}.item-editor th:nth-child(6){width:70px;text-align:right}.item-editor th:last-child{width:22px}.item-editor td{vertical-align:top;padding:10px 3px;border-bottom:1px solid #eff0f4}.item-editor td:first-child{padding-top:21px;text-align:center;color:#a0a5b0}.item-editor input:not([type=checkbox]):not([type=color]):not([type=file]),.item-editor select{font-size:10px;padding:7px 5px;min-height:31px;margin:0;height:31px}.item-editor .item-hsn{margin-top:5px!important;font-size:9px!important;border:0!important;padding:2px 5px!important;min-height:22px!important;height:22px!important;background:#f8f9fb!important}.item-editor input[type=number]{-moz-appearance:textfield}.item-editor input::-webkit-inner-spin-button{-webkit-appearance:none}.item-editor select{padding-right:15px;background-position:right 3px center;background-size:10px}.item-editor .item-amount{text-align:right;white-space:nowrap;font-size:10px;padding-top:16px;font-weight:600;color:#50596c}.item-editor .remove-item{width:20px;height:30px;color:#a6acb9;background:none;border:0;padding:0}.item-editor .remove-item:hover{color:var(--red)}.remove-item svg{height:12px;width:12px}.add-item-button{border:1px dashed #efb5c0;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--red);background:#fff9fa;width:100%;border-radius:6px;font-size:11px;font-weight:600;padding:9px;margin-top:13px}.add-item-button svg{height:13px;width:13px}.add-item-button:hover{background:#fff0f3}.tax-card{border:1px solid #eaecf1;border-radius:8px;padding:13px;margin-top:22px}.tax-card-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.tax-card-title strong{font-size:11px;font-weight:600;display:block}.tax-card-title small{color:#969ba7;font-size:9px;display:block;margin-top:3px}.editor-card .switch{margin:0}.switch input{opacity:0;position:absolute;width:1px;height:1px}.switch>span{display:block;width:32px;height:18px;background:#d5d9e2;border-radius:15px;position:relative;transition:.2s}.switch>span:before{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--red)}.switch input:checked+span:before{transform:translateX(14px)}.switch input:focus-visible+span{outline:2px solid #ff9bb1;outline-offset:3px}#tax-settings{border-top:1px solid var(--line);padding-top:13px;margin-top:13px}#tax-settings label{font-size:10px}#tax-settings select{font-size:10px}.adjustment-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:18px}.adjustment-grid label{font-size:10px}.input-combo{display:flex;align-items:center;border:1px solid #e1e4eb;border-radius:6px;margin-top:6px;overflow:hidden;height:38px}.input-combo input:not([type=checkbox]):not([type=color]):not([type=file]){border:0;border-radius:0;margin:0;height:36px;min-height:36px;flex:1;width:50%;padding:9px;font-size:10px}.input-combo select{border:0;border-radius:0;min-height:36px;margin:0;height:36px;padding:5px 15px 5px 4px;width:64px;flex-shrink:0;font-size:9px;background-color:#fafbfc}.adjustment-grid input{font-size:10px!important}.roundoff{margin:1px 0 15px!important;justify-content:flex-end}.totals-card{background:#fafbfc;border:1px solid #eceef3;border-radius:8px;padding:14px 16px}.total-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:15px;margin-bottom:7px;color:#798190}.total-row strong{font-weight:500;color:#515969}.total-row.discount-row strong{color:var(--green)}.total-row.grand-total{padding-top:11px;margin-top:10px;border-top:1px solid #e4e7ee;font-size:16px;font-weight:700;color:var(--ink);margin-bottom:0}.total-row.grand-total strong{font-weight:700;color:var(--red)}.total-row.balance-row{padding-top:8px;margin-bottom:0;font-weight:600;color:#414d61}.extra-fields{border:1px solid #e6e8ef;border-radius:7px;margin-bottom:12px;padding:0 13px}.extra-fields summary{display:flex;align-items:center;gap:7px;font-size:11px;color:#72798a;padding:12px 0;list-style:none;cursor:pointer}.extra-fields summary>span:last-child{margin-left:auto}.extra-fields summary svg{width:14px;height:14px}.extra-fields[open] summary{margin-bottom:8px;color:var(--red)}.extra-fields label{font-size:10px}.editor-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:23px}.editor-bottom .button{font-size:11px}.editor-bottom .button svg{width:15px;height:15px}.form-error{background:#fff0f2;color:#cc2544;padding:12px;border-radius:6px;font-size:11px;margin-top:15px}.editor-card .invalid{border-color:#e53e58!important}.preview-column{position:sticky;top:100px;min-width:0}.preview-card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;background:#fff;padding:20px;overflow:hidden}.preview-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.preview-title h3{display:flex;align-items:center;gap:8px;font-size:14px}.preview-title h3 svg{color:#858d9d;width:17px}.live-badge{display:flex;align-items:center;gap:5px;background:#ecf7f0;color:#389f6c;border-radius:4px;font-size:8px;font-weight:600;letter-spacing:.5px;padding:3px 6px}.preview-controls{display:flex;align-items:center;gap:6px;margin-bottom:13px}.template-select{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e7e9ef;border-radius:5px;font-size:10px;padding:7px 9px;flex:1;min-width:0;text-align:left;max-width:65%}.template-select svg{width:13px;height:13px;color:#939baa}.template-select>span:last-child{margin-left:auto}.preview-zoom{display:flex;align-items:center;gap:1px;margin-left:auto;font-size:9px;color:#8790a1;white-space:nowrap}.preview-zoom .icon-button{width:22px;height:24px}.preview-zoom .icon{width:12px;height:12px}.preview-controls>.icon-button svg{height:14px;width:14px}.paper-stage{border:1px solid #e7e9ef;background:#f3f4f7;border-radius:6px;padding:15px;overflow:auto;min-height:300px;max-height:650px;scrollbar-width:thin;position:relative}.invoice-preview{position:relative;margin:0 auto;box-shadow:0 2px 9px #24324b13;flex-shrink:0}.invoice-preview>.invoice-paper{position:absolute;top:0;left:0;transform-origin:top left}.page-navigation{display:flex;align-items:center;justify-content:center;gap:13px;font-size:9px;color:#a0a5b0;padding:7px 0}.page-navigation .icon-button{height:21px;width:21px}.page-navigation svg{height:12px;width:12px}.preview-actions{display:grid;grid-template-columns:1fr 95px;gap:9px;margin-top:7px}.preview-actions .button{font-size:11px;min-height:41px}.preview-actions svg{height:15px;width:15px}.preview-share{display:flex;justify-content:center;gap:0;margin-top:14px}.preview-share button{border:0;background:none;font-size:10px;color:#8c94a2;display:flex;gap:5px;align-items:center;padding:0 18px;border-right:1px solid #e6e8ee}.preview-share button:last-child{border:0}.preview-share button:hover{color:var(--red)}.preview-share svg{width:13px;height:13px}.preview-share button[data-action=whatsapp]{color:#359d6e}.preview-privacy{border-top:1px solid #f0f1f5;margin-top:16px;padding-top:12px;display:flex;align-items:center;justify-content:center;font-size:8px;color:#a8aeb9;gap:5px}.preview-privacy svg{width:10px;height:10px}.preview-tip{display:flex;gap:12px;border:1px solid #f4e1d8;background:#fff9f4;border-radius:9px;padding:17px;margin-top:17px}.preview-tip>span{color:#f29951}.preview-tip strong{font-size:11px}.preview-tip p{font-size:10px;line-height:1.7;color:#99908a;margin:4px 0 7px}.preview-tip .text-button{color:#d58245;font-size:10px}.preview-tip .text-button svg{width:11px;height:11px}.templates-section{max-width:none;background:#f9fafc;border-block:1px solid #f0f1f5;padding-top:65px;padding-bottom:58px}.template-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:30px}.template-filters button{background:white;border:1px solid #e5e7ed;padding:8px 14px;border-radius:6px;font-size:11px;color:#8a8f9b;display:flex;align-items:center;gap:6px}.template-filters button.selected{background:var(--red);border-color:var(--red);color:white}.template-filters button:hover{border-color:#f0a2b1}.template-filters .filter-count{font-size:9px;opacity:.65}.template-grid{max-width:1208px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.template-card{padding:0;background:white;border:1px solid #e5e7ed;border-radius:10px;overflow:hidden;text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #26344a12;border-color:#ecc0c8}.template-card.selected{border-color:#ee7d91;box-shadow:0 0 0 1px #ee7d91}.template-thumbnail{height:237px;position:relative;overflow:hidden;background:#eff1f5;padding:20px 0 0;display:flex;justify-content:center}.template-mini-container{position:relative;width:230px;height:325px;box-shadow:0 4px 17px #3c42651a}.template-mini-container .invoice-paper{position:absolute;top:0;left:0;transform:scale(.29);transform-origin:top left;pointer-events:none}.template-tag{position:absolute;left:13px;top:12px;background:#ffffffed;border:1px solid #e9e9ee;font-size:8px;padding:3px 6px;border-radius:3px;z-index:1;color:#888b95}.template-tick{position:absolute;right:12px;top:12px;color:#fff;background:var(--red);height:23px;width:23px;border-radius:50%;display:grid;place-items:center;z-index:1}.template-tick svg{width:13px;height:13px}.template-info{padding:16px 17px;display:flex;align-items:center;justify-content:space-between}.template-info h3{font-size:13px;margin-bottom:4px}.template-info p{font-size:10px;color:#9c9faa}.template-info>.template-use{font-size:10px;color:var(--red);display:flex;gap:4px;align-items:center;white-space:nowrap}.template-use svg{height:12px;width:12px}.template-note{display:flex;justify-content:center;align-items:center;font-size:10px;color:#969dab;margin-top:27px;gap:7px}.template-note svg{height:14px;width:14px;color:#46a674}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid article{padding:27px;border:1px solid #ebedf2;border-radius:10px}.feature-icon{height:42px;width:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:19px}.feature-icon svg{width:21px;height:21px}.feature-icon.pink{color:#ea4d6c;background:#fff0f4}.feature-icon.orange{color:#ec964c;background:#fff4e8}.feature-icon.blue{color:#5988dd;background:#eef4ff}.feature-icon.green{color:#42a875;background:#ecf8f1}.feature-icon.purple{color:#9c71ce;background:#f5f0fe}.feature-icon.cyan{color:#56aeb6;background:#eefaFC}.feature-grid h3{font-size:14px;margin-bottom:10px}.feature-grid p{font-size:12px;line-height:1.8;color:#9296a3}.steps-section{text-align:center;padding-top:35px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1000px;gap:60px;margin:49px auto 37px;position:relative}.steps-grid:before{content:'';position:absolute;border-top:1px dashed #e4d4d8;top:35px;left:16%;right:16%;z-index:-1}.step-circle{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#fff4f4;border:1px solid #ffe6ea;color:#ee526d;margin:0 auto 23px;position:relative;box-shadow:0 0 0 10px #fff}.step-circle svg{width:25px;height:25px;stroke-width:1.5}.step-circle>span:last-child{position:absolute;bottom:-3px;right:-3px;width:23px;height:23px;display:grid;place-items:center;background:var(--red);border:3px solid #fff;color:white;border-radius:50%;font-size:8px;font-weight:bold}.steps-grid h3{font-size:15px;margin-bottom:9px}.steps-grid p{font-size:12px;line-height:1.8;color:#979aa5}.faq-section{max-width:890px;padding-top:25px}.faq-list details{border:1px solid #e9ebf1;border-radius:8px;margin-bottom:12px;padding:0 22px}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;padding:20px 0;font-size:13px;font-weight:600}.faq-list summary svg{width:15px;height:15px;color:#959ba9}.faq-list details[open] summary{color:var(--red)}.faq-list details[open] svg{transform:rotate(45deg)}.faq-list p{padding:0 0 20px;font-size:12px;line-height:1.8;color:#9399a5}.closing-cta{max-width:1208px;margin:0 auto 65px;background:linear-gradient(120deg,#fff0f2,#fff6ec);padding:45px 52px;border:1px solid #fce3e5;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing-cta h2{font-size:33px;line-height:1.25;letter-spacing:-1px}.closing-cta p{font-size:12px;color:#aa8e93;margin-top:13px}.closing-cta .eyebrow{font-size:9px}footer{border-top:1px solid #e9ebf1;background:#fbfcfd;padding:32px max(26px,calc((100vw - 1208px)/2)) 20px}.footer-top{display:flex;gap:30px;align-items:center}.footer-top .brand{font-size:27px}.footer-top .brand-mark{width:29px;height:31px;font-size:29px;border-radius:7px}.footer-top .brand-sub{font-size:8px}.footer-top>p{color:#9ba2af;font-size:11px}.footer-top>div{display:flex;gap:22px;margin-left:auto;color:#9299a7;font-size:10px}.footer-top button{background:none;border:0;padding:0;font-size:10px;color:inherit}.footer-bottom{display:flex;justify-content:space-between;color:#a9aeb9;font-size:9px;border-top:1px solid #eceef4;padding-top:20px;margin-top:26px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:#263242;color:#fff;padding:12px 20px;font-size:12px;border-radius:9px;box-shadow:0 6px 20px #17223824;z-index:110;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#1c23376b;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:80}.modal{max-width:900px;width:100%;background:#fff;border:1px solid #e0e4ec;border-radius:14px;box-shadow:0 20px 80px #16213540;max-height:88vh;overflow:auto}.modal>header{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 27px;border-bottom:1px solid var(--line);z-index:5}.modal .eyebrow{margin:0 0 5px;font-size:8px}.modal h2{font-size:24px;letter-spacing:-.7px}#modal-body{padding:24px 27px}.modal .template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.modal .template-thumbnail{height:182px}.modal .template-mini-container{transform:scale(.8);transform-origin:top center}.modal .template-info{padding:12px}.modal .template-info h3{font-size:11px}.modal .template-info p{font-size:8px}.modal .template-use{display:none}.modal .template-filters{gap:5px;margin-bottom:20px;justify-content:flex-start}.modal .template-filters button{font-size:9px;padding:6px 8px}.history-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px}.history-toolbar .search-input{margin:0;flex:1}.history-toolbar .button{font-size:10px}.empty-state{text-align:center;padding:40px 20px;color:#aaaeb9}.empty-state>svg{width:45px;height:45px;stroke-width:1;color:#babfca;margin-bottom:15px}.empty-state h3{font-size:16px;margin-bottom:10px}.empty-state p{font-size:12px;max-width:320px;margin:0 auto 20px}.history-list{display:flex;flex-direction:column;gap:10px}.history-row{display:flex;align-items:center;gap:15px;border:1px solid var(--line);padding:14px;border-radius:8px}.history-file-icon{height:35px;width:35px;border-radius:7px;background:#fff0f3;color:var(--red);display:grid;place-items:center;flex-shrink:0}.history-info{flex:1;min-width:0}.history-info h3{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}.history-info p{font-size:10px;color:#999fac}.history-value{text-align:right;margin-right:8px}.history-value strong{font-size:12px;display:block}.history-value span{font-size:9px;color:#a2a8b3}.history-buttons{display:flex;gap:3px}.history-buttons svg{width:14px;height:14px}.history-footer{font-size:10px;color:#a1a8b4;margin-top:15px;line-height:1.7}.share-form{max-width:550px;margin:auto}.share-form>p{font-size:12px;color:#949ba8;margin-bottom:20px}.share-form input,.share-form textarea{font-size:12px}.share-form textarea{min-height:160px;resize:vertical}.share-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:20px}.share-actions .button{font-size:11px}.share-note{font-size:10px;color:#9ca3b1;line-height:1.8;margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.full-preview-stage{overflow:auto;background:#f0f2f6;padding:20px}.full-preview-stage .invoice-paper{margin:0 auto 20px;box-shadow:0 2px 15px #24334816}.confirm-copy p{font-size:13px;line-height:1.8;margin-bottom:20px;color:#8b92a2}.confirm-copy .share-actions{margin-top:25px}.template-info .status-active{font-size:9px;color:#f0607c}.currency-note{font-size:10px;color:#a08e69;margin-top:6px}

/* Shared, fixed-size invoice documents: preview, printable pages and PDF use the same markup. */
.invoice-paper{--accent:#ec2547;--tint:#fff2f4;width:794px;height:1123px;min-height:1123px;background:#fff;position:relative;color:#344050;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.5;padding:43px 43px 34px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;border:0;letter-spacing:normal}.invoice-paper *{box-sizing:border-box}.invoice-paper h1,.invoice-paper h2,.invoice-paper h3,.invoice-paper p{letter-spacing:normal;color:inherit}.invoice-paper .doc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;padding-bottom:23px;border-bottom:2px solid var(--accent);min-height:114px}.invoice-paper .doc-brand{display:flex;align-items:flex-start;gap:14px;min-width:0;max-width:62%}.invoice-paper .doc-logo{width:68px;height:68px;object-fit:contain;flex-shrink:0}.invoice-paper .doc-business h2{font-size:23px;line-height:1.2;font-weight:700;word-break:break-word;margin-bottom:7px}.invoice-paper .doc-business p{font-size:10px;line-height:1.65;color:#7c8695;white-space:pre-line;word-break:break-word}.invoice-paper .doc-business .doc-contact{margin-top:5px;font-size:9px}.invoice-paper .doc-heading{text-align:right;flex-shrink:0;max-width:36%}.invoice-paper .doc-heading h1{font-size:25px;color:var(--accent);font-weight:700;line-height:1.15;text-transform:uppercase;word-break:break-word}.invoice-paper .doc-heading>p{font-size:11px;font-weight:600;margin-top:9px;color:#758091}.invoice-paper .doc-heading>small{font-size:8px;display:block;color:#a4adbb;margin-top:4px}.invoice-paper .doc-details{display:flex;justify-content:space-between;gap:20px;padding:25px 0 23px}.invoice-paper .doc-customer{width:53%;word-break:break-word}.invoice-paper .doc-label{display:block;font-size:9px;letter-spacing:.8px;text-transform:uppercase;font-weight:700;color:#9aA2af;margin-bottom:7px}.invoice-paper .doc-customer h3{font-size:15px;line-height:1.25;margin-bottom:7px;font-weight:700}.invoice-paper .doc-customer p{white-space:pre-line;color:#7e8795;font-size:10px;line-height:1.65}.invoice-paper .doc-meta{width:39%;font-size:10px}.invoice-paper .doc-meta>div{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px}.invoice-paper .doc-meta>div>span{color:#99a0ad}.invoice-paper .doc-meta>div>b{font-weight:500;text-align:right;word-break:break-word}.invoice-paper .doc-shipping{border:1px solid #e9ecf1;padding:11px 13px;margin:-8px 0 20px;font-size:9px;color:#7b8694;white-space:pre-line;word-break:break-word}.invoice-paper .doc-shipping b{color:#667185}.invoice-paper .doc-table{width:100%;border-collapse:collapse;font-size:10px;table-layout:fixed}.invoice-paper .doc-table thead{background:var(--accent);color:#fff}.invoice-paper .doc-table th{font-size:9px;padding:11px 8px;font-weight:600;text-align:left;letter-spacing:.1px}.invoice-paper .doc-table th:first-child{width:28px}.invoice-paper .doc-table th:nth-child(2){width:auto}.invoice-paper .doc-table th:nth-child(3){width:66px}.invoice-paper .doc-table th:nth-child(4){width:41px}.invoice-paper .doc-table th:nth-child(5){width:43px}.invoice-paper .doc-table th:nth-child(6){width:82px;text-align:right}.invoice-paper .doc-table th:nth-child(7){width:90px;text-align:right}.invoice-paper .doc-table td{padding:11px 8px;border-bottom:1px solid #eaeef3;vertical-align:top;overflow-wrap:anywhere;color:#627082;line-height:1.55}.invoice-paper .doc-table td:first-child{color:#9ea6b1;font-size:9px}.invoice-paper .doc-table td:nth-child(6),.invoice-paper .doc-table td:nth-child(7){text-align:right;white-space:nowrap}.invoice-paper .doc-table td:nth-child(7){font-weight:600;color:#404e61}.invoice-paper .doc-item-name{font-weight:500;color:#48556b;white-space:pre-line}.invoice-paper .doc-table .doc-empty td{height:105px;color:#a1a9b5;text-align:center;font-size:11px;font-weight:400;vertical-align:middle}.invoice-paper .doc-summary{display:flex;gap:25px;justify-content:space-between;padding-top:24px;align-items:flex-start}.invoice-paper .doc-words{width:49%;font-size:9px;color:#8e97a5;line-height:1.7;padding-top:3px}.invoice-paper .doc-words p{font-size:10px;color:#6c788a;word-break:break-word;line-height:1.7}.invoice-paper .doc-totals{width:42%;font-size:10px}.invoice-paper .doc-total-row{display:flex;justify-content:space-between;gap:18px;margin-bottom:8px;color:#929caa}.invoice-paper .doc-total-row b{font-weight:500;color:#647184;white-space:nowrap}.invoice-paper .doc-total-row.doc-grand{padding:12px 10px;background:var(--tint);margin:10px -10px 0;color:var(--accent);font-weight:700;font-size:14px;border-top:1px solid var(--accent)}.invoice-paper .doc-total-row.doc-grand b{color:var(--accent);font-weight:700}.invoice-paper .doc-total-row.doc-balance{font-weight:700;color:#657387;margin-top:10px}.invoice-paper .doc-total-row.doc-balance b{font-weight:700}.invoice-paper .doc-lower{display:flex;gap:25px;margin-top:27px;justify-content:space-between}.invoice-paper .doc-notes{width:57%;font-size:9px;line-height:1.65;color:#929caa}.invoice-paper .doc-notes>div+div{margin-top:15px}.invoice-paper .doc-notes p{white-space:pre-line;overflow-wrap:anywhere;font-size:9px;line-height:1.65;color:#8a96a7}.invoice-paper .doc-payment{width:37%;font-size:9px;color:#8491a4;line-height:1.65;word-break:break-word}.invoice-paper .doc-payment>div{display:flex;gap:8px;justify-content:space-between}.invoice-paper .doc-payment b{font-weight:500;text-align:right;color:#627086;max-width:65%}.invoice-paper .doc-signature{margin-top:auto;align-self:flex-end;padding-top:26px;text-align:center;min-width:165px;font-size:8px;color:#9aa3b1}.invoice-paper .doc-signature strong{display:block;font-size:13px;font-weight:500;color:#68758b;padding-bottom:8px;border-bottom:1px solid #dce2eb;margin-bottom:6px}.invoice-paper .doc-footer{border-top:1px solid #eceff5;padding-top:12px;margin-top:24px;display:flex;justify-content:space-between;color:#b1b8c3;font-size:8px;gap:20px}.invoice-paper .doc-footer span:first-child{max-width:80%}.invoice-paper .doc-continuation{font-size:10px;color:#9fa8b5;padding:16px 0;font-style:italic}.invoice-paper .doc-continued-label{font-size:8px;color:#a6afbd;margin-top:3px}.invoice-paper .doc-challan-total{padding:16px;text-align:right;color:var(--accent);background:var(--tint);font-size:12px}.invoice-paper .placeholder-text{color:#b0b7c2!important}
/* Twelve layouts, with shared structure and genuinely different visual treatments. */
.invoice-paper.t-corporate{padding:0 40px 32px}.t-corporate .doc-top{background:var(--accent);color:#fff;margin:0 -40px;padding:35px 40px 26px;border:0;min-height:170px}.t-corporate .doc-heading h1,.t-corporate .doc-business p,.t-corporate .doc-heading>p,.t-corporate .doc-heading>small{color:#fff;opacity:.94}.t-corporate .doc-heading h1{font-size:30px}.t-corporate .doc-business h2{color:#fff}.t-corporate .doc-table thead{background:var(--tint);color:var(--accent)}.t-corporate .doc-grand{background:var(--accent)!important;color:#fff!important}.t-corporate .doc-grand b{color:#fff!important}
.invoice-paper.t-retail{border:12px solid var(--tint);padding:30px 31px}.t-retail .doc-top{flex-direction:column;align-items:center;text-align:center;gap:16px;min-height:160px;border-bottom:1px dashed var(--accent)}.t-retail .doc-brand{max-width:100%;flex-direction:column;align-items:center;gap:8px}.t-retail .doc-business h2{font-size:24px}.t-retail .doc-heading{text-align:center;max-width:100%}.t-retail .doc-heading h1{font-size:17px;letter-spacing:3px}.t-retail .doc-heading>p{margin-top:4px;font-size:9px}.t-retail .doc-table thead{background:var(--tint);color:var(--accent)}.t-retail .doc-table td{border-bottom:1px dashed #dce5df}.t-retail .doc-footer{border-top:1px dashed var(--accent)}
.invoice-paper.t-modern:before{content:'';position:absolute;left:0;top:0;bottom:0;width:12px;background:var(--accent)}.t-modern .doc-top{border:0;padding-bottom:20px}.t-modern .doc-heading h1{font-size:34px;font-weight:800}.t-modern .doc-details{background:var(--tint);border-radius:8px;padding:18px;margin-bottom:22px}.t-modern .doc-table thead{background:transparent;color:var(--accent);border-bottom:2px solid var(--accent)}.t-modern .doc-table th{padding-top:8px}.t-modern .doc-footer{border-color:var(--accent)}
.invoice-paper.t-service .doc-top{border-top:5px solid var(--accent);border-bottom:1px solid #e7ecf3;padding-top:25px}.t-service .doc-heading h1{font-size:26px;letter-spacing:1px}.t-service .doc-table thead{background:#f2f4f8;color:#5f7089}.t-service .doc-grand{background:var(--accent)!important;color:white!important}.t-service .doc-grand b{color:white!important}.t-service .doc-business h2{font-weight:500;font-size:25px}
.invoice-paper.t-studio{padding:48px 48px 32px}.t-studio .doc-top{flex-direction:row-reverse;border-bottom:3px solid var(--accent);padding-bottom:30px}.t-studio .doc-brand{text-align:right;flex-direction:row-reverse}.t-studio .doc-heading{text-align:left}.t-studio .doc-heading h1{font-size:36px;letter-spacing:-1px;font-weight:800}.t-studio .doc-details{padding-top:30px}.t-studio .doc-table thead{background:transparent;color:var(--accent);border-bottom:2px solid var(--accent)}.t-studio .doc-table tr:nth-child(even){background:var(--tint)}
.invoice-paper.t-wholesale{padding:36px}.t-wholesale .doc-top{border:0}.t-wholesale .doc-heading{padding:13px 17px;background:var(--accent);color:#fff}.t-wholesale .doc-heading h1,.t-wholesale .doc-heading>p,.t-wholesale .doc-heading>small{color:white}.t-wholesale .doc-heading h1{font-size:20px}.t-wholesale .doc-details{border-top:2px solid var(--accent)}.t-wholesale .doc-table{border:1px solid #e3e7ee}.t-wholesale .doc-table td,.t-wholesale .doc-table th{border-right:1px solid #e3e7ee}.t-wholesale .doc-table tr:nth-child(even){background:var(--tint)}.t-wholesale .doc-footer{border-top:2px solid var(--accent)}
.invoice-paper.t-ledger .doc-top{border-top:2px solid var(--accent);border-bottom:1px solid var(--accent);padding-top:23px}.t-ledger .doc-table{border:1px solid #cbd3df}.t-ledger .doc-table thead{background:var(--tint);color:var(--accent)}.t-ledger .doc-table td,.t-ledger .doc-table th{border-right:1px solid #d9dfe7;border-bottom:1px solid #d9dfe7}.t-ledger .doc-details{border-bottom:1px solid #d9dfe7;margin-bottom:21px}.t-ledger .doc-business h2{font-family:Georgia,serif;font-size:27px}.t-ledger .doc-heading h1{font-family:Georgia,serif;font-size:26px}
.invoice-paper.t-challan{border-top:9px solid var(--accent)}.t-challan .doc-top{border-bottom:1px dashed var(--accent)}.t-challan .doc-heading h1{font-size:24px;max-width:200px}.t-challan .doc-table thead{background:var(--tint);color:var(--accent)}.t-challan .doc-signature{padding-top:45px}.t-challan .doc-details{border-bottom:1px dashed #e3e7ee;margin-bottom:20px}
.invoice-paper.t-dispatch .doc-top{border:2px solid var(--accent);padding:22px;margin-bottom:7px}.t-dispatch .doc-heading h1{font-size:22px}.t-dispatch .doc-details{padding:18px 5px}.t-dispatch .doc-table{border:1px solid #e1e7eb}.t-dispatch .doc-table td,.t-dispatch .doc-table th{border:1px solid #e1e7eb}.t-dispatch .doc-table td{padding:12px 9px}.t-dispatch .doc-label{color:var(--accent)}
.invoice-paper.t-elegant{padding:50px 48px 36px}.t-elegant .doc-top{border-bottom:1px solid var(--accent);padding-bottom:30px}.t-elegant .doc-business h2{font-family:Georgia,serif;font-weight:400;font-size:29px}.t-elegant .doc-heading h1{font-family:Georgia,serif;line-height:1.2;font-size:27px;font-weight:400}.t-elegant .doc-table thead{background:transparent;color:var(--accent);border-top:1px solid var(--accent);border-bottom:1px solid var(--accent)}.t-elegant .doc-table th{font-weight:400;letter-spacing:.3px}.t-elegant .doc-grand{font-family:Georgia,serif;font-size:17px!important;font-weight:400!important;background:white!important;border-top:1px solid var(--accent)}
.invoice-paper.t-minimal .doc-top{border:0}.t-minimal .doc-heading h1{font-weight:400;font-size:32px;letter-spacing:2px}.t-minimal .doc-business h2{font-weight:500;font-size:22px}.t-minimal .doc-details{border-top:1px solid #e8ecf3}.t-minimal .doc-table thead{background:#f5f6f9;color:#7f8a9d}.t-minimal .doc-table td{border-bottom:1px solid #f0f2f7}.t-minimal .doc-grand{background:white!important;border:0!important;font-size:18px!important}
#export-root{position:absolute;top:0;left:-20000px;width:794px;pointer-events:none}#export-root .invoice-paper{height:auto;min-height:1123px;overflow:visible}#print-root{display:none}
@media(min-width:1051px){.workspace.preview-mode{display:block;max-width:850px;margin:auto}.workspace.preview-mode .editor-card{display:none}.workspace.preview-mode .preview-column{position:static}.workspace.preview-mode .paper-stage{max-height:1000px}.workspace.preview-mode .preview-tip{display:none}.workspace.preview-mode .preview-card{padding:28px 45px}}
@media(min-width:1450px){.paper-stage{max-height:690px}.preview-column{top:105px}}
@media(max-width:1100px){.nav-wrap{gap:15px}.nav-wrap nav{gap:17px;font-size:11px}.brand-sub{display:none}.form-section{padding:23px 19px}.workspace{gap:18px}.preview-card{padding:16px}.brand-row{gap:18px}.editor-card .logo-uploader{width:134px}.color-swatches{gap:4px}.color-swatches button{width:23px;height:23px}.theme-options>label{font-size:10px}.save-indicator{display:none}.footer-top{gap:20px}.footer-top>div{gap:13px}.footer-top>p{font-size:10px}.section{padding-left:24px;padding-right:24px}.closing-cta{margin-left:24px;margin-right:24px}.item-table-wrap{margin:0 -8px}}
@media(max-width:900px){h1{font-size:46px}h2{font-size:30px}.hero{padding-top:48px}.hero p{font-size:14px}.site-header{height:70px}.nav-wrap nav{gap:14px}.nav-wrap nav a:nth-child(4){display:none}.nav-saved{font-size:10px;padding:7px 9px}.nav-saved svg{height:14px;width:14px}.brand{font-size:29px}.brand-mark{width:31px;height:34px;font-size:30px}.workspace{grid-template-columns:minmax(0,1fr)}.editor-card{max-width:100%}.preview-column{display:none;position:static}.workspace.preview-mode .editor-card{display:none}.workspace.preview-mode .preview-column{display:block;max-width:700px;width:100%;margin:auto}.preview-mode .paper-stage{max-height:none}.brand-row{gap:28px}.editor-card .logo-uploader{width:180px}.color-swatches button{width:30px;height:30px}.theme-options>label{font-size:11px}.form-section{padding:25px}.item-editor{min-width:470px}.item-editor th:nth-child(3){width:60px}.item-editor th:nth-child(4){width:65px}.item-editor th:nth-child(5){width:85px}.item-editor th:nth-child(6){width:100px}.item-editor th:last-child{width:26px}.item-editor input:not([type=checkbox]):not([type=color]):not([type=file]),.item-editor select{font-size:12px}.item-editor .item-amount{font-size:12px}.item-editor th{font-size:10px}.save-indicator{display:flex}.feature-grid{gap:15px}.feature-grid article{padding:20px}.feature-grid h3{font-size:13px}.feature-grid p{font-size:11px}.template-grid{gap:15px}.template-thumbnail{height:204px;padding-top:16px}.template-mini-container{transform:scale(.9);transform-origin:top center}.template-info{padding:13px}.template-info h3{font-size:12px}.template-info p{font-size:9px}.template-use{font-size:9px!important}.template-use svg{display:none}.steps-grid{gap:28px}.footer-top{flex-wrap:wrap}.footer-top>div{margin-left:0;flex:1;justify-content:flex-end;gap:14px}.footer-top>p{display:none}.closing-cta{padding:35px}.closing-cta h2{font-size:30px}.closing-cta .button{font-size:12px}.preview-tip{display:none}.section-heading{margin-bottom:30px}}
@media(max-width:650px){html{scroll-padding-top:80px}.site-header{height:64px}.nav-wrap{padding:0 17px;gap:10px}.nav-wrap nav{display:none;position:absolute;top:63px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:18px 20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 8px 15px #17233208}.nav-wrap nav.open{display:flex}.nav-wrap nav a{padding:10px;font-size:13px}.nav-wrap nav a:nth-child(4){display:block}.mobile-menu{display:flex}.nav-saved{margin-left:auto;font-size:9px;min-height:31px;gap:5px}.nav-saved .count{font-size:9px;height:17px;min-width:17px}.brand{font-size:27px}.brand-mark{width:28px;height:30px;font-size:27px;border-radius:7px}.brand-sub{display:inline;font-size:7px;letter-spacing:1.3px}.hero{padding:35px 18px 0}.hero-badge{font-size:9px;gap:5px;padding:6px 10px;margin-bottom:21px}.hero-badge svg{width:13px;height:13px}h1{font-size:35px;letter-spacing:-1.4px;line-height:1.2}.desktop-break{display:none}.hero p{font-size:12px;line-height:1.8;margin-top:19px;padding:0 7px}.hero-actions{gap:9px;margin-top:23px;flex-direction:column;align-items:center}.hero-actions .button{width:260px;min-height:44px;padding:12px 15px;font-size:12px}.hero-actions .button svg{height:15px;width:15px}.hero-stats{margin:29px -5px 27px}.hero-stats>div{padding:0 18px;gap:3px}.hero-stats strong{font-size:17px;letter-spacing:-.4px}.hero-stats span{font-size:8px}.hero-bottom{font-size:8px;gap:4px;padding:11px 10px;flex-wrap:wrap}.hero-bottom .dot{margin:0 5px}.hero-bottom svg{width:10px;height:10px}.hero-bottom .dot:last-of-type{display:none}.hero-bottom>span[data-icon]:last-of-type{display:none}.section{padding:42px 17px}h2{font-size:27px;letter-spacing:-.9px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:11px}.section-heading h2{line-height:1.3}.section-heading p{font-size:11px;line-height:1.8;margin-top:10px}.section-heading{margin-bottom:24px}.workspace-toolbar{gap:7px;align-items:center;margin-bottom:12px}.toolbar-actions{gap:10px}.save-indicator{display:none}.toolbar-actions .text-button{font-size:9px;gap:3px}.toolbar-actions .text-button svg{width:11px;height:11px}.document-tabs{padding:3px;gap:0}.document-tabs>button{font-size:10px;padding:7px 10px;gap:4px}.document-tabs svg{width:12px;height:12px}.form-section{padding:20px 16px}.form-section-title{margin-bottom:18px}.form-section-title h3{font-size:14px;gap:7px}.section-number{height:21px;width:21px;font-size:9px}.muted{font-size:8px}.editor-card label{font-size:10px;margin-bottom:14px}.editor-card input:not([type=checkbox]):not([type=color]):not([type=file]),.editor-card select,.editor-card textarea{font-size:12px;min-height:39px;padding:10px}.brand-row{gap:19px;align-items:center}.editor-card .logo-uploader{width:125px;height:103px}.logo-uploader strong{font-size:9px}.logo-uploader>span:last-of-type{font-size:7px}.color-swatches{gap:5px;max-width:165px}.color-swatches button{width:23px;height:23px}.color-custom{font-size:8px;gap:5px;margin-top:8px}.theme-options>label{font-size:10px;margin-bottom:9px}.field-grid{gap:0 10px}.field-grid.invoice-dates{grid-template-columns:1fr 1fr}.invoice-dates label:first-child{grid-column:1/-1}.item-table-wrap{margin:0 -5px;overflow-x:auto;scrollbar-width:thin}.item-editor{min-width:465px}.item-editor th:nth-child(3){width:43px}.item-editor th:nth-child(4){width:50px}.item-editor th:nth-child(5){width:65px}.item-editor th:nth-child(6){width:72px}.item-editor th{font-size:8px}.item-editor td{padding:10px 3px}.item-editor input:not([type=checkbox]):not([type=color]):not([type=file]),.item-editor select{padding:6px 4px;font-size:10px;min-height:31px}.item-editor .item-amount{font-size:10px}.tax-card{padding:11px}.tax-card-title strong{font-size:11px}.tax-card-title small{font-size:8px}.tax-card input,.tax-card select{font-size:10px!important}.adjustment-grid{gap:8px}.adjustment-grid label{font-size:9px}.adjustment-grid input:not([type=checkbox]):not([type=color]):not([type=file]){font-size:10px;padding:8px}.input-combo select{font-size:8px;min-height:36px;width:48px;padding:5px 12px 5px 2px;background-position:right 1px center;background-size:9px}.input-combo input:not([type=checkbox]):not([type=color]):not([type=file]){min-height:36px;padding:7px;flex:1;min-width:20px}.editor-bottom .button{padding:9px 12px;font-size:10px;gap:6px}.editor-bottom .button svg{height:13px;width:13px}.preview-card{padding:14px;border-radius:10px}.preview-title h3{font-size:13px}.paper-stage{padding:10px;max-height:none;min-height:200px}.preview-controls{gap:5px}.template-select{max-width:61%;padding:6px 8px}.template-select span:nth-child(2){font-size:9px}.preview-actions .button{min-height:40px}.preview-share button{font-size:10px;padding:0 16px}.templates-section{padding-bottom:35px}.template-filters{gap:6px;margin-bottom:22px}.template-filters button{font-size:9px;padding:6px 9px;border-radius:5px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-thumbnail{height:164px;padding-top:19px}.template-mini-container{transform:scale(.69);transform-origin:top center;flex-shrink:0}.template-tag{font-size:6px;top:7px;left:7px;padding:2px 4px}.template-tick{width:18px;height:18px;right:7px;top:7px}.template-tick svg{width:10px;height:10px}.template-info{padding:12px 10px;display:block}.template-info h3{font-size:11px;margin-bottom:4px}.template-info p{font-size:8px;line-height:1.4}.template-info>.template-use{font-size:9px!important;margin-top:8px}.template-use svg{display:inline;width:10px;height:10px}.template-note{font-size:8px;align-items:flex-start;line-height:1.7;margin-top:20px}.template-note svg{margin-top:1px;flex-shrink:0}.feature-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feature-grid article{padding:18px 15px}.feature-icon{width:34px;height:34px;border-radius:9px;margin-bottom:14px}.feature-icon svg{height:18px;width:18px}.feature-grid h3{font-size:12px;line-height:1.45;margin-bottom:9px}.feature-grid p{font-size:10px;line-height:1.8}.steps-section{padding-top:15px}.steps-grid{grid-template-columns:1fr;gap:24px;margin:28px auto}.steps-grid:before{display:none}.steps-grid article{display:grid;grid-template-columns:55px 1fr;text-align:left;gap:0 18px;max-width:320px;margin:auto}.step-circle{grid-row:span 2;width:50px;height:50px;margin:0;box-shadow:none}.step-circle svg{height:21px;width:21px}.step-circle>span:last-child{height:20px;width:20px;font-size:7px}.steps-grid h3{font-size:13px;margin:1px 0 6px}.steps-grid p{font-size:11px;line-height:1.7}.steps-section .button{font-size:12px;padding:12px 18px;min-height:43px}.faq-section{padding-top:15px}.faq-list details{padding:0 15px;margin-bottom:9px}.faq-list summary{font-size:11px;padding:16px 0}.faq-list summary svg{width:13px;height:13px}.faq-list p{font-size:11px;padding-bottom:16px}.closing-cta{margin:0 17px 36px;padding:28px 23px;display:block}.closing-cta h2{font-size:28px}.closing-cta .eyebrow{font-size:7px;letter-spacing:1.1px}.closing-cta p{font-size:11px;margin-top:12px}.closing-cta .button{margin-top:24px;min-height:43px;padding:11px 17px;font-size:11px}.closing-cta .button svg{height:14px;width:14px}footer{padding:26px 17px 18px}.footer-top{gap:21px;flex-direction:column;align-items:flex-start}.footer-top .brand{font-size:25px}.footer-top>p{display:block;font-size:10px;margin-top:-12px}.footer-top>div{gap:17px;font-size:9px;width:100%;justify-content:flex-start;flex-wrap:wrap}.footer-top>div button{font-size:9px}.footer-bottom{font-size:8px;margin-top:21px;padding-top:16px;gap:12px;align-items:flex-start}.footer-bottom>span:last-child{max-width:130px;text-align:right}.modal-backdrop{padding:12px}.modal{max-height:92vh;border-radius:11px}.modal>header{padding:18px}.modal h2{font-size:20px}.modal .eyebrow{font-size:7px}#modal-body{padding:18px}.modal .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modal .template-thumbnail{height:150px;padding-top:19px}.modal .template-mini-container{transform:scale(.63)}.modal .template-filters button{font-size:8px;padding:5px 7px}.modal .template-info{padding:11px 9px}.modal .template-info h3{font-size:10px}.modal .template-info p{font-size:7px}.history-toolbar{flex-wrap:wrap;gap:8px}.history-toolbar input{flex-basis:100%;width:100%}.history-toolbar .button{font-size:9px;padding:7px 9px;min-height:32px}.history-row{padding:10px;gap:9px;flex-wrap:wrap}.history-info h3{font-size:11px}.history-info p{font-size:8px}.history-value strong{font-size:10px}.history-value span{font-size:8px}.history-buttons{width:100%;justify-content:flex-end;border-top:1px solid #f0f1f4;padding-top:5px;margin-top:3px}.history-buttons .icon-button{width:32px}.history-footer{font-size:9px}.share-form label{font-size:10px}.share-actions{gap:7px;flex-wrap:wrap}.share-actions .button{font-size:10px;padding:10px}.share-note{font-size:9px}.full-preview-stage{padding:10px}.toast{font-size:11px;bottom:18px;padding:11px 16px}.full-preview-stage .invoice-paper{transform-origin:top left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@page{size:A4;margin:0}
@media print{html,body{margin:0!important;padding:0!important;background:#fff!important}body>*:not(#print-root){display:none!important}#print-root{display:block!important;margin:0!important;padding:0!important}#print-root .invoice-paper{width:210mm;min-height:297mm;height:297mm;margin:0!important;box-shadow:none!important;page-break-after:always;break-after:page;print-color-adjust:exact;-webkit-print-color-adjust:exact;overflow:hidden}#print-root .invoice-paper:last-child{break-after:auto;page-break-after:auto}}

/* Responsive product wordmark: retain attribution at every breakpoint. */
.brand{display:inline-flex;align-items:center;flex:0 0 auto;gap:10px;white-space:nowrap;letter-spacing:normal}
.brand>span.brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;line-height:1;min-width:0}
.brand .brand-name{display:block;font-size:27px;font-weight:800;letter-spacing:-.7px;line-height:1}
.brand .brand-sub{display:block;font-size:11px;font-weight:500;letter-spacing:.2px;line-height:1.2;color:#646b78;margin:0;padding:0}
.brand .brand-mark,.footer-top .brand-mark{width:42px;height:42px;flex:0 0 42px;font-size:35px;border-radius:10px;letter-spacing:-5px;line-height:1}
.footer-top .brand .brand-sub{font-size:11px}
@media(max-width:1100px){.nav-wrap{gap:12px}.nav-wrap nav{gap:13px}.brand .brand-sub{display:block}}
@media(max-width:600px){
 .site-header{height:68px}.nav-wrap{padding:0 14px;gap:8px}.nav-wrap nav{top:67px}
 .brand{gap:8px}.brand>span.brand-wordmark{gap:3px}
 .brand .brand-name{font-size:23px;letter-spacing:-.5px}
 .brand .brand-sub,.footer-top .brand .brand-sub{display:block;font-size:10px;letter-spacing:.15px;line-height:1.2}
 .brand .brand-mark,.footer-top .brand-mark{width:38px;height:38px;flex-basis:38px;font-size:32px;border-radius:9px}
 .nav-saved{flex:0 0 auto;white-space:nowrap;padding:7px 9px}.mobile-menu{flex:0 0 30px}
}
@media(max-width:360px){.nav-wrap{padding:0 10px;gap:6px}.brand{gap:6px}.brand .brand-name{font-size:21px}.nav-saved{padding:7px 6px}}