:root{--desk: #26312b;--desk-deep: #1c2521;--paper: #edeee7;--band: #cfdfcb;--ink: #16211c;--rule: #8c9e92;--stamp: #4b3a93;--wax: #a63a22;--on-desk: #ccd8d0;--on-desk-quiet: #a3b2a8;--focus: #c9b8ff;--display: "Big Shoulders Display", "Haettenschweiler", "Arial Narrow", sans-serif;--body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--data: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--gutter: clamp(1rem, 3vw, 2.5rem);--sheet-margin: 30px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background-color:var(--desk);background-image:radial-gradient(circle at 18% -10%,#32403a 0%,transparent 55%),radial-gradient(circle at 90% 0%,#2c3832 0%,transparent 45%);color:var(--on-desk);font-family:var(--body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mono{font-family:var(--data);font-variant-numeric:tabular-nums}.eyebrow{margin:0;font-family:var(--data);font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.masthead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem 2rem;padding:clamp(1.5rem,4vw,2.75rem) var(--gutter) 1.25rem;border-bottom:1px solid #3a4a42}.wordmark{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,6vw,4rem);line-height:.82;letter-spacing:.01em;text-transform:uppercase;color:var(--paper)}.masthead__sub{margin:.6rem 0 0;color:var(--on-desk-quiet);font-family:var(--data);font-size:.78rem;letter-spacing:.04em}.daybook{display:flex;flex-wrap:wrap;gap:0;margin:0}.daybook__entry{padding:0 clamp(.9rem,2vw,1.6rem);border-left:1px solid #3a4a42}.daybook__entry:first-child{padding-left:0;border-left:0}.daybook dt{color:var(--on-desk-quiet);font-family:var(--data);font-size:.66rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.daybook dd{margin:.15rem 0 0;font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1;font-variant-numeric:tabular-nums;color:var(--paper)}.daybook dd.daybook__note{margin-top:.3rem;font-family:var(--data);font-size:.7rem;font-weight:400;letter-spacing:.04em;color:var(--on-desk-quiet)}.daybook__entry--overdue dd:not(.daybook__note){color:#f0937c}.daybook__entry--settled dd:not(.daybook__note){color:#bdaef5}.floor{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(19rem,.85fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.5rem,3vw,2.5rem) var(--gutter) 4rem;max-width:1500px;margin:0 auto}.rail{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:1.5rem}.sheet{position:relative;background:var(--paper);color:var(--ink);color-scheme:light;box-shadow:0 24px 50px -28px #000000bf,0 2px #ffffff0a;animation:feed .42s cubic-bezier(.2,.9,.3,1) both}.sheet:before,.sheet:after{content:"";position:absolute;top:0;bottom:0;z-index:3;width:var(--sheet-margin);background-color:var(--paper);background-image:radial-gradient(circle at center,var(--desk) 0 3.4px,transparent 3.6px);background-size:100% 24px;background-position:center 12px;pointer-events:none}.sheet:before{left:0;border-right:1px dashed var(--rule)}.sheet:after{right:0;border-left:1px dashed var(--rule)}@keyframes feed{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet__inner{position:relative;z-index:1;padding:clamp(1.5rem,3vw,2.25rem) calc(var(--sheet-margin) + clamp(.75rem,2vw,1.5rem))}.sheet__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem 1.5rem;padding-bottom:.9rem;border-bottom:2px solid var(--ink)}.sheet__title{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(1.9rem,3.5vw,2.6rem);line-height:.9;text-transform:uppercase;letter-spacing:.015em}.sheet__number{font-family:var(--data);font-size:.95rem;font-weight:500;letter-spacing:.08em}.sheet__eyebrow{color:#4c5c53}.sheet__issued{margin:.15rem 0 0;font-size:.78rem;color:#4c5c53}.meta-value{margin:.2rem 0 0}.ledger{margin:1.5rem calc(var(--sheet-margin) * -1 - clamp(.75rem,2vw,1.5rem)) 0}.ledger__head,.line{display:grid;grid-template-columns:2.4rem minmax(0,1fr) 5.5rem 6rem 6.5rem;align-items:center;gap:.75rem;padding:.5rem calc(var(--sheet-margin) + clamp(.75rem,2vw,1.5rem))}.ledger--editable .ledger__head,.ledger--editable .line{grid-template-columns:2.4rem minmax(0,1fr) 5.5rem 6rem 6.5rem 2rem}.ledger__head{padding-bottom:.4rem;color:#4c5c53;font-family:var(--data);font-size:.64rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.line{min-height:3rem;animation:land .26s ease-out both}.line:nth-child(odd){background:var(--band)}@keyframes land{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.line__position{font-family:var(--data);font-size:.8rem;color:#55665c;font-variant-numeric:tabular-nums}.line__name{font-weight:500}.line__sku{display:block;font-family:var(--data);font-size:.7rem;letter-spacing:.06em;color:#55665c}.line__figure{text-align:right;font-family:var(--data);font-variant-numeric:tabular-nums;font-size:.9rem}.line__amount{font-weight:600}.line__unit{color:#55665c;font-size:.72rem}.ledger__add{padding-top:.9rem}.ledger__empty{padding:2rem calc(var(--sheet-margin) + clamp(.75rem,2vw,1.5rem));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:#4c5c53}.stub{margin-top:1.75rem;padding-top:1.5rem;border-top:2px dashed var(--rule)}.totals{display:grid;gap:.35rem;margin-left:auto;width:min(20rem,100%)}.totals__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-family:var(--data);font-size:.85rem;font-variant-numeric:tabular-nums}.totals__row dt{color:#4c5c53;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.totals__row dd{margin:0}.totals__row--grand{margin-top:.5rem;padding-top:.6rem;border-top:1px solid var(--ink);align-items:baseline}.totals__row--grand dt{font-size:.72rem;color:var(--ink)}.totals__row--grand dd{font-family:var(--display);font-weight:700;font-size:clamp(2rem,4vw,2.9rem);line-height:1}.field{display:grid;gap:.3rem}.field>span,.field__label{font-family:var(--data);font-size:.64rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#4c5c53}.field input,.field select,.field textarea{width:100%;padding:.45rem .1rem;background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;color:var(--ink)}.field textarea{resize:vertical;min-height:3.5rem}.field input:hover,.field select:hover,.field textarea:hover{border-bottom-color:var(--ink)}.field input::placeholder,.field textarea::placeholder{color:#7d8d84}.field--spaced{margin-top:1.5rem}.field--figure input{font-family:var(--data);font-variant-numeric:tabular-nums;text-align:right}.bill-to{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem 1.5rem;margin-top:1.5rem}.line select,.line input{width:100%;padding:.35rem .1rem;background:transparent;border:0;border-bottom:1px solid transparent;color:var(--ink)}.line select{font-weight:500}.line input{font-family:var(--data);font-variant-numeric:tabular-nums;text-align:right}.line select:hover,.line input:hover,.line select:focus,.line input:focus{border-bottom-color:var(--ink)}.action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.4rem;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--paper);font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .14s ease,color .14s ease,transform .14s ease}.action:hover:not(:disabled){background:var(--stamp);border-color:var(--stamp)}.action:active:not(:disabled){transform:translateY(1px)}.action:disabled{opacity:.4;cursor:not-allowed}.action--ghost{background:transparent;color:var(--ink)}.action--ghost:hover:not(:disabled){background:var(--ink);color:var(--paper);border-color:var(--ink)}.action--on-desk{background:transparent;border-color:var(--on-desk-quiet);color:var(--paper)}.action--on-desk:hover:not(:disabled){background:var(--paper);border-color:var(--paper);color:var(--ink)}.link{padding:.2rem 0;background:none;border:0;border-bottom:1px solid currentColor;color:inherit;font-family:var(--data);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.link:hover{color:var(--stamp)}.line__remove{padding:.2rem;background:none;border:0;color:#55665c;font-family:var(--data);font-size:1rem;line-height:1;cursor:pointer}.line__remove:hover{color:var(--wax)}.sheet__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:1rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--rule)}.sheet__actions p{margin:0 auto 0 0;font-size:.82rem;color:#4c5c53;max-width:26rem}.notice{margin-top:1.25rem;padding:.7rem .9rem;border-left:3px solid var(--wax);background:#a63a2214;color:#7c2b19;font-size:.85rem}.notice--desk{margin:0;color:#f0b3a2;background:#a63a2229}.stamp{position:absolute;top:clamp(4rem,12vw,7rem);right:clamp(3rem,10vw,6rem);z-index:4;padding:.4rem 1.1rem;border:3px double var(--stamp);color:var(--stamp);font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1;letter-spacing:.22em;text-transform:uppercase;transform:rotate(-11deg);opacity:.82;mix-blend-mode:multiply;pointer-events:none}.stamp small{display:block;font-family:var(--data);font-size:.6rem;font-weight:500;letter-spacing:.12em;text-align:center;margin-top:.2rem}.panel{border-top:1px solid #3a4a42;padding-top:.9rem}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.panel__head .eyebrow{color:var(--on-desk-quiet)}.panel__count{font-family:var(--data);font-size:.7rem;color:var(--on-desk-quiet)}.panel__head .action{padding:.3rem .9rem;font-size:1rem}.index{display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.stub-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .75rem;padding:.7rem .85rem;background:#edeee70a;border:1px solid #3a4a42;border-left:3px solid var(--rule);color:inherit;text-align:left;cursor:pointer;animation:drop .3s ease-out both;transition:background .14s ease,border-color .14s ease,transform .14s ease}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.stub-card:hover{background:#edeee717;transform:translate(2px)}.stub-card[aria-current=true]{background:#edeee71c;box-shadow:inset 0 0 0 1px #edeee747}.stub-card--overdue{border-left-color:var(--wax)}.stub-card--paid{border-left-color:#7d68c9}.stub-card__number{font-family:var(--data);font-size:.72rem;letter-spacing:.08em;color:var(--on-desk-quiet)}.stub-card__client{font-weight:500;color:var(--paper);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stub-card__total{grid-row:1 / span 2;grid-column:2;align-self:center;font-family:var(--data);font-variant-numeric:tabular-nums;font-weight:500;color:var(--paper)}.stub-card__terms{grid-column:1 / -1;display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-family:var(--data);font-size:.7rem;color:var(--on-desk-quiet)}.tag{padding:.05rem .4rem;border:1px solid currentColor;font-family:var(--data);font-size:.62rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.tag--overdue{color:#f0937c}.tag--paid{color:#bdaef5}.tag--open{color:var(--on-desk-quiet)}.catalogue{display:grid;gap:.1rem;list-style:none;margin:0;padding:0;max-height:20rem;overflow-y:auto}.catalogue li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 .75rem;padding:.45rem 0;border-bottom:1px solid #33413a}.catalogue__name{color:var(--paper);font-size:.88rem}.catalogue__sku{font-family:var(--data);font-size:.66rem;letter-spacing:.08em;color:var(--on-desk-quiet)}.catalogue__price{grid-row:1 / span 2;grid-column:2;align-self:center;font-family:var(--data);font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--paper)}.catalogue__unit{display:block;font-size:.64rem;color:var(--on-desk-quiet);text-align:right}.new-product{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin-top:1rem;padding-top:1rem;border-top:1px dashed #3a4a42}.new-product .field>span{color:var(--on-desk-quiet)}.new-product .field input{color:var(--paper);border-bottom-color:#4a5a51}.new-product .field input:hover{border-bottom-color:var(--paper)}.new-product .field input::placeholder{color:#778a7e}.new-product__wide{grid-column:1 / -1}.new-product__actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.new-product__actions .action{font-size:1rem;padding:.4rem 1rem}.placeholder{padding:clamp(2rem,6vw,4rem) calc(var(--sheet-margin) + 1.5rem);color:#4c5c53}.placeholder h2{margin:0 0 .5rem;font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,4vw,2.4rem);line-height:.95;text-transform:uppercase;color:var(--ink)}.placeholder p{margin:0 0 1.25rem;max-width:34rem}@media (max-width: 1080px){.floor{grid-template-columns:minmax(0,1fr)}.rail{position:static}}@media (max-width: 720px){:root{--sheet-margin: 16px}.ledger__head{display:none}.line,.ledger--editable .line{grid-template-columns:1.6rem minmax(0,1fr) 5rem;row-gap:.25rem;padding-block:.75rem}.line__unit-price{display:none}.line__amount{grid-column:2}.ledger--editable .line__remove{grid-column:3;justify-self:end}.daybook__entry{padding-left:0;border-left:0;padding-right:1.25rem}.new-product{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}