.document-sheet{--document-accent: #155eef;--document-pad: 40px;width:100%;max-width:896px;margin:0 auto;overflow:hidden;border:1px solid #e2e8f0;border-radius:22px;background:#fff;color:#0f172a;box-shadow:0 18px 48px #0f172a14}.document-sheet,.document-sheet *{box-sizing:border-box}.document-accent-bar{height:8px;background:var(--document-accent)}.document-inner{padding:var(--document-pad)}.document-header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding-bottom:30px;border-bottom:1px solid #e2e8f0}.document-brand{display:flex;min-width:0;align-items:flex-start;gap:16px}.document-logo,.document-logo-fallback{width:64px;height:64px;flex:0 0 64px;border-radius:16px}.document-logo{-o-object-fit:contain;object-fit:contain;background:#fff}.document-logo-fallback{display:grid;place-items:center;background:var(--document-accent);color:#fff;font-size:28px;font-weight:900}.document-business-copy{min-width:0}.document-business-copy h1{margin:0;font-size:21px;font-weight:900;line-height:1.2;letter-spacing:-.025em}.document-business-copy p{margin:0}.document-legal-name{padding-top:4px;color:#64748b;font-size:13px}.document-abn{padding-top:5px;color:#475569;font-size:12px;font-weight:700}.document-business-address,.document-business-contact{max-width:390px;padding-top:8px;color:#64748b;font-size:12px;line-height:1.55}.document-business-contact{padding-top:3px}.document-title-block{flex:0 0 auto;text-align:right}.document-kicker,.document-label{margin:0;color:#64748b;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.document-title-block h2{margin:8px 0 0;font-size:34px;font-weight:900;line-height:1;letter-spacing:-.045em}.document-status{margin-top:13px}.document-details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;padding:30px 0;border-bottom:1px solid #e2e8f0}.document-customer h3{margin:8px 0 0;font-size:18px;font-weight:900}.document-customer p:not(.document-label){margin:4px 0 0;color:#475569;font-size:13px;line-height:1.55}.document-customer-address{max-width:360px}.document-dates{display:grid;grid-template-columns:repeat(2,minmax(118px,1fr));gap:24px;text-align:right}.document-date-value{margin:8px 0 0;font-size:14px;font-weight:800}.document-lines{padding:30px 0 12px}.document-line-head,.document-line{display:grid;grid-template-columns:minmax(0,1fr) 82px 116px 124px;gap:12px;align-items:start}.document-line-head{padding:11px 14px;border-radius:10px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.document-line-head span:not(:first-child){text-align:right}.document-line-body{divide:none}.document-line{padding:17px 14px;border-bottom:1px solid #edf2f7;font-size:13px}.document-line-description p,.document-line>p{margin:0}.document-line-description p{font-weight:800;line-height:1.5;white-space:pre-wrap}.document-line-description small{display:block;margin-top:4px;color:#94a3b8;font-size:10px}.document-line-description .document-line-detail{color:#475569;font-size:11px;font-weight:600;line-height:1.6;white-space:pre-wrap}.document-line>p{color:#475569;line-height:1.5;text-align:right}.document-line-amount{color:#0f172a!important;font-weight:900}.document-mobile-label{display:none}.document-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);align-items:start;gap:36px;padding-top:24px}.document-summary-note{padding-top:8px;color:#64748b;font-size:12px;line-height:1.6}.document-summary-note p:not(.document-label){margin:7px 0 0;color:#334155;font-weight:700}.document-summary-note small{display:block;margin-top:3px}.document-totals{overflow:hidden;border:1px solid #e2e8f0;border-radius:16px}.document-totals>div{display:flex;justify-content:space-between;gap:20px;padding:11px 16px;border-top:1px solid #edf2f7;font-size:13px}.document-totals>div:first-child{border-top:0}.document-totals strong{text-align:right}.document-total-row{align-items:baseline;background:#f8fafc;color:#0f172a;font-size:19px!important;font-weight:900}.document-total-row strong small{font-size:10px;letter-spacing:.08em}.document-paid-row{color:#047857}.document-balance-row{font-size:15px!important;font-weight:900}.document-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.document-notes>div{padding:18px;border-radius:14px;background:#f8fafc}.document-notes h3{margin:0;font-size:12px;font-weight:900}.document-notes p{margin:8px 0 0;color:#475569;font-size:12px;line-height:1.65;white-space:pre-wrap}.document-payment-options{margin-top:30px;padding:20px;border:1px solid #bfdbfe;border-left:5px solid var(--document-accent);border-radius:16px;background:#f8fbff}.document-payment-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.document-payment-heading h3{margin:6px 0 0;color:#0f172a;font-size:17px;font-weight:900}.document-payment-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:12px;background:var(--document-accent);color:#fff}.document-payment-icon svg{width:18px;height:18px}.document-pay-button{display:flex;min-height:48px;align-items:center;justify-content:center;gap:9px;margin-top:16px;border-radius:12px;background:var(--document-accent);color:#fff;font-size:13px;font-weight:900;text-align:center;text-decoration:none}.document-pay-button svg{width:15px;height:15px}.document-bank-payment{margin-top:16px;padding:15px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.document-bank-title{display:flex;align-items:center;gap:8px;color:#334155;font-size:12px}.document-bank-title svg{width:16px;height:16px;color:var(--document-accent)}.document-bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 22px;margin-top:13px}.document-bank-grid div{min-width:0}.document-bank-grid span,.document-bank-grid strong{display:block}.document-bank-grid span{color:#94a3b8;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.document-bank-grid strong{margin-top:3px;color:#0f172a;font-size:12px;overflow-wrap:anywhere}.document-payment-instructions{margin:13px 0 0;color:#475569;font-size:11px;font-weight:600;line-height:1.6;white-space:pre-wrap}.document-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:32px;padding-top:15px;border-top:1px solid #e2e8f0;color:#94a3b8;font-size:10px;font-weight:700}.document-footer p{margin:0}.document-footer p+p{margin-top:3px}.document-powered-by{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px;color:#64748b;text-align:right;text-decoration:none}.document-powered-by strong{color:var(--document-accent)}.document-powered-by span{flex-basis:100%;color:#94a3b8;font-size:8px;font-weight:700}.document-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid #e2e8f0}.document-template-classic{border-radius:7px}.document-template-classic .document-accent-bar{height:4px}.document-template-classic .document-business-copy h1,.document-template-classic .document-title-block h2,.document-template-classic .document-customer h3{font-family:Georgia,Times New Roman,serif}.document-template-classic .document-logo,.document-template-classic .document-logo-fallback,.document-template-classic .document-line-head,.document-template-classic .document-totals,.document-template-classic .document-notes>div{border-radius:2px}.document-template-classic .document-line-head{background:var(--document-accent);color:#fff}.document-template-classic .document-total-row{border-top:2px solid var(--document-accent);background:#fff}.document-template-modern .document-title-block h2,.document-template-modern .document-total-row strong{color:var(--document-accent)}.document-template-modern .document-line-head{box-shadow:inset 4px 0 0 var(--document-accent)}.document-template-minimal{border-radius:0;box-shadow:0 8px 30px #0f172a0d}.document-template-minimal .document-accent-bar{height:0}.document-template-minimal .document-header{padding-top:6px;border-top:3px solid var(--document-accent)}.document-template-minimal .document-logo,.document-template-minimal .document-logo-fallback{width:52px;height:52px;flex-basis:52px;border-radius:50%}.document-template-minimal .document-line-head{padding-right:0;padding-left:0;border-bottom:1px solid #94a3b8;border-radius:0;background:transparent}.document-template-minimal .document-line{padding-right:0;padding-left:0}.document-template-minimal .document-totals{border:0;border-radius:0}.document-template-minimal .document-totals>div{padding-right:0;padding-left:0}.document-template-minimal .document-total-row{border-top:2px solid #0f172a;background:transparent}.document-template-minimal .document-notes>div{padding:0;background:transparent}.document-template-bold .document-accent-bar{height:0}.document-template-bold .document-header{margin:calc(var(--document-pad) * -1) calc(var(--document-pad) * -1) 0;padding:var(--document-pad);border:0;background:var(--document-accent);color:#fff}.document-template-bold .document-logo{padding:6px;background:#fff}.document-template-bold .document-logo-fallback{background:#fff;color:var(--document-accent)}.document-template-bold .document-header .document-legal-name,.document-template-bold .document-header .document-abn,.document-template-bold .document-header .document-business-address,.document-template-bold .document-header .document-business-contact,.document-template-bold .document-header .document-kicker{color:#ffffffd1}.document-template-bold .document-status .status-pill{background:#fff!important;color:#0f172a!important}.document-template-bold .document-line-head{background:#0f172a;color:#fff}.document-template-bold .document-totals{border-color:var(--document-accent)}.document-template-bold .document-total-row{background:var(--document-accent);color:#fff}.document-template-trade{border-radius:12px}.document-template-trade .document-accent-bar{height:12px;background:repeating-linear-gradient(-45deg,var(--document-accent),var(--document-accent) 16px,#0f172a 16px,#0f172a 22px)}.document-template-trade .document-header{padding:20px;border:0;border-left:8px solid var(--document-accent);background:#f1f5f9}.document-template-trade .document-logo,.document-template-trade .document-logo-fallback{border-radius:8px}.document-template-trade .document-kicker,.document-template-trade .document-label,.document-template-trade .document-line-head{letter-spacing:.08em}.document-template-trade .document-line-head{border-radius:4px;background:#334155;color:#fff}.document-template-trade .document-totals{border-radius:6px}.document-template-trade .document-total-row{background:var(--document-accent);color:#fff}.document-template-trade .document-balance-row{background:#0f172a;color:#fff}.template-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-option{position:relative;display:flex;min-width:0;flex-direction:column;gap:10px;border:2px solid #e2e8f0;border-radius:16px;background:#fff;padding:9px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.template-option:hover{border-color:#93c5fd;transform:translateY(-1px)}.template-option:focus-visible{outline:3px solid rgba(21,94,239,.2);outline-offset:2px}.template-option-active{border-color:#155eef;box-shadow:0 0 0 3px #155eef1a}.template-thumb{position:relative;display:block;aspect-ratio:4 / 5;width:100%;overflow:hidden;border:1px solid #e2e8f0;border-radius:9px;background:#fff;padding:10px}.template-thumb-accent{position:absolute;inset:0 0 auto;height:5px;background:var(--document-accent)}.template-thumb-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-top:7px}.template-thumb-logo{display:block;width:19px;height:19px;border-radius:5px;background:var(--document-accent)}.template-thumb-title{display:grid;width:37%;gap:4px}.template-thumb-title i,.template-thumb-meta i,.template-thumb-lines i,.template-thumb-total{display:block;border-radius:999px;background:#cbd5e1}.template-thumb-title i{height:4px}.template-thumb-title i:last-child{width:70%;margin-left:auto;background:#e2e8f0}.template-thumb-meta{display:grid;width:55%;gap:4px;margin-top:17px}.template-thumb-meta i{height:4px}.template-thumb-meta i:last-child{width:72%;background:#e2e8f0}.template-thumb-lines{display:grid;gap:6px;margin-top:16px;padding-top:8px;border-top:4px solid #e2e8f0}.template-thumb-lines i{height:3px;background:#e2e8f0}.template-thumb-total{width:38%;height:13px;margin:14px 0 0 auto;background:var(--document-accent)}.template-thumb-classic{border-radius:2px}.template-thumb-classic .template-thumb-accent{height:3px}.template-thumb-classic .template-thumb-lines{border-top-color:var(--document-accent)}.template-thumb-modern .template-thumb-title i:first-child{background:var(--document-accent)}.template-thumb-minimal{border-radius:0}.template-thumb-minimal .template-thumb-accent{height:1px}.template-thumb-minimal .template-thumb-logo{border-radius:50%}.template-thumb-minimal .template-thumb-total{height:4px;background:#0f172a}.template-thumb-bold{padding-top:38px}.template-thumb-bold .template-thumb-accent{height:32px}.template-thumb-bold .template-thumb-header{position:absolute;inset:7px 9px auto}.template-thumb-bold .template-thumb-logo{background:#fff}.template-thumb-bold .template-thumb-title i{background:#ffffffe6}.template-thumb-trade .template-thumb-accent{height:7px;background:repeating-linear-gradient(-45deg,var(--document-accent),var(--document-accent) 7px,#0f172a 7px,#0f172a 10px)}.template-thumb-trade .template-thumb-header{margin-top:4px;padding:7px;border-left:4px solid var(--document-accent);background:#f1f5f9}.template-thumb-trade .template-thumb-total{height:17px;border-radius:2px}.template-option-copy{display:block;min-width:0;padding:0 2px 2px}.template-option-name{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#0f172a;font-size:13px;font-weight:900}.template-option-check{width:15px;height:15px;flex:0 0 15px;color:#155eef}.template-option-description{display:block;margin-top:3px;color:#64748b;font-size:11px;line-height:1.45}@media (min-width: 640px){.template-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.template-picker-grid-compact .template-thumb{aspect-ratio:4 / 4.7}}@media (max-width: 639px){.document-sheet{--document-pad: 22px;border-radius:14px}.document-header{flex-direction:column;gap:23px}.document-title-block{width:100%;text-align:left}.document-details{grid-template-columns:1fr;gap:23px}.document-dates{text-align:left}.document-line-head{display:none}.document-lines{padding-top:22px}.document-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:17px 0}.document-line-description{grid-column:1 / -1}.document-line>p{text-align:left}.document-line-amount{text-align:right!important}.document-mobile-label{display:block;margin-bottom:3px;color:#94a3b8;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.document-summary{grid-template-columns:1fr;gap:18px}.document-summary-note{order:2}.document-notes,.document-bank-grid{grid-template-columns:1fr}.document-footer{align-items:flex-start}.document-powered-by{max-width:145px}.document-template-trade .document-header{padding:16px}}@media print{@page{margin:12mm}.document-public-page{min-height:auto!important;padding:0!important;background:#fff!important}.document-sheet{max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.document-line,.document-notes>div,.document-totals{-moz-column-break-inside:avoid;break-inside:avoid}}