:root{--ink:#272c29;--muted:#747a74;--green:#263b32;--line:#e2e5de;--bg:#f4f5f0;--brand:#263b32;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,summary:focus-visible,a:focus-visible,.upload-button:focus-within{outline:3px solid #8aab94;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #8aab94;outline-offset:1px;border-color:var(--green)}[hidden]{display:none!important}.app-header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#fafbf7}.wordmark{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:650;letter-spacing:-.8px;color:var(--ink);text-decoration:none}.wordmark span{font-weight:400;margin-left:-5px}.wordmark svg{width:22px;height:27px;fill:none;stroke:var(--green);stroke-width:1.6}.header-actions{display:flex;gap:12px;align-items:center}button.primary,.primary{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:5px;padding:12px 18px;font-weight:550}button.secondary{background:transparent;border:1px solid #c8cec5;border-radius:5px;padding:12px 16px;color:var(--ink)}button.quiet{background:none;border:0;padding:12px;color:var(--muted)}button.primary span{margin-left:14px}main{max-width:1510px;margin:0 auto;padding:42px 4vw 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.eyebrow{font-size:10px;letter-spacing:2px;color:#717c6f;font-weight:650;margin:0 0 12px}h1{font-family:Georgia,serif;font-size:35px;letter-spacing:-1.1px;font-weight:400;margin:0}.intro{color:var(--muted);font-size:14px;margin:12px 0 0}.save-indicator{font-size:12px;color:#657264;display:flex;align-items:center;gap:8px}.save-indicator:before,.live-dot{content:"";width:6px;height:6px;border-radius:50%;background:#7c9b72;display:inline-block}.workspace{display:grid;grid-template-columns:minmax(390px,.95fr) minmax(470px,1.15fr);gap:44px;align-items:start}.editor{min-width:0}.form-section{border-bottom:1px solid var(--line);padding:0 0 30px;margin-bottom:30px}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.section-number{font-size:11px;color:#939b91;letter-spacing:.7px}.section-heading h2{font-size:17px;letter-spacing:-.2px;margin:0;font-weight:600}.section-caption{margin-left:auto;font-size:11px;color:var(--muted)}.templates{display:flex;gap:12px;margin-bottom:24px}.template{position:relative;flex:1;min-width:0;border:1px solid #d9ded5;border-radius:7px;background:#f9faf7;padding:14px 13px 10px;text-align:left;font-size:12px;color:#626a61}.template.selected{border:1.5px solid var(--green);color:var(--green);background:#eef1e9}.template-check{float:right;opacity:0}.template.selected .template-check{opacity:1}.mini{display:block;background:#fff;height:92px;margin-bottom:12px;padding:15px 12px;position:relative;box-shadow:0 1px 3px #263b3210}.mini i,.mini b,.mini em,.mini small{display:block;height:3px;background:#dce1d8;font-style:normal}.mini i{width:25%;height:5px;background:var(--green);margin-bottom:10px}.mini b{width:80%;margin-bottom:8px}.mini em{width:100%;margin-bottom:8px}.mini small{width:100%;margin-top:10px}.classic-mini{border-top:3px solid var(--green);text-align:center}.classic-mini i{margin:0 auto 12px;width:40%}.classic-mini small{border-top:1px solid #c9cfc5}.bold-mini{border-left:9px solid var(--green)}.bold-mini i{width:55%;height:9px}.brand-controls{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:23px}.brand-controls label{font-size:12px;display:block;margin-bottom:8px;font-weight:500}.logo-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.upload-button{display:inline-block!important;border:1px solid #c8cec5;border-radius:5px;padding:11px 13px;cursor:pointer;margin:0!important;background:#fafbf7;font-weight:500}.logo-controls>span{font-size:10px;color:var(--muted)}.colour-control{display:flex;align-items:center;border:1px solid #cbd1c6;border-radius:5px;background:#fafbf7;padding:6px 9px;gap:8px;height:39px;font-size:11px;font-family:monospace}input[type=color]{border:0;padding:0;width:23px;height:23px;background:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}details{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:17px 0;font-size:13px;font-weight:550;display:flex;align-items:center;gap:8px}summary:before{content:"+";font-size:15px;color:#899584;width:12px}details[open]>summary:before{content:"−"}summary span{font-size:11px;color:var(--muted);font-weight:400;margin-left:auto}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}.fields label,.notes-label{display:block;font-size:12px;font-weight:500;line-height:1.5}.full{grid-column:1/-1}.optional{color:#92988e;font-weight:400;font-size:10px;margin-left:5px}.required{color:#7a8d73}input:not([type=color]):not([type=checkbox]):not([type=file]),textarea,select{width:100%;display:block;border:1px solid #cfd5c9;border-radius:5px;padding:11px 12px;background:#fafbf8;color:#2b332b;font-size:14px;line-height:1.5;margin-top:6px;min-width:0}textarea{resize:vertical;min-height:65px}input::placeholder,textarea::placeholder{color:#a0a79a;font-size:12px}input[type=date]{color-scheme:light}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:#a94737}.field-hint{font-size:11px;color:#7f887a;line-height:1.6;font-weight:400;margin:0}.switch-label{display:flex!important;align-items:center;gap:10px;padding:6px 0 12px}.switch-label input{width:17px;height:17px;accent-color:var(--green)}.subheading{font-size:12px;font-weight:650;margin:24px 0 15px}.text-button{background:none;border:none;padding:6px 0;color:#63725b;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.section-heading .text-button{margin-left:auto}.items-hint{margin:-10px 0 18px}.item-row{display:grid;grid-template-columns:1fr 65px 95px;gap:10px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.item-row label{font-size:11px;font-weight:500}.item-row .description{grid-column:1/-1}.item-row .item-bottom{display:flex;align-items:center;justify-content:space-between;grid-column:1/-1}.item-bottom span{font-size:12px;font-weight:550}.item-row select{padding:11px 5px;font-size:12px}.add-item{width:100%;border:1px dashed #bfcab6;background:transparent;border-radius:5px;padding:12px;color:#63725b;font-size:12px}.add-item span{margin-right:7px}.editor-totals{padding:18px 0;display:grid;gap:9px;font-size:12px}.total-line{display:flex;justify-content:space-between}.total-line.grand{font-size:15px;font-weight:650;border-top:1px solid var(--line);padding-top:12px}.notes-label{margin-top:8px}.privacy{display:flex;align-items:start;gap:10px;font-size:11px;line-height:1.7;color:#8a9383}.privacy strong{color:#67765f;font-weight:550}.privacy svg{width:17px;height:19px;flex-shrink:0;stroke:#7e8e74;fill:none;stroke-width:1.3}.clear-data{margin-top:15px;color:#8a9383}.preview-area{position:sticky;top:24px;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;color:#65735d}.preview-heading .live-dot{margin-right:7px}.preview-subtitle{font-size:10px;color:#929b89;margin-left:10px}.preview-heading>span{font-size:10px;text-transform:uppercase;letter-spacing:1.2px}.paper-wrap{background:#e8ece3;border:1px solid #dce2d4;border-radius:9px;padding:25px;max-height:calc(100vh - 130px);overflow:auto}.invoice-paper{background:#fff;min-height:690px;padding:40px 35px;color:#343b33;font-family:Arial,sans-serif;line-height:1.6;font-size:10px;overflow-wrap:anywhere}.invoice-paper h2{font-size:26px;margin:0;line-height:1.2;letter-spacing:2px;color:var(--brand);font-weight:400}.paper-header{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e0e5dc;padding-bottom:22px;margin-bottom:24px}.paper-brand{font-size:16px;font-weight:650;color:var(--brand);line-height:1.4}.paper-logo{display:block;max-width:125px;max-height:62px;object-fit:contain;object-position:left;margin-bottom:12px}.paper-business{margin-top:9px;font-size:9px;color:#77816f;white-space:pre-line}.paper-ref{text-align:right;font-size:9px;min-width:90px}.paper-ref strong{display:block;margin-top:10px;font-weight:500;color:#66705e}.paper-to{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;white-space:pre-line}.paper-kicker{font-size:8px;letter-spacing:1.2px;color:#909b86;text-transform:uppercase;margin-bottom:7px}.paper-to b{font-size:11px;font-weight:600}.paper-dates{text-align:right;font-size:9px}.paper-dates div{margin-bottom:5px}.paper-dates span{color:#86917d;margin-right:8px}.paper-table{width:100%;border-collapse:collapse;font-size:9px}.paper-table th{text-align:right;font-size:7px;text-transform:uppercase;letter-spacing:.5px;color:#7a876f;border-bottom:1px solid #b5c1aa;padding:9px 4px;font-weight:600;white-space:nowrap}.paper-table th:first-child,.paper-table td:first-child{text-align:left;padding-left:0;min-width:32%}.paper-table td{border-bottom:1px solid #e6eae1;padding:13px 4px;text-align:right;vertical-align:top;white-space:nowrap}.paper-table td:first-child{white-space:pre-line;overflow-wrap:anywhere}.paper-totals{margin:22px 0 30px auto;width:54%;font-size:10px;display:grid;gap:8px}.paper-totals .grand{color:var(--brand);font-size:13px;padding-top:10px}.paper-note{margin-top:20px;white-space:pre-line;font-size:9px;color:#728068}.paper-note h3{margin:0 0 6px;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#77856d;font-weight:600}.paper-end{margin-top:35px;padding-top:14px;border-top:1px solid #e4e9de;font-size:8px;color:#98a18f}.classic .paper-header{border-top:3px solid var(--brand);padding-top:24px}.classic{font-family:Georgia,serif}.classic h2{letter-spacing:0;font-weight:400;font-size:32px}.classic .paper-table th{background:#f1f3ee;color:#343b33}.bold{border-top:13px solid var(--brand)}.bold h2{font-weight:800;font-size:35px;letter-spacing:-1px}.bold .paper-table th{background:var(--brand);color:white;padding:10px 5px}.bold .paper-table th:first-child{padding-left:7px}.bold .paper-header{border-bottom:2px solid var(--brand)}.preview-footnote{text-align:center;font-size:10px;color:#8b9582;line-height:1.6;margin-top:13px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:40px;padding:24px 0;font-size:10px;color:#98a08f;letter-spacing:.3px}.notice,.errors{border:1px solid #c7d5bd;background:#edf2e8;border-radius:6px;padding:15px 18px;margin-bottom:24px;font-size:13px;line-height:1.6}.errors{background:#fbf0ed;border-color:#dfb7ac;color:#813e2f}.errors a{color:inherit}.mobile-switch{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{border:1px solid #cfd5c9;border-radius:9px;max-width:440px;width:calc(100% - 32px);padding:0;color:var(--ink);background:#fafbf7}dialog::backdrop{background:#18221baa}.dialog-inner{padding:28px}dialog h2{font-size:21px;margin:0 0 16px}dialog p{font-size:14px;line-height:1.7;color:#737c6b}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
@media(min-width:1450px){main{padding-left:55px;padding-right:55px}.invoice-paper{min-height:790px;padding:45px;font-size:11px}.paper-table{font-size:10px}}@media(max-width:1050px){main{padding:30px 25px 0}.app-header{padding:0 25px}.workspace{gap:25px;grid-template-columns:minmax(330px,1fr) minmax(370px,1fr)}h1{font-size:30px}.paper-wrap{padding:15px}.invoice-paper{padding:27px 23px;min-height:600px}.brand-controls{grid-template-columns:1fr}.colour-control{width:max-content}.page-heading{gap:15px}.save-indicator{max-width:130px;text-align:right;line-height:1.6}}@media(max-width:760px){.app-header{height:auto;min-height:78px;flex-wrap:wrap;gap:18px;padding:20px}.wordmark{font-size:20px}.header-actions{gap:8px;width:100%;justify-content:space-between}.header-actions button{font-size:12px;padding:10px}.header-actions button.primary{margin-left:auto}main{padding:27px 18px 0}.page-heading{display:block;margin-bottom:25px}h1{font-size:28px;max-width:310px;line-height:1.2}.intro{font-size:13px;line-height:1.7}.save-indicator{max-width:none;text-align:left;margin-top:18px;font-size:11px}.workspace{display:block}.preview-area{position:static;display:none}.mobile-switch{display:flex;gap:4px;background:#e7ebe1;border-radius:6px;padding:4px;margin-bottom:27px}.mobile-switch button{width:50%;border:0;background:none;padding:12px;color:#78836e;font-size:12px;border-radius:4px}.mobile-switch button.active{background:#fafbf7;color:var(--green);font-weight:550}.preview-mode .editor{display:none}.preview-mode .preview-area{display:block}.brand-controls{grid-template-columns:1fr auto}.logo-controls>span{display:block;flex-basis:100%;margin-top:4px}.section-caption{font-size:10px}.paper-wrap{max-height:none;padding:12px}.invoice-paper{padding:24px 18px;min-height:560px}.paper-table{font-size:8px}.paper-table th{font-size:6px;padding:8px 2px}.paper-table td{padding:10px 2px}.paper-brand{font-size:13px}.invoice-paper h2{font-size:24px}.bold h2{font-size:28px}.fields{gap:15px 10px}input:not([type=color]):not([type=checkbox]):not([type=file]),textarea,select{font-size:16px}.item-row{grid-template-columns:1fr 72px 95px}.template{padding:11px 9px}.mini{height:82px}.section-heading h2{font-size:16px}.upload-button{min-height:44px}.text-button{min-height:35px}.notes-label{margin-top:15px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}.template:hover{background:#eff2e9}} 
@font-face{font-family:InvoiceSans;src:url('vendor/Lato-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:InvoiceSerif;src:url('vendor/SourceSerif4-Regular.ttf') format('truetype');font-display:swap}.invoice-paper{font-family:InvoiceSans,Arial,sans-serif}.invoice-paper.classic{font-family:InvoiceSerif,Georgia,serif}.invoice-paper h2,.paper-brand,.paper-totals .grand{color:var(--accent,var(--brand))}.bold .paper-table th{color:var(--on-brand,#fff)}.conflict-actions{display:flex;gap:12px;margin-top:10px}.item-row .treatment-field{min-width:0}.item-row.with-vat{grid-template-columns:65px 100px minmax(100px,1fr)}.item-row:not(.with-vat){grid-template-columns:1fr 1fr}.item-row .description textarea{max-height:240px}.save-indicator.warning{color:#8a593f}.save-indicator.warning:before{background:#ba7956}.busy{pointer-events:none;opacity:.75}.paper-table{table-layout:fixed}.paper-table th:first-child{width:36%}.paper-table td,.paper-table th{white-space:normal;overflow-wrap:anywhere}.paper-logo{width:auto;height:auto}.preview-subtitle{white-space:nowrap}
@media(max-width:760px){.header-actions button{white-space:nowrap;font-size:11px}.header-actions button.primary span{display:none}.header-actions button.primary{margin-left:0;flex:1}.header-actions{gap:6px}}
footer{align-items:center;gap:20px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{display:block;object-fit:contain;flex-shrink:0}.footer-brand strong{display:block;font-size:13px;font-weight:550;color:var(--green);margin-bottom:4px}.footer-brand span{display:block;font-size:11px;color:#697361}.footer-website{font-size:12px;color:var(--green);text-decoration:underline;text-underline-offset:4px;padding:8px 0}.footer-website:hover{color:#566c5e}.footer-website:focus-visible{outline:2px solid var(--green);outline-offset:5px}.footer-website span{margin-left:5px}@media(max-width:480px){footer{align-items:flex-start;flex-direction:column;gap:12px}}