.invoice-tool{--ink: #103e3b;--green: #176348;--orange: #ed9206;--text: #273e3d;--muted: #617370;--line: #dce5e2;--soft: #f2f6f4;--white: #fff;font:16px/1.5 Arial,Helvetica,sans-serif;color:var(--text);background:#f8faf9;color-scheme:light}.invoice-tool *{box-sizing:border-box}.invoice-tool{margin:0}.invoice-tool button,.invoice-tool input,.invoice-tool textarea,.invoice-tool select{font:inherit}.invoice-tool a{color:inherit}.invoice-tool button,.invoice-tool a,.invoice-tool input,.invoice-tool textarea,.invoice-tool select{-webkit-tap-highlight-color:transparent}.invoice-tool button{cursor:pointer}.invoice-tool button:disabled{cursor:not-allowed;opacity:.5}.invoice-tool a:focus-visible,.invoice-tool button:focus-visible,.invoice-tool summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.invoice-tool input:focus,.invoice-tool textarea:focus,.invoice-tool select:focus{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green)}.invoice-tool .skip{position:absolute;top:-100px}.invoice-tool .skip:focus{top:8px;left:10px;z-index:10;background:#fff;padding:10px}.invoice-tool .wrap{max-width:1280px;margin:auto;padding:0 32px}.invoice-tool .breadcrumbs{display:flex;gap:8px;font-size:13px;color:var(--muted);padding-top:22px}.invoice-tool .breadcrumbs a{text-decoration:none}.invoice-tool .intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px 0 23px}.invoice-tool .intro h1{font-size:38px;line-height:1.15;letter-spacing:-1.4px;color:var(--ink);margin:0 0 10px}.invoice-tool .intro p{margin:0;color:var(--muted);max-width:670px}.invoice-tool .benefits{display:flex;gap:15px;flex-wrap:wrap;margin-top:13px;font-size:14px;font-weight:600;color:var(--green)}.invoice-tool .benefits span:before{content:"✓";margin-right:5px}.invoice-tool .industry-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 0 22px;font-size:14px}.invoice-tool .industry-nav .label{margin-right:6px;color:var(--muted)}.invoice-tool .industry-nav a{text-decoration:none;padding:6px 12px;border:1px solid var(--line);border-radius:6px;background:#fff}.invoice-tool .industry-nav a:hover{border-color:var(--green);color:var(--green)}.invoice-tool .industry-nav .active{background:var(--ink);color:#fff;border-color:var(--ink)}.invoice-tool .workspace{display:grid;grid-template-columns:1.06fr 1fr;align-items:start;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 32px #103e3b07;overflow:clip}.invoice-tool .editor{padding:25px 27px;border-right:1px solid var(--line)}.invoice-tool .editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.invoice-tool .editor-heading h2,.invoice-tool .preview-top h2{font-size:18px;margin:0;color:var(--ink);letter-spacing:-.3px}.invoice-tool .quiet-button{background:#fff;border:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:600;border-radius:6px;padding:8px 11px}.invoice-tool .quiet-button:hover{background:var(--soft);border-color:#94aba4}.invoice-tool .example-banner{font-size:13px;color:#46665a;background:#edf6ef;border:1px solid #dbe9de;padding:9px 11px;border-radius:6px;margin-bottom:20px}.invoice-tool .section-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink);margin:0 0 11px}.invoice-tool .section-label .step{background:var(--soft);border:1px solid var(--line);width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px}.invoice-tool .fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invoice-tool .field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:14px;font-weight:600}.invoice-tool .field.full{grid-column:1/-1}.invoice-tool input,.invoice-tool select,.invoice-tool textarea{width:100%;min-width:0;border:1px solid #cad7d2;border-radius:6px;background:#fff;color:var(--text);padding:9px 11px;font-size:14px;min-height:41px}.invoice-tool input::placeholder,.invoice-tool textarea::placeholder{color:#81908c}.invoice-tool textarea{resize:vertical;min-height:75px}.invoice-tool input[type=number]{appearance:textfield;-moz-appearance:textfield}.invoice-tool input::-webkit-inner-spin-button{appearance:none}.invoice-tool details.more{margin-top:12px}.invoice-tool details.more summary{cursor:pointer;color:var(--green);font-size:13px;font-weight:600;padding:2px 0}.invoice-tool details.more .fields{margin-top:12px}.invoice-tool .form-section{border-bottom:1px solid #e5ece8;padding-bottom:20px;margin-bottom:20px}.invoice-tool .form-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.invoice-tool .line-header,.invoice-tool .line-row{display:grid;grid-template-columns:minmax(0,1fr) 56px 85px 29px;gap:7px;align-items:start}.invoice-tool .line-header{font-size:12px;color:var(--muted);margin-bottom:6px}.invoice-tool .line-row{margin-bottom:8px}.invoice-tool .line-row input{padding:9px 8px}.invoice-tool .line-row input[type=number]{text-align:right}.invoice-tool .remove{border:0;background:transparent;color:#85948f;height:41px;font-size:22px;line-height:1;padding:0}.invoice-tool .remove:hover{color:#b3332b;background:#fff3f1;border-radius:5px}.invoice-tool .add-row{background:none;border:0;padding:5px 0;color:var(--green);font-size:14px;font-weight:700}.invoice-tool .add-row:hover{text-decoration:underline}.invoice-tool .totals-fields{grid-template-columns:repeat(3,1fr)}.invoice-tool .editor-note{font-size:12px;color:var(--muted);margin-top:13px}.invoice-tool .preview-panel{background:#edf3ef;padding:23px 24px 27px;position:sticky;top:180px}.invoice-tool .preview-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:16px}.invoice-tool .preview-top p{font-size:12px;color:var(--muted);margin:3px 0 0}.invoice-tool .download{border:0;border-radius:7px;background:var(--orange);color:#143936;font-weight:700;font-size:14px;padding:12px 17px;box-shadow:0 2px #c57400;white-space:nowrap}.invoice-tool .download:hover{background:#ffab26}.invoice-tool .download svg{display:inline-block;vertical-align:-3px;margin-right:6px}.invoice-tool .paper{background:#fff;border:1px solid #d9e2dd;box-shadow:0 4px 15px #173d3610;min-height:584px;padding:30px 28px;color:#293d39;border-radius:2px}.invoice-tool .paper-header{display:flex;justify-content:space-between;gap:18px;border-bottom:3px solid var(--ink);padding-bottom:18px}.invoice-tool .paper-business{font-size:17px;color:var(--ink);margin:0 0 7px;overflow-wrap:anywhere}.invoice-tool .paper-contact{font-size:12px;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;line-height:1.6}.invoice-tool .document-type{font-size:22px;font-weight:700;letter-spacing:2px;color:var(--ink);margin:0 0 6px}.invoice-tool .document-number{font-size:12px;color:var(--muted);text-align:right}.invoice-tool .paper-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.invoice-tool .paper-label{font-size:10px;letter-spacing:1px;font-weight:700;color:var(--muted);margin:0 0 5px}.invoice-tool .customer-name{font-size:14px;font-weight:700;overflow-wrap:anywhere}.invoice-tool .dates{font-size:12px}.invoice-tool .dates div{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.invoice-tool .dates span:first-child{color:var(--muted)}.invoice-tool .dates span:last-child{text-align:right}.invoice-tool .preview-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.invoice-tool .preview-table th{padding:9px 5px;background:#f0f5f2;color:#536b62;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.invoice-tool .preview-table th:first-child{width:46%;padding-left:8px}.invoice-tool .preview-table th:nth-child(2){width:11%}.invoice-tool .preview-table th:nth-child(3){width:20%}.invoice-tool .preview-table th:nth-child(4){width:23%}.invoice-tool .preview-table td{padding:12px 5px;border-bottom:1px solid #e7ece9;vertical-align:top;overflow-wrap:anywhere}.invoice-tool .preview-table td:first-child{padding-left:8px}.invoice-tool .preview-table th:not(:first-child),.invoice-tool .preview-table td:not(:first-child){text-align:right}.invoice-tool .paper-totals{width:65%;margin:17px 0 18px auto;font-size:12px}.invoice-tool .paper-totals>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.invoice-tool .paper-totals .total{font-weight:700;border-top:1px solid var(--line);padding-top:9px;margin-top:5px}.invoice-tool .paper-totals .due{font-size:16px;font-weight:700;color:var(--ink);padding:10px;background:#e9f2ec;margin:8px -10px 0}.invoice-tool .paper-notes{font-size:12px;color:#536b62;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:25px}.invoice-tool .paper-footer{font-size:10px;text-align:center;border-top:1px solid var(--line);padding-top:12px;margin-top:26px;color:#71847d}.invoice-tool .preview-footnote{font-size:12px;text-align:center;color:#61776b;margin:15px 0 0}.invoice-tool .status{font-size:13px;color:var(--green);margin-top:9px;min-height:20px}.invoice-tool .status.error{color:#a12821}.invoice-tool .below{padding:48px 0 30px}.invoice-tool .how{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:36px;border-bottom:1px solid var(--line)}.invoice-tool .how h3{font-size:16px;color:var(--ink);margin:0 0 7px}.invoice-tool .how p{font-size:14px;color:var(--muted);margin:0}.invoice-tool .how .number{font-size:12px;color:var(--green);font-weight:700;letter-spacing:1px;display:block;margin-bottom:7px}.invoice-tool .help{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:35px 0}.invoice-tool .help h2,.invoice-tool .related h2{font-size:23px;letter-spacing:-.5px;color:var(--ink);margin:0 0 12px}.invoice-tool .help p{color:var(--muted);font-size:15px}.invoice-tool .faq details{padding:13px 0;border-bottom:1px solid var(--line)}.invoice-tool .faq summary{font-size:14px;font-weight:600;cursor:pointer}.invoice-tool .faq details p{font-size:14px;margin:10px 0 0}.invoice-tool .related{padding:24px 0 36px;border-top:1px solid var(--line)}.invoice-tool .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.invoice-tool .related a{background:#fff;border:1px solid var(--line);border-radius:8px;padding:17px;text-decoration:none}.invoice-tool .related a:hover{border-color:var(--green)}.invoice-tool .related strong{display:block;color:var(--ink);font-size:15px;margin-bottom:5px}.invoice-tool .related span{font-size:14px;color:var(--muted)}.invoice-tool .upsell{background:var(--ink);color:#fff;border-radius:10px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:35px}.invoice-tool .upsell h2{font-size:23px;margin:0 0 8px;letter-spacing:-.4px}.invoice-tool .upsell p{font-size:14px;color:#d1e2db;margin:0;max-width:610px}.invoice-tool .upsell a{display:inline-block;background:#fff;border-radius:6px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:700;padding:12px 16px;white-space:nowrap}.invoice-tool .upsell small{display:block;font-size:12px;color:#d1e2db;text-align:center;margin-top:7px}.invoice-tool .mobile-preview-link{display:none}.invoice-tool dialog{margin:auto;background:#fff;border:1px solid var(--line);border-radius:12px;max-width:410px;padding:27px;color:var(--text)}.invoice-tool dialog::backdrop{background:#103e3b55}.invoice-tool dialog h2{font-size:22px;color:var(--ink);margin-top:0}.invoice-tool dialog p{font-size:15px;color:var(--muted)}.invoice-tool .dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}@media(min-width:1500px){.invoice-tool .wrap{max-width:1340px}.invoice-tool .intro{padding-top:23px;padding-bottom:26px}}@media(max-width:1000px){.invoice-tool .wrap{padding:0 22px}.invoice-tool .editor{padding:20px}.invoice-tool .preview-panel{padding:20px 15px}.invoice-tool .paper{padding:23px 18px}.invoice-tool .intro h1{font-size:34px}.invoice-tool .preview-top{align-items:start;flex-wrap:wrap}.invoice-tool .preview-top .download{width:100%}.invoice-tool .line-header,.invoice-tool .line-row{grid-template-columns:minmax(0,1fr) 48px 70px 24px}.invoice-tool .help{gap:30px}.invoice-tool .paper-totals{width:80%}}@media(max-width:760px){.invoice-tool .wrap{padding:0 17px}.invoice-tool .breadcrumbs{font-size:12px;padding-top:15px}.invoice-tool .intro{padding-top:16px;padding-bottom:19px}.invoice-tool .intro h1{font-size:31px;letter-spacing:-1px}.invoice-tool .intro p{font-size:15px}.invoice-tool .benefits{gap:11px;font-size:12px}.invoice-tool .industry-nav{gap:6px;padding-bottom:17px}.invoice-tool .industry-nav .label{flex-basis:100%;font-size:12px}.invoice-tool .industry-nav a{font-size:12px;padding:5px 8px}.invoice-tool .workspace{grid-template-columns:1fr;overflow:visible}.invoice-tool .editor{padding:20px 16px;border-right:0}.invoice-tool .preview-panel{position:static;padding:22px 15px;border-top:1px solid var(--line);border-radius:0 0 12px 12px}.invoice-tool .preview-top{align-items:center;flex-wrap:nowrap}.invoice-tool .preview-top .download{width:auto;padding:11px 13px}.invoice-tool .paper{padding:25px 19px;min-height:570px}.invoice-tool .paper-totals{width:65%}.invoice-tool .line-header,.invoice-tool .line-row{grid-template-columns:minmax(0,1fr) 48px 75px 25px}.invoice-tool .mobile-preview-link{display:block;font-size:13px;color:var(--green);margin-top:14px}.invoice-tool .how,.invoice-tool .related-grid{grid-template-columns:1fr;gap:20px}.invoice-tool .how{padding-bottom:28px}.invoice-tool .help{grid-template-columns:1fr;gap:15px;padding:28px 0}.invoice-tool .below{padding-top:30px}.invoice-tool .upsell{flex-direction:column;align-items:start;padding:24px;gap:20px}.invoice-tool .fields{gap:10px}.invoice-tool input,.invoice-tool select,.invoice-tool textarea{font-size:16px}.invoice-tool .totals-fields{grid-template-columns:1fr 1fr}.invoice-tool .totals-fields .field:last-child{grid-column:1/-1}.invoice-tool .intro p{max-width:560px}}@media(max-width:390px){.invoice-tool .preview-top{flex-wrap:wrap}.invoice-tool .preview-top .download{width:100%}.invoice-tool .paper{padding:19px 13px}.invoice-tool .document-type{font-size:18px}.invoice-tool .paper-business{font-size:15px}.invoice-tool .paper-totals{width:75%}.invoice-tool .fields{grid-template-columns:1fr}.invoice-tool .field.full{grid-column:auto}.invoice-tool .line-header,.invoice-tool .line-row{grid-template-columns:minmax(0,1fr) 43px 65px 23px}}@media print{.invoice-tool{background:#fff}.invoice-tool .breadcrumbs,.invoice-tool .intro,.invoice-tool .industry-nav,.invoice-tool .editor,.invoice-tool .preview-top,.invoice-tool .preview-footnote,.invoice-tool .below,.invoice-tool .status{display:none!important}.invoice-tool .wrap{padding:0;max-width:none}.invoice-tool .workspace{display:block;border:0;box-shadow:none}.invoice-tool .preview-panel{padding:0;background:#fff;position:static}.invoice-tool .paper{box-shadow:none;border:0;border-radius:0;min-height:0;padding:10mm}.invoice-tool .preview-table tr{break-inside:avoid}}.invoice-tool :is(h1,h2,h3,h4,h5,h6){font-family:Arial,Helvetica,sans-serif}