:root{--bg: #f6f6f3;--bg-subtle: #eaeae4;--fg: #0a0a0a;--muted: #4a4a46;--signal: #ef5714;--ease: cubic-bezier(.22, 1, .36, 1);--display: "Bricolage Grotesque", "Arial Narrow", sans-serif;--text: "Atkinson Hyperlegible Next", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--gut: 32px}*{box-sizing:border-box;margin:0;padding:0;border-radius:0}html{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}body{font:16px/1.5 var(--text)}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:1px solid var(--signal);outline-offset:2px}.label{font:500 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.display{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.04em;line-height:.92}.display.xl{font-size:96px}.display.l{font-size:56px}.display.m{font-size:32px}.num,.num-display{font-variant-numeric:tabular-nums}.num{font-family:var(--mono);font-size:14px}.lead{font-size:20px;max-width:40em}.cell.lead{max-width:none}.muted{color:var(--muted)}.strong{font-weight:700}.error{color:#b3261e}address{font-style:normal;white-space:pre-line}.sheet{max-width:1200px;margin:0 auto;min-height:100vh;border-inline:1px solid var(--fg);background:var(--bg)}.grid{display:grid;gap:1px;background:var(--fg);border-bottom:1px solid var(--fg)}.cell{background:var(--bg);padding:24px var(--gut)}.sheet>.cell,.sheet>section.cell,.sheet>form>.cell{border-bottom:1px solid var(--fg)}.topbar{grid-template-columns:auto 1fr auto}.topbar .cell{height:48px;padding-block:0;display:flex;align-items:center}.logo img{height:16px;display:block}.status:before{content:none}.status,.status[data-status=sent],.status[data-status=overdue]{color:var(--fg)}.topbar .status{gap:8px}.banner{padding:12px var(--gut);border-bottom:1px solid var(--fg);background:var(--bg-subtle);font:500 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.04em}.banner:before,.mark:before{content:"";display:inline-block;width:8px;height:8px;background:var(--signal);margin-right:8px;vertical-align:0}.hero{padding-block:96px 64px;display:grid;gap:24px;align-content:end}.hero-grid{grid-template-columns:1.6fr 1fr}.meta{display:grid;gap:24px;align-content:start;padding-block:48px}.meta dd{margin-top:4px}.items{border-bottom:1px solid var(--fg);overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px 0 16px 24px;vertical-align:top;border-bottom:1px solid var(--fg)}th:first-child,td:first-child{padding-left:var(--gut)}th:last-child,td:last-child{padding-right:var(--gut)}th{font-weight:500;padding-block:16px}tbody tr:last-child td{border-bottom:1px solid var(--fg)}tfoot td{border-bottom:0;padding-block:8px}tfoot tr:first-child td{padding-top:16px}tfoot tr:last-child td{padding-bottom:24px}tfoot .total td{font-size:20px;color:var(--fg);padding-top:16px}tfoot .total .label{font-size:12px;color:var(--fg)}.totals{display:grid;grid-template-columns:1fr auto;gap:8px 24px;padding:16px var(--gut) 24px;text-align:right}.totals dt{align-self:baseline}.totals .total{color:var(--fg);padding-top:8px}dd.total{font-size:20px}.r{text-align:right}.narrow{display:none}.clickable tbody tr{cursor:pointer;transition:background .12s var(--ease)}.clickable tbody tr:hover,.clickable tbody tr:focus-visible{background:var(--bg-subtle);outline:none}td.status[data-status=overdue]:before{content:"";display:inline-block;width:8px;height:8px;background:var(--signal);margin-right:8px}td.status[data-status=draft],td.status[data-status=void]{color:var(--muted)}.notes{display:grid;gap:8px}.intro{display:grid;gap:16px;padding-block:64px 32px}.notes p:last-child{white-space:pre-line;max-width:40em}.pay-head{padding-block:64px 32px;display:grid;gap:16px;border-bottom:1px solid var(--fg)}.methods{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.method{display:grid;grid-template-rows:auto 1fr auto;gap:16px;padding-block:32px}.method .label{color:var(--fg)}.method-body{display:grid;gap:4px;align-content:start}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;background:var(--bg);color:var(--fg);border:1px solid var(--fg);cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease)}.btn:hover{background:var(--bg-subtle)}.btn.primary{background:var(--fg);color:var(--bg)}.btn.primary:hover{background:#2a2a2a}.btn:disabled{opacity:.4;cursor:default}.btn.small{min-height:32px;padding:0 12px}.method .btn{width:100%}.foot{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.btn-cell{height:48px;padding-block:0;display:flex;align-items:center;border:0;cursor:pointer;text-decoration:none;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:left;transition:background .12s var(--ease)}.btn-cell:hover{background:var(--bg-subtle)}.link{background:none;border:0;cursor:pointer;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}.tabs{display:flex;gap:0;padding:0}.tabs button{height:48px;padding:0 var(--gut);border:0;border-left:1px solid var(--fg);background:var(--bg);cursor:pointer;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);transition:background .12s var(--ease)}.tabs button:first-child{border-left:0}.tabs button:hover{background:var(--bg-subtle)}.tabs button[aria-current=true]{color:var(--fg);box-shadow:inset 0 -1px 0 var(--signal)}.stats{grid-template-columns:1fr 1fr auto}.stats .cell{display:grid;gap:8px;padding-block:32px}.stats .new{align-content:end}.login{display:flex;flex-wrap:wrap;align-items:end;gap:16px;max-width:560px}.login .field{flex:1 1 240px}.field{display:grid;gap:8px;align-content:start}input,select,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--fg);padding:8px 0;font-size:16px;transition:border-color .12s var(--ease)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:var(--signal)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.6}.editor-head{grid-template-columns:1fr auto}.editor-head .cell{display:grid;gap:16px;padding-block:48px 32px;align-content:end}.actions{display:flex!important;flex-wrap:wrap;gap:8px;align-items:end;align-content:end}.actions .msg{flex-basis:100%}.fields{grid-template-columns:repeat(4,1fr)}.fields .field:last-child:nth-child(4n+1){grid-column:span 4}.edit-items td{padding-block:8px;vertical-align:middle}.edit-items input{border-bottom-color:transparent}.edit-items input:hover{border-bottom-color:var(--bg-subtle)}.edit-items input:focus{border-bottom-color:var(--signal)}.edit-items td:nth-child(2){width:80px}.edit-items td:nth-child(3){width:120px}.edit-items td:nth-child(4){width:140px}.edit-items td:nth-child(5){width:48px}.edit-items .link{text-decoration:none;font-size:20px;line-height:1}.edit-items tfoot .link{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.status-row{grid-template-columns:1fr auto}.mark-paid{display:flex;gap:16px;align-items:end}.mark-paid .field{width:200px}.danger{display:flex;align-items:end}@media (max-width: 1199px){:root{--gut: 24px}.display.xl{font-size:72px}.display.l{font-size:44px}.display.m{font-size:24px}.hero{padding-block:64px 48px}.fields{grid-template-columns:repeat(2,1fr)}.fields .field:last-child:nth-child(4n+1){grid-column:auto}.fields .field:last-child:nth-child(odd){grid-column:span 2}}@media (max-width: 809px){:root{--gut: 16px}.display.xl{font-size:48px}.display.l{font-size:34px}.display.m{font-size:22px}.lead{font-size:17px}.hero{padding-block:48px 32px}.hero-grid,.stats,.editor-head,.status-row,.fields{grid-template-columns:1fr}.fields .field:last-child:nth-child(odd){grid-column:auto}.meta{grid-template-columns:1fr 1fr;padding-block:32px}.topbar{grid-template-columns:auto 1fr}.topbar .status,.topbar .tabs{grid-column:1 / -1}.tabs button:first-child{padding-left:var(--gut)}.wide{display:none}.narrow{display:block;font-size:13px;margin-top:4px}th,td{padding-left:16px}.edit-items td:nth-child(2){width:56px}.edit-items td:nth-child(3){width:88px}.edit-items td:nth-child(4){width:auto}.mark-paid{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}@media print{@page{margin:12mm}.no-print,.banner{display:none!important}.sheet{border:0;min-height:0}.hero{padding-block:32px}.display.xl{font-size:56px}.pay-head{padding-block:24px 16px}.method{padding-block:16px;break-inside:avoid}}