.work{margin-top:-40px;padding-bottom:60px}.work .shell{display:grid;grid-template-columns:minmax(0,1fr) 208px;gap:22px;align-items:start}.sheet{background:var(--paper);padding:var(--pad);box-shadow:0 1px 2px #12161b1a,0 16px 40px #12161b1f}.side{position:sticky;top:20px;display:grid;gap:8px}.side button{width:100%;padding:11px;border-radius:5px;border:1px solid var(--rule);background:var(--paper);cursor:pointer}.side button:hover{border-color:var(--ink)}.side .primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.side .primary:hover{background:var(--accent-2)}.side select,.side .sideinput{width:100%;padding:9px;border-radius:5px;border:1px solid var(--rule);background:var(--paper);font-size:13px}.side .sideinput:focus{outline:none;border-color:var(--accent);background:var(--tint)}.side .cap{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:14px}.side .tip{font-size:11.5px;color:var(--muted);line-height:1.5;margin:14px 0 0}.sheet input,.sheet textarea{width:100%;background:transparent;border:1px solid transparent;border-radius:3px;padding:5px 7px}.sheet input:hover,.sheet textarea:hover{border-color:var(--rule)}.sheet input:focus,.sheet textarea:focus{outline:none;border-color:var(--accent);background:var(--tint)}.sheet textarea{resize:none;overflow:hidden;min-height:34px;font-size:14px}.sheet input[type=number]{-moz-appearance:textfield}.sheet input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.masthead{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}.logo{position:relative;width:186px;height:92px;border:1px dashed var(--rule);border-radius:3px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;overflow:hidden;background:#fbfbf9}.logo:hover{border-color:var(--accent);color:var(--accent)}.logo img{width:100%;height:100%;object-fit:contain;display:none}.logo input{position:absolute;inset:0;opacity:0;cursor:pointer;height:100%}.logo.has-image{border-color:transparent;background:none}.logo.has-image .hint{display:none}.logo.has-image img{display:block}.doc-title{text-align:right;min-width:240px}.doc-title .title{font-family:Space Grotesk,sans-serif;font-size:38px;font-weight:700;text-align:right;letter-spacing:-.03em;line-height:1.05;text-transform:uppercase}.ref{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:8px}.ref span{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px}.ref input{width:130px;text-align:right;border-color:var(--rule);font-family:IBM Plex Mono,monospace}.parties{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:24px;margin-top:34px}.label{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ruled{border-top:1px solid var(--ink);padding-top:6px;margin-top:4px}.meta .row{display:grid;grid-template-columns:minmax(0,1fr) 122px;gap:6px;align-items:center}.meta .row input:last-child{text-align:right;border-color:var(--rule);font-family:IBM Plex Mono,monospace;font-size:13px}table{width:100%;border-collapse:collapse;margin-top:34px;table-layout:fixed}thead th{background:var(--ink);color:#fff;font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding:9px 8px;text-align:left}thead th.n{text-align:right}thead th input{width:100%;background:transparent;border:1px solid transparent;border-radius:3px;color:#fff;font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:2px 4px}thead th.n input{text-align:right}thead th input:hover{border-color:#39414a}thead th input:focus{outline:none;border-color:var(--sun);background:#000}.colbar{margin-top:32px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;border:1px dashed var(--rule);border-radius:7px;padding:10px 12px;background:#fbfbf9}.colbar .chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--tint);border-radius:20px;padding:4px 6px 4px 12px;font-size:13px;color:var(--accent-2)}.chip small{color:var(--muted);font-size:11px}.chip button{border:0;background:none;cursor:pointer;color:var(--muted);font-size:15px;line-height:1;padding:2px 6px;border-radius:50%}.chip button:hover{color:#a02c2c;background:#fff}.chip-empty{font-size:12.5px;color:var(--muted)}.colform{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-left:auto}.colform .quick{border:1px solid var(--rule);background:var(--paper);border-radius:20px;padding:5px 11px;font-size:12.5px;cursor:pointer;color:var(--accent-2)}.colform .quick:hover{border-color:var(--accent);background:var(--tint)}.colform input,.colform select{border:1px solid var(--rule);border-radius:5px;padding:6px 8px;font-size:12.5px;background:var(--paper);width:auto}.colform input{width:150px}.colform input:focus,.colform select:focus{outline:none;border-color:var(--accent);background:var(--tint)}.colform #addCol{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:5px;padding:6px 12px;font-size:12.5px;cursor:pointer}.colform #addCol:hover{background:var(--accent-2)}td.amt.manual{padding:5px 4px}td.amt.manual .cell{max-width:150px;margin-left:auto}tbody td{border-bottom:1px solid var(--rule);padding:5px 4px;vertical-align:top;overflow-wrap:break-word}tbody td.n input{text-align:right;font-family:IBM Plex Mono,monospace}td.amt{text-align:right;font-family:IBM Plex Mono,monospace;padding:11px 12px 11px 4px;white-space:nowrap;font-variant-numeric:tabular-nums}td.kill{width:26px;padding:0}.kill button{border:0;background:none;color:var(--rule);cursor:pointer;font-size:17px;padding:8px 2px}tr:hover .kill button{color:var(--muted)}.kill button:hover{color:#a02c2c}.c-qty{width:86px}.c-rate{width:118px}.c-amt{width:130px}.add-line{margin-top:10px;width:100%;padding:9px;border:1px dashed var(--rule);border-radius:3px;background:none;color:var(--muted);cursor:pointer}.add-line:hover{border-color:var(--accent);color:var(--accent);background:var(--tint)}.foot{display:grid;grid-template-columns:1fr 340px;gap:40px;margin-top:32px}.sheet.no-money .foot{grid-template-columns:1fr}.sheet.no-money .totals{display:none}.block+.block{margin-top:20px}.totals .row{display:grid;grid-template-columns:1fr 150px;gap:8px;align-items:center;position:relative}.totals .val{text-align:right;font-family:IBM Plex Mono,monospace;padding:6px 7px;font-variant-numeric:tabular-nums}.cell{display:flex;align-items:center;border:1px solid var(--rule);border-radius:3px}.cell input{text-align:right;border:0}.cell input:focus{background:transparent}.cell:focus-within{border-color:var(--accent);background:var(--tint)}.cell b{padding:0 7px;color:var(--muted);font-weight:400;font-size:13px}.drop{position:absolute;right:-22px;top:6px;border:0;background:none;color:var(--rule);cursor:pointer;font-size:16px;display:none}.totals .row:hover .drop{display:block}.drop:hover{color:#a02c2c}.extras{display:flex;gap:14px;flex-wrap:wrap;padding:8px 7px 0}.extras button{border:0;background:none;color:var(--accent);cursor:pointer;padding:0;font-size:13px}.extras button:hover{text-decoration:underline}.grand{display:grid;grid-template-columns:1fr 150px;gap:8px;align-items:center;border-top:2px solid var(--ink);margin-top:12px;padding-top:8px}.grand input,.grand .val{font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:700}.grand .val{text-align:right;padding:6px 7px;font-variant-numeric:tabular-nums}.signblock{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:34px;padding-top:22px;border-top:1px solid var(--rule)}.signblock[hidden]{display:none}.signcol .signline{border-bottom:1px solid var(--ink);height:34px;margin:0 7px 4px}.signcol .signline.short{height:22px;border-bottom-color:var(--rule)}.signcol .signmeta{width:100%;background:transparent;border:1px solid transparent;border-radius:3px;padding:2px 7px;font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.signcol .signmeta:hover{border-color:var(--rule)}.signcol .signmeta:focus{outline:none;border-color:var(--accent);background:var(--tint)}@media(max-width:520px){.signblock{grid-template-columns:1fr;gap:22px}}.codeslot{display:flex}.codeslot:empty{display:none}.codeslot#codeTop{justify-content:flex-start;margin-top:20px}.codeslot#codeBottom{justify-content:flex-start;margin-top:28px;padding-top:20px;border-top:1px solid var(--rule)}.codefig{margin:0;display:flex;align-items:center;gap:16px;max-width:100%}.codefig svg{display:block;height:auto;max-width:100%}.codefig .qrwrap{flex:0 0 auto}.codefig figcaption{min-width:0}.codefig .capline{font-size:13px;color:#3d444c}.codefig .codeval{font-family:IBM Plex Mono,monospace;font-size:11.5px;color:var(--muted);word-break:break-all;margin-top:4px;max-width:34ch}.codefig.is-barcode{display:block}.codefig.is-barcode figcaption{margin-top:6px}@media(max-width:520px){.codefig{flex-direction:column;align-items:flex-start;gap:10px}}.previewbar{display:none;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;background:var(--ink);color:#fff;border-radius:8px;padding:10px 12px;margin-bottom:14px}.previewbar .tag{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sun)}.previewbar .note{font-size:12.5px;color:#aeb4bb}.previewbar button{border:1px solid #39414a;background:none;color:#fff;border-radius:5px;padding:8px 12px;cursor:pointer;min-height:40px;white-space:nowrap}.previewbar button:hover{border-color:#fff}.previewbar .go{background:var(--accent);border-color:var(--accent);font-weight:600}.previewbar .go:hover{background:var(--accent-2)}body.preview .previewbar{display:grid;grid-column:1/-1}body.preview .work .shell{grid-template-columns:minmax(0,1fr)}body.preview .sheet{grid-column:1/-1}body.preview .hero,body.preview .content,body.preview footer,body.preview .side,body.preview .add-line,body.preview .kill,body.preview .colbar,body.preview .extras,body.preview .logo input{display:none!important}body.preview .work{margin-top:0;padding-top:22px}body.preview .sheet{max-width:820px;margin:0 auto;padding:clamp(22px,4.6vw,52px)}body.preview .previewbar{max-width:820px;margin-left:auto;margin-right:auto}body.preview .sheet input,body.preview .sheet textarea{border-color:transparent!important;background:transparent!important;cursor:default;pointer-events:none;-webkit-user-select:text;user-select:text}.astext{display:block;padding:5px 7px;min-height:1em;overflow-wrap:break-word}td.amt .astext,.grand .astext{padding-right:7px}.meta .row .astext{padding-left:0}body.preview .logo{border-color:transparent;background:none}body.preview .logo:not(.has-image){visibility:hidden}body.preview .is-empty{display:none!important}body.preview .cell{border-color:transparent;background:none}@media(min-width:701px){body.preview .parties{grid-template-columns:1fr 1fr 1fr}}.parties{grid-template-columns:1fr 1fr 1fr;gap:24px}body.preview .sheet input,body.preview .sheet textarea,body.preview .sheet th,body.preview .sheet td,body.preview .sheet .val,body.preview .sheet .calcamt,body.preview .sheet .ref span,body.preview .sheet .codeval,body.preview .sheet .capline,body.preview .sheet .label,body.preview .sheet .signmeta,body.preview .sheet .title,body.preview .sheet .grand input,body.preview .sheet .grand .val,body.preview .sheet .astext{font-size:13px!important}body.preview .meta .row{grid-template-columns:auto auto;justify-content:space-between;gap:14px}body.preview .money-cell input,body.preview .money-cell>b:first-child{display:none}body.preview .totals .row>input:first-child,body.preview .grand>input:first-child{width:auto}body.preview .cell b{color:var(--ink);padding-right:0}.calcamt{display:none}body.preview .calcamt{display:inline;font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--ink);padding-left:10px}body.preview .drop{display:none!important}body.preview .totals .row,body.preview .totals .row[data-extra],body.preview .grand{grid-template-columns:minmax(72px,1fr) auto}body.preview .cell{flex-wrap:wrap;justify-content:flex-end}@media(max-width:480px){body.preview .calcamt{font-size:12px;padding-left:6px}body.preview .totals .val,body.preview .cell,body.preview .cell input{font-size:12.5px}body.preview .cell{flex-wrap:nowrap}body.preview .cell input{padding-left:0}body.preview .totals .row,body.preview .totals .row[data-extra]{grid-template-columns:minmax(56px,1fr) auto}}body.preview .totals .val,body.preview .cell{white-space:nowrap}body.preview input[type=date]::-webkit-calendar-picker-indicator{display:none}body.preview tbody tr{padding-right:10px}body.preview .sheet input::placeholder,body.preview .sheet textarea::placeholder{color:transparent}@media(max-width:640px){.previewbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.previewbar button{min-width:0;padding:8px 6px;white-space:normal}.previewbar .tag{grid-column:1/-1}.previewbar .note{display:none}}.sheet .title{font-size:clamp(26px,6vw,38px)}@media(max-width:1000px){:root{--pad:clamp(18px,3.4vw,32px)}.work .shell{grid-template-columns:minmax(0,1fr)}.side{position:static;order:-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:10px;box-shadow:0 1px 2px #12161b14}.side button{width:auto;flex:1 1 150px;min-height:44px}.side .primary{flex:2 1 200px}.side select,.side .sideinput{flex:1 1 150px;width:auto;min-height:44px}.side .cap{display:none}.side .tip{flex:1 1 100%;margin:2px 2px 0}}@media(max-width:860px){.foot{grid-template-columns:minmax(0,1fr);gap:26px}.totals{max-width:420px}.parties{grid-template-columns:1fr 1fr;gap:18px}.parties .meta{grid-column:1/-1}.meta .ruled{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}}@media(max-width:700px){.work{margin-top:-28px}.sheet input,.sheet textarea{font-size:16px}.masthead{grid-template-columns:1fr;gap:14px}.logo{width:100%;max-width:220px;height:82px}.doc-title{text-align:left;min-width:0}.doc-title .title{text-align:left}.ref{justify-content:flex-start}.ref input{flex:1 1 auto;width:auto;max-width:190px;text-align:left}.parties{grid-template-columns:1fr;gap:16px;margin-top:26px}.meta .ruled{grid-template-columns:1fr}.meta .row{grid-template-columns:1fr 44%}table{margin-top:26px}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}table,tbody,tr,td{display:block;width:100%}tbody tr{position:relative;border:1px solid var(--rule);border-radius:7px;padding:10px 40px 10px 10px;margin-bottom:10px}tbody td{border:0;padding:3px 0}tbody td.n{display:grid;grid-template-columns:1fr 42%;align-items:center;gap:8px}tbody td.n:before{content:attr(data-label);font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}td.amt{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--rule);margin-top:8px;padding:9px 0 0}td.amt:before{content:"Amount";font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}td.kill{position:absolute;top:6px;right:4px;width:auto;padding:0}.kill button{color:var(--muted);font-size:20px;min-width:34px;min-height:34px}.add-line{min-height:46px}.colbar{margin-top:24px;gap:10px}.colbar .chips,.colform{width:100%;margin-left:0}.colform input{flex:1 1 140px;width:auto;min-height:40px}.colform select{flex:1 1 100%;min-height:40px}.colform .quick,.colform #addCol{min-height:38px}td.amt.manual .cell,.totals{max-width:none}.totals .row,.grand{grid-template-columns:1fr 46%}.drop{position:static;display:block;color:var(--muted);padding:0 0 0 8px}.totals .row{padding-right:0}.totals .row[data-extra]{grid-template-columns:1fr 46% auto}.extras{gap:12px 16px}.extras button{min-height:34px}}@media(max-width:420px){.side button,.side select,.side .sideinput{flex:1 1 100%}.meta .row{grid-template-columns:1fr 50%}}@media(max-height:520px)and (orientation:landscape){.side{position:static}}@media(pointer:coarse){.drop,.kill button{display:block;color:var(--muted)}.side button,.add-line{min-height:44px}}@media print{@page{margin:14mm}body{background:#fff}.topbar,.hero,.content,footer,.side,.add-line,.kill,.extras,.logo input,.previewbar,.colbar{display:none!important}.work{margin:0;padding:0}.work .shell{display:block;padding:0;max-width:none}.sheet{box-shadow:none;padding:0}.sheet input,.sheet textarea{border-color:transparent!important;background:transparent!important}.logo{border:0}.logo:not(.has-image){visibility:hidden}tr{break-inside:avoid}.totals,.grand,.totals .row,.signblock,.signcol,.codefig,.foot .block,.parties>div{break-inside:avoid}.is-empty{display:none!important}.cell{border-color:transparent!important}.meta .row{grid-template-columns:auto auto;justify-content:space-between;gap:14px}.money-cell input,.money-cell>b:first-child{display:none}.calcamt{display:inline;font-family:IBM Plex Mono,monospace;font-size:13px;padding-left:10px}.totals .row,.totals .row[data-extra],.grand{grid-template-columns:minmax(72px,1fr) auto}.drop{display:none!important}input[type=date]::-webkit-calendar-picker-indicator{display:none}.sheet input::placeholder,.sheet textarea::placeholder{color:transparent}.parties .meta{grid-column:auto}.meta .ruled{display:block}.foot{grid-template-columns:1fr 340px;gap:40px}.totals{max-width:none}thead{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}table{display:table}tbody{display:table-row-group}tbody tr{display:table-row;border:0;border-radius:0;padding:0;margin:0}tbody td,tbody td.n,td.amt{display:table-cell}tbody td{border:0;border-bottom:1px solid var(--rule);padding:5px 4px}tbody td.n:before,td.amt:before{content:none}td.amt{text-align:right;border-top:0;margin-top:0;padding:11px 12px 11px 4px}td.kill{position:static;width:0;padding:0}thead th{-webkit-print-color-adjust:exact;print-color-adjust:exact}.parties{grid-template-columns:1fr 1fr 1fr;gap:24px}.sheet input,.sheet textarea,.sheet th,.sheet td,.sheet .val,.sheet .calcamt,.sheet .ref span,.sheet .codeval,.sheet .capline,.sheet .label,.sheet .signmeta,.sheet .title,.sheet .grand input,.sheet .grand .val,.sheet .astext{font-size:13px!important}}.sheet.is-compact{--pad:26px}.sheet.is-compact .doc-title .title{font-size:30px}.sheet.is-compact .logo{height:70px}.sheet.is-compact .parties{margin-top:20px;gap:18px}.sheet.is-compact .parties[style]{margin-top:12px!important}.sheet.is-compact textarea{min-height:26px}.sheet.is-compact .ruled{padding-top:4px;margin-top:3px}.sheet.is-compact .meta .row input:last-child{padding-top:3px;padding-bottom:3px}.sheet.is-compact table{margin-top:20px}.sheet.is-compact thead th{padding:6px 8px}.sheet.is-compact tbody td{padding:2px 4px}.sheet.is-compact td.amt{padding:6px 12px 6px 4px}.sheet.is-compact .colbar{margin-top:20px}.sheet.is-compact .add-line{margin-top:6px;padding:6px}.sheet.is-compact .foot{margin-top:20px}.sheet.is-compact .block+.block{margin-top:12px}.sheet.is-compact .totals .val,.sheet.is-compact .grand .val{padding-top:3px;padding-bottom:3px}.sheet.is-compact .grand{margin-top:8px;padding-top:6px}.sheet.is-compact .grand input,.sheet.is-compact .grand .val{font-size:17px}.sheet.is-compact .signblock{margin-top:20px;padding-top:14px;gap:24px}.sheet.is-compact .signcol .signline{height:24px}.sheet.is-compact .signcol .signline.short{height:16px}.sheet.is-compact .codeslot#codeTop{margin-top:12px}.sheet.is-compact .codeslot#codeBottom{margin-top:18px;padding-top:12px}@media print{.sheet.is-compact{padding:0}}
