:root{--nb-navy:#0b5fa5;--nb-blue:#1f9cf0;--nb-blue-hover:#3badf5;--nb-blue-soft:#eaf6ff;--nb-blue-mid:#bfe3fb;--nb-muted:#4b7a99;--nb-paper:#fff;--nb-page-bg:#efefef;--nb-grid-line:#1f9cf052;--nb-radius:10px;--nb-radius-sm:6px;--nb-border:2.5px solid var(--nb-navy);--nb-border-thin:1.5px solid var(--nb-navy);--nb-shadow:8px 8px 0 var(--nb-navy);--nb-shadow-sm:4px 4px 0 var(--nb-navy);--nb-shadow-lg:12px 12px 0 var(--nb-navy)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--nb-navy);background-color:var(--nb-page-bg);background-image:linear-gradient(var(--nb-grid-line) 1.5px, transparent 1.5px), linear-gradient(90deg, var(--nb-grid-line) 1.5px, transparent 1.5px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:32px 32px;min-height:100vh;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Courier New,monospace;font-weight:700}.invoice-page{justify-content:center;padding:3em 1.25em 5em;display:flex}.invoice-wrapper{width:100%;max-width:46em;position:relative}.invoice-explainer{letter-spacing:.05em;text-transform:uppercase;color:var(--nb-paper);background:var(--nb-blue);border:1.5px solid var(--nb-navy);border-radius:var(--nb-radius-sm);cursor:pointer;margin-left:.75em;padding:.35em .75em;font:800 .7em/1 inherit;transition:transform .1s,box-shadow .1s,background .1s}.invoice-explainer:hover{box-shadow:2px 2px 0 var(--nb-navy);transform:translate(-1px,-1px)}.video-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#0b5fa5cc;justify-content:center;align-items:center;padding:1.5em;display:flex;position:fixed;inset:0}.video-modal{background:var(--nb-paper);border:var(--nb-border);border-radius:calc(var(--nb-radius) + 2px);width:min(720px,100%);max-width:100%;box-shadow:var(--nb-shadow-lg);position:relative;overflow:hidden}.video-modal-close{width:2.1em;height:2.1em;color:var(--nb-navy);background:var(--nb-paper);border:var(--nb-border-thin);cursor:pointer;z-index:1;border-radius:999px;place-items:center;font-size:1.2em;font-weight:800;display:grid;position:absolute;top:.75em;right:.75em}.video-modal-player{width:100%;height:auto;display:block}.invoice-brand{background:var(--nb-paper);border:var(--nb-border-thin);border-radius:var(--nb-radius-sm);width:fit-content;box-shadow:var(--nb-shadow-sm);align-items:center;gap:.6em;margin:0 auto 1.25em;padding:.5em .9em;display:flex}.invoice-brand-mark{letter-spacing:.02em;width:1.9em;height:1.9em;color:var(--nb-paper);background:var(--nb-blue);border:1.5px solid var(--nb-navy);border-radius:4px;justify-content:center;align-items:center;font-size:.85em;font-weight:800;display:flex}.invoice-brand-name{letter-spacing:.08em;text-transform:uppercase;color:var(--nb-navy);font-size:.85em;font-weight:800}.invoice-brand-logo{width:auto;height:2.2em;display:block}.invoice-signout{letter-spacing:.05em;text-transform:uppercase;color:var(--nb-navy);background:var(--nb-paper);border:1.5px solid var(--nb-navy);border-radius:var(--nb-radius-sm);cursor:pointer;margin-left:.75em;padding:.35em .6em;font:800 .7em/1 inherit;transition:transform .1s,box-shadow .1s}.invoice-signout:hover{box-shadow:2px 2px 0 var(--nb-navy);transform:translate(-1px,-1px)}.invoice-card{background:var(--nb-paper);border:var(--nb-border);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow-lg);max-width:46em;margin:0 auto;padding:0}.invoice-fieldset{border:0;margin:0;padding:1.75em 2.25em}.invoice-fieldset+.invoice-fieldset{border-top:var(--nb-border-thin)}.invoice-legend{letter-spacing:.1em;text-transform:uppercase;width:fit-content;color:var(--nb-navy);margin:.1em auto .3em;font-size:2em;font-weight:800;display:block}.invoice-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--nb-blue);border-bottom:var(--nb-border-thin);margin-bottom:1em;padding-bottom:.4em;font-size:.8em;font-weight:800;display:block}.invoice-row{flex-wrap:wrap;gap:1.25em;display:flex}.invoice-meta-row{justify-content:space-between}.invoice-parties{flex-wrap:wrap;gap:2em;display:flex}.invoice-party{flex:1;min-width:16em}.invoice-address-grid{flex-wrap:wrap;gap:1em;display:flex}.invoice-address-grid>.invoice-element{flex:calc(50% - .5em);min-width:7em}.invoice-half{flex:calc(50% - .625em);min-width:12em}.invoice-third{flex:calc(33.333% - .833em);min-width:8em}.invoice-element{flex-direction:column-reverse;margin:0 0 1.25em;display:flex}.invoice-element-label{letter-spacing:.08em;text-transform:uppercase;color:var(--nb-navy);margin-bottom:.5em;font-size:.78em;font-weight:800;display:block}.invoice-element-field{width:100%;color:var(--nb-navy);background:var(--nb-paper);border:var(--nb-border-thin);border-radius:var(--nb-radius-sm);outline:none;padding:.75em .85em;font:700 .95em/1.4 inherit;transition:box-shadow .12s,transform .12s;display:block}.invoice-element-field::placeholder{color:#93b8cf;font-weight:500}.invoice-element-field:hover{box-shadow:3px 3px 0 var(--nb-navy)}.invoice-element-field:focus{box-shadow:var(--nb-shadow-sm);transform:translate(-2px,-2px)}.invoice-element-bar{display:none}textarea.invoice-element-field{resize:vertical;height:auto;min-height:5em;line-height:1.6}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.invoice-branding{flex-direction:column;display:flex}.invoice-branding .invoice-element-label{margin-bottom:.5em}.invoice-file{width:100%;color:var(--nb-navy);background:var(--nb-paper);border:var(--nb-border-thin);border-radius:var(--nb-radius-sm);cursor:pointer;padding:.55em .6em;font:600 .85em/1.4 inherit}.invoice-file::file-selector-button{letter-spacing:.04em;text-transform:uppercase;color:var(--nb-paper);background:var(--nb-blue);border:1.5px solid var(--nb-navy);cursor:pointer;border-radius:4px;margin-right:.75em;padding:.45em .8em;font:800 .85em/1 inherit}.invoice-file:disabled{opacity:.45;cursor:not-allowed}.invoice-logo-preview-row{background:var(--nb-blue-soft);border:1.5px dashed var(--nb-muted);border-radius:var(--nb-radius-sm);align-items:center;gap:.6em;margin-top:.6em;padding:.5em .6em;display:flex}.invoice-logo-preview{object-fit:contain;background:var(--nb-paper);border:var(--nb-border-thin);border-radius:4px;max-width:8em;height:2.4em;padding:.2em}.invoice-logo-preview-note{min-width:0;color:var(--nb-muted);flex:1;font-size:.72em;font-weight:600}.invoice-logo-remove{width:1.7em;height:1.7em;color:var(--nb-navy);background:var(--nb-paper);border:var(--nb-border-thin);cursor:pointer;border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:.95em;font-weight:800;line-height:1;display:flex}.invoice-logo-remove:hover{color:var(--nb-paper);background:var(--nb-blue)}.invoice-branding-check{color:var(--nb-navy);cursor:pointer;align-items:flex-start;gap:.5em;margin-top:.8em;font-size:.8em;font-weight:700;line-height:1.45;display:flex}.invoice-branding-check input{width:1.1em;height:1.1em;accent-color:var(--nb-blue);cursor:pointer;flex:none;margin-top:.15em}.invoice-branding-error{color:#a4262c;border-radius:var(--nb-radius-sm);background:#fdecea;border:1.5px solid #a4262c;margin:.6em 0 0;padding:.55em .7em;font-size:.78em;font-weight:700}.invoice-line-items{margin-top:.5em}.invoice-line-header{letter-spacing:.08em;text-transform:uppercase;color:var(--nb-blue);border-bottom:var(--nb-border-thin);align-items:center;gap:.6em;margin-bottom:.9em;padding:0 0 .6em;font-size:.72em;font-weight:800;display:flex}.invoice-line-remove-spacer{flex:none;width:1.9em}.invoice-line-row{align-items:flex-start;gap:.6em;padding:0 0 .4em;display:flex}.invoice-line-desc{flex:3}.invoice-line-qty{flex:1;min-width:4.5em}.invoice-line-rate{flex:1;min-width:5.5em}.invoice-line-total{text-align:right;flex:1;min-width:5.5em}.invoice-line-total-val{color:var(--nb-navy);padding-top:2.15em;font-size:1em;font-weight:800}.invoice-line-remove{width:1.9em;height:1.9em;color:var(--nb-navy);background:var(--nb-paper);border:var(--nb-border-thin);border-radius:var(--nb-radius-sm);cursor:pointer;flex:none;justify-content:center;align-items:center;margin-top:2.05em;font-size:1.1em;font-weight:800;line-height:1;transition:transform .1s,box-shadow .1s,background .1s,opacity .1s;display:flex}.invoice-line-remove:hover:not(:disabled){background:var(--nb-blue);color:var(--nb-paper);box-shadow:3px 3px 0 var(--nb-navy);transform:translate(-2px,-2px)}.invoice-line-remove:active:not(:disabled){box-shadow:none;transform:translate(1px,1px)}.invoice-line-remove:disabled{opacity:.25;cursor:not-allowed}.invoice-btn-link{background:var(--nb-paper);color:var(--nb-navy);border:var(--nb-border-thin);border-radius:var(--nb-radius-sm);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;margin-top:.75em;padding:.55em .9em;font:800 .78em/1 inherit;transition:transform .1s,box-shadow .1s,background .1s;display:inline-block}.invoice-btn-link:hover{background:var(--nb-blue-soft);box-shadow:var(--nb-shadow-sm);transform:translate(-2px,-2px)}.invoice-btn-link:active{box-shadow:none;transform:translate(1px,1px)}.invoice-totals{border-top:var(--nb-border-thin);margin-top:.75em;padding-top:1.25em}.invoice-total-row{color:var(--nb-navy);justify-content:space-between;align-items:center;padding:.4em 0;font-size:1em;font-weight:700;display:flex}.invoice-tax-input{align-items:center;gap:.5em;display:flex}.invoice-tax-input input{text-align:center;width:4.5em;color:var(--nb-navy);background:var(--nb-paper);border:var(--nb-border-thin);border-radius:var(--nb-radius-sm);outline:none;padding:.35em .4em;font:700 .85em inherit;transition:box-shadow .12s}.invoice-tax-input input:focus{box-shadow:3px 3px 0 var(--nb-navy)}.invoice-total-grand{letter-spacing:.03em;text-transform:uppercase;color:var(--nb-paper);background:var(--nb-blue);border:var(--nb-border-thin);border-radius:var(--nb-radius-sm);box-shadow:var(--nb-shadow-sm);margin-top:.6em;padding:.65em .8em;font-size:1.2em;font-weight:800}.invoice-actions{border-top:var(--nb-border-thin);gap:1em;padding:1.75em 2.25em 2.25em;display:flex}.invoice-actions>*{flex:1}.invoice-actions .invoice-btn-cancel{order:-1}.invoice-btn,.invoice-btn-cancel{letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:var(--nb-border);border-radius:var(--nb-radius-sm);box-shadow:var(--nb-shadow-sm);padding:1em 1.25em;font:800 1em/1 inherit;transition:transform .1s,box-shadow .1s,background .1s}.invoice-btn{background:var(--nb-blue);color:var(--nb-paper)}.invoice-btn-cancel{background:var(--nb-paper);color:var(--nb-navy)}.invoice-btn:hover{background:var(--nb-blue-hover);box-shadow:var(--nb-shadow);transform:translate(-3px,-3px)}.invoice-btn-cancel:hover{background:var(--nb-blue-soft);box-shadow:var(--nb-shadow);transform:translate(-3px,-3px)}.invoice-btn:active,.invoice-btn-cancel:active{box-shadow:none;transform:translate(2px,2px)}.invoice-btn:focus,.invoice-btn-cancel:focus{outline:none}.invoice-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:var(--nb-shadow-sm);transform:none}@media (max-width:40em){.invoice-card{box-shadow:var(--nb-shadow)}.invoice-fieldset{padding:1.25em}.invoice-row,.invoice-meta-row{flex-direction:column;gap:0}.invoice-half,.invoice-third,.invoice-line-qty,.invoice-line-rate,.invoice-line-total{flex:100%;min-width:0;max-width:100%}.invoice-parties{flex-direction:column;gap:1em}.invoice-element-field,input[type=date],input[type=number],input[type=text],input[type=tel],textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.invoice-line-header{display:none}.invoice-line-row{border-bottom:var(--nb-border-thin);flex-wrap:wrap;padding:.5em 0}.invoice-line-desc{flex:100%}.invoice-line-qty,.invoice-line-rate,.invoice-line-total{flex:100%;min-width:0;max-width:100%}.invoice-line-total-val{padding-top:.5em}.invoice-actions{flex-direction:column;gap:.75em;padding:1.25em}.invoice-actions .invoice-btn-cancel{order:0}}@media (max-width:480px){.invoice-element-field,.invoice-tax-input input,input[type=date],input[type=number],input[type=text],input[type=tel],textarea{font-size:16px}.invoice-element-field,.invoice-element input,.invoice-element textarea,input[type=date],input[type=number],input[type=text],input[type=tel]{box-sizing:border-box;max-width:100%}.invoice-element,.invoice-third,.invoice-half,.invoice-line-qty,.invoice-line-rate,.invoice-line-total{max-width:100%}}.invoice-tenant-switch{border:var(--nb-border-thin);border-radius:var(--nb-radius-sm);background:var(--nb-page-bg);opacity:.75;flex-wrap:wrap;align-items:center;gap:.5em .9em;max-width:46em;margin:2em auto 0;padding:1em 1.25em;transition:opacity .15s;display:flex}.invoice-tenant-switch:hover{opacity:1}.invoice-tenant-switch-label{letter-spacing:.08em;text-transform:uppercase;color:var(--nb-navy);font:800 .7em/1 inherit}.invoice-tenant-switch-hint{color:var(--nb-muted);margin-right:auto;font-size:.7em}.invoice-tenant-switch-options{flex-wrap:wrap;gap:.5em;display:flex}.invoice-tenant-switch-btn{letter-spacing:.04em;text-transform:uppercase;color:var(--nb-navy);background:var(--nb-paper);border:1.5px solid var(--nb-navy);border-radius:var(--nb-radius-sm);cursor:pointer;padding:.4em .7em;font:800 .7em/1 inherit;transition:transform .1s,box-shadow .1s,background .1s}.invoice-tenant-switch-btn:hover:not(:disabled){box-shadow:2px 2px 0 var(--nb-navy);transform:translate(-1px,-1px)}.invoice-tenant-switch-btn:disabled{opacity:.5;cursor:not-allowed}.invoice-tenant-switch-btn.invoice-tenant-switch-btn-primary{color:var(--nb-paper);background:var(--nb-blue)}@media (max-width:40em){.invoice-tenant-switch{margin-top:1.25em}}