.invoice-tool-page{--tool-line:#17181429;--tool-panel:#f8f6f0;--tool-soft:#e8e4da;--invoice-accent:#e59e2a;--invoice-accent-dark:#6d4810;--invoice-accent-soft:#fbefd8;background:var(--paper-bright);padding-top:6.75rem}.invoice-tool-kicker{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;font-size:.7rem;font-weight:500}.invoice-tool-hero{border-bottom:1px solid var(--ink);background:linear-gradient(120deg, #e59e2a29, transparent 42%), var(--paper-bright);grid-template-columns:minmax(0,1.6fr) minmax(18rem,.7fr);align-items:end;gap:clamp(2rem,7vw,7rem);padding:clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,5rem);display:grid}.invoice-tool-hero__copy{max-width:62rem}.invoice-tool-hero__copy .invoice-tool-kicker{color:var(--muted);margin-bottom:1.3rem}.invoice-tool-hero h1{letter-spacing:-.065em;max-width:16ch;font-size:clamp(2.65rem,7vw,6.8rem);font-weight:500;line-height:.96}.invoice-tool-hero__copy>p:not(.invoice-tool-kicker){max-width:48rem;color:var(--muted);margin-top:2rem;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65}.invoice-tool-hero__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:2.2rem;display:flex}.invoice-tool-button{border:1px solid var(--ink);min-height:3rem;font:500 .74rem/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:.8rem 1.1rem;text-decoration:none;transition:transform .16s,background .16s,color .16s;display:inline-flex}.invoice-tool-button:hover{transform:translateY(-2px)}.invoice-tool-button:focus-visible,.invoice-tool-text-link:focus-visible,.invoice-form input:focus-visible,.invoice-form textarea:focus-visible,.invoice-form select:focus-visible,.invoice-form summary:focus-visible,.invoice-tool-faq summary:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.invoice-tool-button--primary{background:var(--ink);color:var(--paper-bright)}.invoice-tool-button--primary:hover{background:var(--acid);color:var(--ink)}.invoice-tool-button--secondary{color:var(--ink);background:0 0}.invoice-tool-button--secondary:hover{background:var(--ink);color:var(--paper-bright)}.invoice-tool-text-link{font-family:var(--mono);text-underline-offset:.35rem;font-size:.72rem}.invoice-tool-privacy-card{border:1px solid var(--ink);background:var(--ink);color:var(--paper-bright);grid-template-columns:auto 1fr;gap:1rem;padding:1.4rem;display:grid}.invoice-tool-privacy-card__icon{color:var(--acid)}.invoice-tool-privacy-card strong{font-size:1rem;line-height:1.35;display:block}.invoice-tool-privacy-card p{color:#f8f6f0b8;margin-top:.65rem;font-size:.86rem;line-height:1.55}.invoice-builder{background:#d9d5cb;padding:clamp(3rem,6vw,5.5rem) clamp(1rem,3vw,3rem)}.invoice-builder__header{justify-content:space-between;align-items:end;gap:2rem;max-width:100rem;margin:0 auto 1.5rem;display:flex}.invoice-builder__header h2{letter-spacing:-.04em;max-width:30ch;margin-top:.6rem;font-size:clamp(1.65rem,3vw,3rem);font-weight:500;line-height:1.08}.invoice-builder__actions{flex-wrap:wrap;justify-content:flex-end;gap:.7rem;display:flex}.invoice-builder__status{max-width:100rem;font:500 .68rem/1.4 var(--mono);letter-spacing:.02em;background:#f8f6f08c;border:1px solid #17181438;margin:0 auto 1rem;padding:.85rem 1rem}.invoice-builder__status[data-tone=error]{color:#7b2119;background:#fff0ed;border-color:#9d2f24}.invoice-builder__status[data-tone=success]{color:#245839;background:#edf8f0;border-color:#2d6b43}.invoice-builder__grid{grid-template-columns:minmax(22rem,.78fr) minmax(37rem,1.22fr);align-items:start;gap:clamp(1rem,2vw,2rem);max-width:100rem;margin:0 auto;display:grid}.invoice-form{gap:.75rem;display:grid}.invoice-form-section{border:1px solid var(--ink);background:var(--tool-panel)}.invoice-form-section summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:4rem;padding:1rem 1.1rem;font-size:.92rem;font-weight:650;list-style:none;display:flex}.invoice-form-section summary::-webkit-details-marker{display:none}.invoice-form-section summary span:first-child{align-items:center;gap:.8rem;display:flex}.invoice-form-section summary small{font:500 .65rem/1 var(--mono);color:var(--muted)}.invoice-form-section summary>span:last-child{font-size:1.35rem;font-weight:300;transition:transform .16s}.invoice-form-section[open] summary>span:last-child{transform:rotate(45deg)}.invoice-form-section__body{border-top:1px solid var(--tool-line);gap:1rem;padding:1.15rem;display:grid}.invoice-form-grid{gap:.9rem;display:grid}.invoice-form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-form label,.invoice-file-field{gap:.45rem;min-width:0;display:grid}.invoice-form label>span,.invoice-file-field>span{font:500 .67rem/1.3 var(--mono);letter-spacing:.02em;text-transform:uppercase}.invoice-form label>span small,.invoice-file-field>span small{color:var(--muted);font-size:.58rem}.invoice-form input,.invoice-form textarea,.invoice-form select{width:100%;min-height:2.85rem;color:var(--ink);font:400 .88rem/1.45 var(--sans);background:#fffefa;border:1px solid #17181452;border-radius:0;padding:.72rem .8rem}.invoice-form textarea{resize:vertical;min-height:5.5rem}.invoice-form input[type=color]{cursor:pointer;min-height:3.25rem;padding:.3rem}.invoice-form input[type=file]{padding:.55rem;font-size:.76rem}.invoice-file-field>small{color:var(--muted);font-size:.68rem;line-height:1.45}.invoice-logo-control{grid-template-columns:5rem minmax(0,1fr) minmax(10rem,.65fr);align-items:center;gap:1rem;display:grid}.invoice-logo-control__preview{width:5rem;height:5rem;font:500 .62rem/1 var(--mono);color:var(--muted);background:#fffefa;border:1px dashed #17181466;place-items:center;display:grid;overflow:hidden}.invoice-logo-control__preview img{object-fit:contain;width:100%;height:100%;padding:.35rem}.invoice-logo-size-control output{color:var(--muted);font:500 .65rem/1 var(--mono)}.invoice-logo-size-control input[type=range]{accent-color:var(--ink);padding:0}.invoice-logo-size-control input[type=range]:disabled{cursor:not-allowed;opacity:.55}.invoice-line-items{gap:.8rem;display:grid}.invoice-line-item{border:1px solid var(--tool-line);background:#f1eee6;grid-template-columns:minmax(9rem,1fr) 5.2rem 7.6rem auto;align-items:end;gap:.55rem;padding:.85rem;display:grid}.invoice-line-item__remove{min-height:2.85rem;font:500 .62rem/1 var(--mono);text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #1718144d;padding:.6rem}.invoice-line-item__remove:hover{color:#7b2119;background:#fff0ed;border-color:#9d2f24}.invoice-add-item{justify-self:start}.invoice-totals-fields{align-items:end;padding-top:.25rem}.invoice-running-total{background:var(--ink);min-height:4.25rem;color:var(--paper-bright);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.invoice-running-total span{font:500 .62rem/1 var(--mono);text-transform:uppercase}.invoice-running-total strong{font-size:1.15rem}.invoice-colour-control{grid-template-columns:7rem 1fr;align-items:center;gap:1rem;display:grid}.invoice-colour-control strong{font-size:.86rem;display:block}.invoice-colour-control p{color:var(--muted);margin-top:.35rem;font-size:.75rem;line-height:1.5}.invoice-preview-panel{min-width:0;position:sticky;top:7rem}.invoice-preview-panel__topline{border:1px solid var(--ink);background:var(--ink);color:var(--paper-bright);font:500 .64rem/1 var(--mono);letter-spacing:.03em;text-transform:uppercase;border-bottom:0;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.invoice-preview-panel__topline span{color:#f8f6f09e}.invoice-document{--invoice-logo-size:5rem;color:#191b1a;background:#fff;border:1px solid #1718144d;width:100%;min-height:70rem;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden;box-shadow:0 1.4rem 4rem #17181429}.invoice-document__accent{background:var(--invoice-accent);height:.7rem}.invoice-document__header{justify-content:space-between;align-items:flex-start;gap:2rem;padding:3.2rem 3.2rem 2.1rem;display:flex}.invoice-document__identity{align-items:center;gap:1rem;min-width:0;display:flex}.invoice-document__identity img{width:var(--invoice-logo-size);height:var(--invoice-logo-size);object-fit:contain}.invoice-document__identity strong{overflow-wrap:anywhere;max-width:23rem;font-size:1.5rem;line-height:1.15;display:block}.invoice-document__identity p{color:#636761;margin-top:.45rem;font-size:.7rem;line-height:1.55}.invoice-document__title{text-align:right}.invoice-document__title p{letter-spacing:-.045em;text-transform:uppercase;color:var(--invoice-accent-dark);font-size:2.5rem;font-weight:700;line-height:1}.invoice-document__title strong{letter-spacing:.08em;color:#636761;margin-top:.65rem;font-size:.8rem;display:block}.invoice-document__meta{background:var(--invoice-accent-soft);border-block:1px solid #e2e3df;justify-content:flex-end;gap:2rem;padding:1rem 3.2rem;display:flex}.invoice-document__meta div{gap:.25rem;min-width:8rem;display:grid}.invoice-document__meta span,.invoice-document__label{letter-spacing:.08em;text-transform:uppercase;color:#6a6e68;font-size:.62rem;font-weight:700}.invoice-document__meta strong{font-size:.83rem}.invoice-document__parties{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;padding:2.6rem 3.2rem;display:grid}.invoice-document__parties>div{align-content:start;gap:.35rem;min-width:0;display:grid}.invoice-document__parties strong{overflow-wrap:anywhere;margin:.3rem 0 .15rem;font-size:.92rem}.invoice-document__parties p{white-space:pre-line;color:#565a55;overflow-wrap:anywhere;font-size:.74rem;line-height:1.45}.invoice-document__items{padding:0 3.2rem}.invoice-document__items table{border-collapse:collapse;table-layout:fixed;width:100%}.invoice-document__items th,.invoice-document__items td{text-align:right;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #dedfda;padding:.85rem .7rem;font-size:.72rem}.invoice-document__items th{border-bottom-color:var(--invoice-accent-dark);background:var(--invoice-accent-dark);color:#fff;letter-spacing:.06em;text-transform:uppercase;font-size:.61rem}.invoice-document__items th:first-child,.invoice-document__items td:first-child{text-align:left;width:52%;padding-left:.9rem}.invoice-document__items th:nth-child(2),.invoice-document__items td:nth-child(2){width:11%}.invoice-document__summary{gap:0;width:min(22rem,100% - 6.4rem);margin:1.6rem 3.2rem 0 auto;display:grid}.invoice-document__summary>div{border-bottom:1px solid #dedfda;justify-content:space-between;gap:1rem;padding:.65rem .8rem;font-size:.75rem;display:flex}.invoice-document__summary>div[hidden]{display:none}.invoice-document__summary .invoice-document__grand-total{background:var(--invoice-accent);color:var(--invoice-accent-contrast,#171814);border:0;align-items:center;margin-top:.35rem}.invoice-document__grand-total span{letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:700}.invoice-document__grand-total strong{font-size:1.2rem}.invoice-document__details{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:2.4rem 3.2rem 3.2rem;display:grid}.invoice-document__details section{border-top:2px solid var(--invoice-accent);padding-top:.8rem}.invoice-document__details section[hidden]{display:none}.invoice-document__details section:last-child:nth-child(odd){grid-column:1/-1}.invoice-document__details h3{letter-spacing:.07em;text-transform:uppercase;margin-bottom:.55rem;font-size:.66rem}.invoice-document__details p,.invoice-document__details dt,.invoice-document__details dd{white-space:pre-line;color:#565a55;overflow-wrap:anywhere;font-size:.68rem;line-height:1.5}.invoice-document__details dl{grid-template-columns:minmax(5.5rem,auto) 1fr;gap:.25rem .7rem;display:grid}.invoice-document__details dt{color:#30332f;font-weight:700}.invoice-preview-download{width:100%;margin-top:.8rem}.invoice-tool-content{border-top:1px solid var(--ink);grid-template-columns:minmax(15rem,.62fr) minmax(0,1.38fr);gap:clamp(2rem,8vw,8rem);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,5rem);display:grid}.invoice-tool-content h2{letter-spacing:-.055em;max-width:16ch;margin-top:.8rem;font-size:clamp(2rem,4vw,4.5rem);font-weight:500;line-height:1}.invoice-tool-content__copy{align-content:start;gap:1.2rem;max-width:50rem;display:grid}.invoice-tool-content__copy p{color:var(--muted);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.invoice-tool-content--privacy{background:var(--ink);color:var(--paper-bright)}.invoice-tool-content--privacy .invoice-tool-kicker,.invoice-tool-content--privacy .invoice-tool-content__copy p{color:#f8f6f0ad}.invoice-tool-steps{border-top:1px solid var(--ink);list-style:none;display:grid}.invoice-tool-steps li{border-bottom:1px solid var(--ink);grid-template-columns:3rem 1fr;gap:1rem;padding:1.5rem 0;display:grid}.invoice-tool-steps li>span{font:500 .68rem/1 var(--mono);color:var(--muted)}.invoice-tool-steps strong{font-size:1.1rem;display:block}.invoice-tool-steps p{color:var(--muted);margin-top:.35rem;line-height:1.6}.invoice-tool-faq{border-top:1px solid var(--ink);display:grid}.invoice-tool-faq details{border-bottom:1px solid var(--ink)}.invoice-tool-faq summary{cursor:pointer;padding:1.4rem 2.5rem 1.4rem 0;font-size:1rem;font-weight:650;list-style:none;position:relative}.invoice-tool-faq summary::-webkit-details-marker{display:none}.invoice-tool-faq summary:after{content:"+";font-size:1.4rem;font-weight:300;position:absolute;top:1.25rem;right:0}.invoice-tool-faq details[open] summary:after{content:"−"}.invoice-tool-faq details p{max-width:48rem;color:var(--muted);padding:0 2rem 1.5rem 0;line-height:1.65}@media (width<=78rem){.invoice-builder__grid{grid-template-columns:minmax(20rem,.85fr) minmax(31rem,1.15fr)}.invoice-line-item{grid-template-columns:minmax(9rem,1fr) 4.5rem 6.5rem}.invoice-line-item__remove{grid-column:1/-1;min-height:2.25rem}.invoice-document__header,.invoice-document__parties,.invoice-document__items,.invoice-document__details,.invoice-document__meta{padding-inline:2.3rem}.invoice-document__summary{width:min(21rem,100% - 4.6rem);margin-right:2.3rem}}@media (width<=62rem){.invoice-tool-hero,.invoice-tool-content{grid-template-columns:1fr}.invoice-tool-privacy-card{max-width:34rem}.invoice-builder__grid{grid-template-columns:1fr}.invoice-preview-panel{position:static}.invoice-document{min-height:0}}@media (width<=44rem){.invoice-tool-page{padding-top:5.5rem}.invoice-tool-hero{padding-top:3rem}.invoice-tool-hero h1{font-size:clamp(2.6rem,15vw,4.4rem)}.invoice-builder{padding-inline:.75rem}.invoice-builder__header{flex-direction:column;align-items:stretch}.invoice-builder__actions{justify-content:stretch}.invoice-builder__actions .invoice-tool-button{flex:10rem}.invoice-form-grid--two,.invoice-form-grid--three,.invoice-colour-control{grid-template-columns:1fr}.invoice-logo-control{grid-template-columns:4.5rem 1fr}.invoice-logo-control__preview{width:4.5rem;height:4.5rem}.invoice-line-item{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-line-item__description,.invoice-line-item__remove{grid-column:1/-1}.invoice-preview-panel__topline{flex-direction:column;align-items:flex-start;gap:.4rem}.invoice-document__header{flex-direction:column;align-items:flex-start;padding:2rem 1.25rem 1.4rem}.invoice-document__identity img{width:var(--invoice-logo-size);height:var(--invoice-logo-size)}.invoice-document__title{text-align:left}.invoice-document__title p{font-size:2rem}.invoice-document__meta{justify-content:flex-start;padding:.85rem 1.25rem}.invoice-document__parties{grid-template-columns:1fr;gap:1.5rem;padding:1.7rem 1.25rem}.invoice-document__items{padding:0 1.25rem;overflow-x:auto}.invoice-document__items table{min-width:31rem}.invoice-document__summary{width:calc(100% - 2.5rem);margin-right:1.25rem}.invoice-document__details{grid-template-columns:1fr;padding:1.8rem 1.25rem 2.3rem}.invoice-document__details section:last-child:nth-child(odd){grid-column:auto}.invoice-tool-content{padding-block:4rem}}@media print{@page{size:A4 portrait;margin:9mm}html,body{min-width:0;background:#fff!important}body{print-color-adjust:exact}body:after,.skip-link,.site-header,.site-menu,.site-footer,.invoice-tool-hero,.invoice-builder__header,.invoice-builder__status,.invoice-form,.invoice-preview-panel__topline,.invoice-preview-download,.invoice-tool-content{display:none!important}.invoice-tool-page,.invoice-builder,.invoice-builder__grid,.invoice-preview-panel{background:#fff!important;border:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}.invoice-document{width:100%!important;min-height:0!important;box-shadow:none!important;border:0!important}.invoice-document__header{padding-top:1.8rem}.invoice-document__items tr,.invoice-document__details section,.invoice-document__summary{break-inside:avoid}}
