@font-face{font-family:BradfordMonoLL;font-style:normal;font-weight:400;src:url(/bills/_astro/BradfordMonoLL-Regular.BwJNw1xS.woff2)format("woff2");font-display:swap}@font-face{font-family:BradfordMonoLLFallback;font-style:normal;font-weight:400;src:local(Courier New),local(CourierNewPSMT),local(Liberation Mono),local(Cousine);size-adjust:96.65%;ascent-override:77%;descent-override:23%;line-gap-override:20%}:root{--mono:"BradfordMonoLL", "BradfordMonoLLFallback", "Berkeley Mono", "IBM Plex Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", monospace;--ink:#111;--paper:#fff;--surface:#ececec;--line:#111;--editor-width:50vw}*{box-sizing:border-box}html,body{height:100%;font-family:var(--mono);color:var(--ink);background:var(--surface);margin:0;@media print{background:var(--paper);height:auto}}.app{height:100vh;display:flex;@media print{height:auto;display:block}}.view-tabs{z-index:3;background:var(--paper);border-bottom:2px solid var(--line);display:none;position:sticky;top:0;& button{letter-spacing:.1em;text-transform:uppercase;background:0 0;border:none;flex:1;height:40px;font-size:13px;&.active{background:var(--ink);color:var(--paper)}}@media print{display:none}}.editor{width:var(--editor-width);background:var(--surface);flex-shrink:0;overflow-y:scroll;@media print{display:none}}.editor-resize{z-index:2;cursor:col-resize;flex:none;width:0;position:relative;&:before{content:"";top:0;bottom:0;right:var(--editor-scrollbar,0px);width:10px;position:absolute}&:focus-visible:before{background:var(--ink)}@media print{display:none}}.editor-resize-grip{top:50%;right:calc(var(--editor-scrollbar,0px) - 5px);background:var(--ink);fill:none;width:12px;height:24px;stroke:var(--paper);stroke-width:1.5px;pointer-events:none;position:absolute;transform:translateY(-50%)}body.resizing-editor{cursor:col-resize;user-select:none}.editor-inner{background:var(--paper);border-right:2px solid var(--line);min-height:100%;padding:16px}.title-row{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:16px;display:flex;& .document-bar{flex:200px;margin-bottom:0}}.editor-title{flex:none;align-items:baseline;gap:8px;padding:10px 0;display:flex;& h1{letter-spacing:.3em;margin:0;font-size:16px}}.document-bar{align-items:center;gap:6px;margin-bottom:16px;display:flex;& select{flex:1;min-width:0;height:30px}& button{width:50%}}#new-document,#delete-document{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;line-height:1;display:flex}.document-bar select,.fields input,.fields textarea,.fields select{width:100%;font-family:var(--mono);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:0;padding:6px 8px;font-size:13px;display:block}.fields{& h2{letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--line);margin:20px 0 10px;padding-bottom:4px;font-size:11px}& label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11px;display:block}& input,& textarea,& select{margin-top:3px}& textarea{resize:none;overflow:hidden}& input:not([type=checkbox]),& select{height:30px}& input:focus,& textarea:focus,& select:focus{outline:2px solid var(--ink);outline-offset:-1px}}.field-row{flex-wrap:wrap;gap:10px;display:flex;&>label{flex:120px}}.address-row{& label:first-child{flex:2 140px}& label:nth-child(2){flex:0 70px}& label:last-child{flex:100px}}.fields label.checkbox{align-items:center;gap:6px;display:flex;& input{flex-shrink:0;width:10px;margin:0;padding:0}}.vat-row{align-items:end;margin-top:12px;& .checkbox{flex:1.6;padding-bottom:8px}}.items-editor-scroll{overflow-x:auto}.items-editor{table-layout:fixed;border-collapse:collapse;width:100%;& th{text-align:left;text-transform:uppercase;padding:0 2px 4px;font-size:10px}& th:nth-child(2),& th:nth-child(4){width:64px}& th:nth-child(3){width:52px}& th:nth-child(5){width:30px}& td{padding:2px}& input,& textarea{width:100%;margin-top:0;padding:5px 6px}& textarea{resize:none;min-height:30px;overflow-y:hidden}& .item-summary{color:#666;padding:5px 6px;font-size:11px;font-style:italic}& .remove-item{cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:15px}}button{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;background:var(--paper);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:0;margin:0;padding:6px 12px;font-size:12px;&:hover{background:var(--ink);color:var(--paper)}&.primary{background:var(--ink);color:var(--paper);&:hover{background:#333}}}#add-item{margin-top:6px}.settings{border-top:1px solid var(--line);margin-top:24px;padding-top:10px;& summary{text-transform:uppercase;letter-spacing:.2em;cursor:pointer;margin-bottom:10px;font-size:11px}}.home-link{color:var(--ink);opacity:.6;flex-shrink:0;align-items:center;gap:6px;font-size:11px;text-decoration:none;transition:opacity .15s;display:flex;&:hover{opacity:1}@media print{display:none}}.home-link-star{font-size:14px;position:relative;top:-1px}.preview{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{background:var(--paper);border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;@media print{display:none}}.mode-toggle{display:flex;& button+button{border-left:none}& button.active{background:var(--ink);color:var(--paper)}}.print-buttons{gap:8px;display:flex}.sheet-scroll{flex:1;padding:24px;overflow:auto;@media print{padding:0;overflow:visible}}.sheet{flex-direction:column;align-items:center;gap:24px;width:210mm;margin:0 auto;display:flex;@media print{gap:0;width:auto;margin:0;display:block}& .page{background:var(--paper);box-shadow:0 2px 12px #00000040;@media print{box-shadow:none}}}@media screen and (width>=701px){.sheet{zoom:min(100%, calc((100vw - var(--editor-width) - 48px) / 793.7px * 100%))}}@media screen and (width<=700px){.app{flex-direction:column;height:auto}.view-tabs{display:flex}.editor-resize,body[data-view=editor] .preview,body[data-view=preview] .editor{display:none}.editor{width:100%;overflow-y:visible}.editor-inner{border-right:none}.fields input,.fields textarea,.fields select,.document-bar select{font-size:16px}.toolbar{flex-wrap:wrap;justify-content:center;display:flex}.sheet-scroll{padding:12px}.sheet{zoom:min(100%, calc((100vw - 24px) / 793.7px * 100%))}}@font-face{font-family:New Computer Modern Mono;src:url(/bills/_astro/NewCMMono10-Regular.aS9L_o76.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@page{size:A4;margin:0}.sheet{--rule:.5pt solid #000;--fine-print:9pt;color:#000;font-family:New Computer Modern Mono,Courier New,monospace;font-size:11pt;line-height:1.3}.page{width:210mm;height:297mm;position:relative;overflow:clip;@media print{break-after:page;page-break-after:always;&:last-child{break-after:auto;page-break-after:auto}}}.page-body{height:100%;padding:19mm 19mm 10mm}@media print{.doc-text:empty,[data-doc=goodbyeText]:empty,.header-grid [data-setting]:empty{display:none}}.sheet.measuring{& .doc-text:empty,& [data-doc=goodbyeText]:empty,& .header-grid [data-setting]:empty{display:none}}.header-grid{break-inside:avoid;page-break-inside:avoid;grid-template-columns:1fr auto;align-items:start;display:grid;& .sender p{margin:0}}.doc-continued-note{font-size:var(--fine-print);margin:0;font-style:italic;position:absolute;bottom:19mm;right:19mm}table.invoice-data{border:var(--rule);border-collapse:collapse;& td{padding:1.5pt 5pt;&:last-child{padding-left:14pt}}}.billed-to{margin-top:22pt;& p{margin:0}}.doc-text{margin:22pt 0 0}[data-doc]:focus,[data-doc].field-active,[data-item-field]:focus,[data-setting]:focus{outline-offset:2px;outline:1px dashed #999}@media print{[data-doc]:focus,[data-doc].field-active,[data-item-field]:focus,[data-setting]:focus{outline:none}}.field-short{min-width:1em;display:inline-block}.header-grid input[type=date]{font:inherit;color:inherit;appearance:none;background:0 0;border:none;padding:0;&::-webkit-calendar-picker-indicator{display:none}}.order-title{text-align:center;margin-top:26pt}.items-wrap{position:relative}table.items{border-collapse:collapse;width:100%;margin-top:4pt;& th{text-align:left;border-bottom:var(--rule);font-weight:400}& th,& td{vertical-align:top;padding:1.5pt 0 1.5pt 8pt;&:first-child{padding-left:0}}& .pos{text-align:center;width:2ch}& .num{text-align:right}& th.num:nth-child(3),& td.num:nth-child(3){padding-left:24pt}& tr{&.item:last-of-type td{border-bottom:var(--rule)}&.section td{font-weight:700}&.hline-above td{border-top:var(--rule)}&.double-line{& td{padding:0}& div{border-top:var(--rule);border-bottom:var(--rule);height:3pt;margin-top:1.5pt}}}& .totals-label{text-align:right}}.item-controls-layer{& button{white-space:nowrap;cursor:pointer;background:0 0;border:none;margin-right:6pt;padding:0 2pt;position:absolute;right:100%;transform:translateY(-50%)}& .remove-item-inline,& .add-item-inline{font-family:inherit;font-size:12pt;line-height:1}@media print{display:none}}table.payment{border-collapse:collapse;margin-top:26pt;& td{padding:0;&:last-child{padding-left:14pt}}}.qr-note{font-size:var(--fine-print);margin:8pt 0 0}.closing{text-align:center;margin-top:26pt;&>div{margin-bottom:14pt}}.qr-page{&>.header-grid{padding:19mm 19mm 0}}.qr-page-label{font-size:var(--fine-print);padding:8mm 19mm 0}.qr-part{break-inside:avoid;border-top:1px dashed #000;width:210mm;position:absolute;bottom:0;left:0;& svg{width:210mm;height:105mm;display:block}}.qr-error{font-size:var(--fine-print);color:#a00;border-top:.3mm dashed #a00;padding:8mm 19mm}