:root{--page: #e7ebee;--shell: #ffffff;--tile: #f6f6f6;--inner: #ffffff;--ink: #0b0a14;--ink-hover: #23212f;--quiet: #6b7076;--faint: #8a8f95;--hair: #e6e6e6;--hair-soft: #f0f0f0;--lime: #c4f37b;--lime-deep: #a8e05f;--coral: #f6635c;--open-bg: #e3ebfb;--open-ink: #35539c;--late-bg: #fde5e1;--late-ink: #b53b33;--paid-bg: #d9f5e6;--paid-ink: #1c7551;--display: "Outfit", ui-sans-serif, system-ui, sans-serif;--body: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--data: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--radius-shell: 32px;--radius-tile: 26px;--radius-inner: 20px;--pad: clamp(1rem, 2.2vw, 1.75rem)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--page);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.mono{font-family:var(--data);font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page{max-width:1560px;margin:0 auto;padding:clamp(.75rem,1.6vw,1.4rem)}.topbar{display:flex;align-items:center;gap:clamp(.75rem,2vw,2rem);min-height:4.25rem;background:var(--shell);border-radius:var(--radius-shell);padding:0 clamp(1rem,2vw,1.5rem)}.brand{display:flex;align-items:center;gap:.6rem;margin:0;padding-right:.5rem}.brand__mark{width:32px;height:32px;flex:none}.brand__name{font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.02em;white-space:nowrap}.tabs{display:flex;align-items:stretch;gap:.15rem;margin-right:auto;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:.5rem;padding:1.2rem .85rem;background:none;border:0;border-bottom:3px solid transparent;color:#565b61;font-size:.92rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .14s ease,border-color .14s ease}.tab:hover{color:var(--ink)}.tab[aria-current=true]{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}.tab__icon{width:20px;height:20px}.topbar__end{display:flex;align-items:center;gap:.75rem}.stamp-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border:1px solid var(--hair);border-radius:999px;color:var(--quiet);font-size:.78rem;white-space:nowrap}.stamp-chip__currency{font-family:var(--data);font-size:.72rem;letter-spacing:.06em;color:var(--ink)}.stamp-chip--flat{border-color:transparent;background:#ececec}.shell{margin-top:clamp(.6rem,1.2vw,1rem);padding:var(--pad);background:var(--shell);border-radius:var(--radius-shell)}.shell__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.85rem 1.5rem;margin-bottom:clamp(.9rem,1.6vw,1.3rem)}.shell__title{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.025em;line-height:1.1}.shell__sub{margin:.25rem 0 0;color:var(--quiet);font-size:.88rem}.search{display:flex;align-items:center;gap:.6rem;min-width:min(22rem,100%);padding:.55rem 1rem;background:var(--tile);border:1px solid transparent;border-radius:999px;color:var(--faint);transition:border-color .14s ease,background .14s ease}.search:focus-within{background:var(--shell);border-color:var(--ink)}.search__icon{width:18px;height:18px;flex:none}.search input{width:100%;background:none;border:0;outline:none;color:var(--ink);font-size:.9rem}.search input::placeholder{color:var(--faint)}.grid{display:grid;gap:clamp(.7rem,1.2vw,1rem);align-items:start}.grid--head{grid-template-columns:minmax(15rem,.9fr) minmax(21rem,1.5fr) minmax(17rem,1.05fr)}.grid--foot{grid-template-columns:minmax(0,1.9fr) minmax(17rem,1fr);margin-top:clamp(.7rem,1.2vw,1rem)}.stack{display:grid;gap:clamp(.7rem,1.2vw,1rem);height:100%;grid-auto-rows:1fr}.tile{display:flex;flex-direction:column;padding:clamp(1.1rem,1.8vw,1.5rem);background:var(--tile);border-radius:var(--radius-tile);animation:lift .46s cubic-bezier(.2,.9,.3,1) both}.stack>*:nth-child(2),.grid>*:nth-child(2){animation-delay:60ms}.grid>*:nth-child(3){animation-delay:.12s}@keyframes lift{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tile--stat{min-height:11.5rem}.tile__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem 1.25rem;flex-wrap:wrap}.tile__head--stacked{flex-direction:column;align-items:flex-start;gap:.2rem}.tile__head--centre{align-items:center}.tile__label{margin:0;color:var(--quiet);font-size:.86rem;font-weight:500}.tile__title{margin:0;font-family:var(--display);font-weight:600;font-size:1.2rem;letter-spacing:-.02em}.tile__sub{margin:.25rem 0 0;color:var(--quiet);font-size:.84rem;max-width:34rem}.tile__badge{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;flex:none;background:var(--inner);border-radius:50%;color:var(--ink)}.tile__badge svg{width:20px;height:20px}.tile__figure{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .7rem;margin:.7rem 0 0;font-family:var(--display);font-weight:800;font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums}.tile__figure--big{font-size:clamp(2rem,3.6vw,2.7rem)}.tile__action{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-top:auto;padding:.9rem 0 0;background:none;border:0;border-top:1px solid #e3e3e3;color:var(--ink);font-size:.9rem;font-weight:600;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.tile__action-icon{width:18px;height:18px;flex:none;transition:transform .16s ease}.tile__action:hover .tile__action-icon,.product__action:hover .tile__action-icon{transform:translate(4px)}.tile--notice{gap:.4rem;align-items:flex-start;padding:clamp(1.5rem,4vw,2.75rem)}.tile--notice .btn{margin-top:1rem}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:999px;font-family:var(--body);font-size:.74rem;font-weight:600;letter-spacing:0}.chip--good{background:var(--lime);color:#1c2a0c}.chip--bad{background:var(--coral);color:#fff}.chip--quiet{background:#ececec;color:#5c6167}.chip__icon{width:14px;height:14px}.pill{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.pill--open{background:var(--open-bg);color:var(--open-ink)}.pill--overdue{background:var(--late-bg);color:var(--late-ink)}.pill--paid{background:var(--paid-bg);color:var(--paid-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.62rem 1.15rem;border:1px solid transparent;border-radius:999px;font-size:.9rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease,color .14s ease}.btn--ink{background:var(--ink);color:#fff}.btn--ink:hover:not(:disabled){background:var(--ink-hover);transform:translateY(-1px)}.btn--outline{background:var(--inner);border-color:var(--hair);color:var(--ink)}.btn--outline:hover:not(:disabled){border-color:var(--ink);transform:translateY(-1px)}.btn--small{padding:.42rem .85rem;font-size:.82rem}.btn__icon{width:16px;height:16px;flex:none}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.filters{display:flex;flex-wrap:wrap;gap:.4rem}.filter{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .8rem;background:var(--inner);border:1px solid var(--hair);border-radius:999px;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.filter:hover{border-color:var(--ink)}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.filter__count{font-family:var(--data);font-size:.72rem;opacity:.65}.bars{width:100%;height:auto;margin-top:1rem;overflow:visible}.bars__solid{fill:var(--ink)}.bars__ghost,.bars__solid{transform-box:fill-box;transform-origin:50% 100%;animation:grow .62s cubic-bezier(.2,.9,.3,1) both}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bars__tick{fill:var(--faint);font-family:var(--body);font-size:12px}.bars__value{fill:var(--quiet);font-family:var(--display);font-size:13px;font-weight:500}.bars__chip{fill:var(--ink)}.bars__month{fill:#fff;font-family:var(--body);font-size:12.5px;font-weight:500}.donut{position:relative;width:min(15rem,100%);margin:1rem auto .5rem}.donut svg{display:block;width:100%;height:auto;animation:bloom .62s cubic-bezier(.2,.9,.3,1) both}@keyframes bloom{0%{opacity:0;transform:scale(.94) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}.donut__centre{position:absolute;top:27%;right:20%;bottom:27%;left:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.donut__figure{margin:0;font-family:var(--display);font-weight:800;font-size:1.4rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.donut__caption{margin:.15rem 0 0;color:var(--quiet);font-size:.74rem}.legend{list-style:none;margin:.5rem 0 0;padding:0}.legend li{display:grid;grid-template-columns:auto minmax(0,1fr) auto 2.6rem;align-items:center;gap:.6rem;padding:.55rem 0;border-top:1px solid #e9e9e9;font-size:.85rem}.legend__dot{width:10px;height:10px;border-radius:50%;background:var(--ink)}.legend__dot--solid{background:var(--ink)}.legend__dot--hatched{background:repeating-linear-gradient(45deg,#d9d9d9 0,#d9d9d9 2px,#fbfbfb 2px,#fbfbfb 5px)}.legend__label{color:var(--quiet)}.legend__value{font-family:var(--display);font-weight:600;font-variant-numeric:tabular-nums}.legend__share{color:var(--faint);font-size:.78rem;text-align:right;font-variant-numeric:tabular-nums}.legend--inline{display:flex;gap:1.1rem;margin:.25rem 0 0}.legend--inline li{display:flex;gap:.45rem;padding:0;border:0;color:var(--quiet);font-size:.82rem}.leader{margin-top:1rem;padding:1rem 1.1rem;background:var(--inner);border-radius:var(--radius-inner)}.leader__name{margin:0;font-family:var(--display);font-weight:600;font-size:1rem;line-height:1.25}.leader__meta{display:flex;flex-wrap:wrap;gap:.25rem .85rem;margin:.3rem 0 0;color:var(--faint);font-size:.76rem}.leader__figure{margin:.6rem 0 0;font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.caps{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;list-style:none;margin:1.25rem 0 0;padding:0}.caps__col{display:flex;flex-direction:column;min-width:0}.caps__plot{position:relative;height:8.5rem}.caps__col+.caps__col .caps__plot{border-left:1px dashed #dedede}.caps__cap{position:absolute;left:12%;right:12%;animation:rise .52s cubic-bezier(.2,.9,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.caps__bar{display:block;height:4px;border-radius:2px;background:var(--ink)}.caps__value{display:block;margin-top:.3rem;color:var(--faint);font-family:var(--display);font-weight:500;font-size:.9rem;text-align:center;font-variant-numeric:tabular-nums}.caps__label{margin:.6rem 0 0;color:var(--quiet);font-size:.68rem;letter-spacing:.02em;text-align:center;overflow:hidden;text-overflow:ellipsis}.table-scroll{margin-top:1rem;padding:.35rem .5rem;background:var(--inner);border-radius:var(--radius-inner);overflow-x:auto}.table{width:100%;min-width:38rem;border-collapse:collapse}.table th{padding:.75rem .7rem;border-bottom:1px solid var(--hair);color:var(--faint);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap}.table td{padding:.8rem .7rem;border-bottom:1px solid var(--hair-soft);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table__figure{text-align:right}.table__row{cursor:pointer;transition:background .12s ease}.table__row:hover{background:#f7f7f7}.table__row[data-selected=true]{background:#f1f1f1}.table__open{padding:0;background:none;border:0;color:var(--ink);font-family:var(--data);font-size:.84rem;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .14s ease}.table__row:hover .table__open{text-decoration-color:currentColor}.table__client{font-weight:500}.table__quiet{color:var(--quiet);font-size:.86rem}.table__amount{font-family:var(--display);font-weight:600;font-variant-numeric:tabular-nums}.table--lines .line__name{display:block;font-weight:500}.table--lines .line__sku{display:block;margin-top:.15rem;color:var(--faint);font-size:.72rem}.tile--sheet{padding:clamp(1.2rem,2.4vw,2rem)}.sheet__top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--hair)}.sheet__number{margin:0;color:var(--faint);font-size:.78rem;letter-spacing:.08em}.sheet__client{margin:.2rem 0 .65rem;font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.03em;line-height:1.1}.sheet__amount{margin-left:auto;text-align:right}.sheet__amount .tile__figure{justify-content:flex-end}.sheet__sub{margin:.35rem 0 0;color:var(--quiet);font-size:.84rem}.seal{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .75rem;background:var(--ink);border-radius:999px;color:#fff;font-family:var(--body);font-size:.75rem;font-weight:600;letter-spacing:0}.seal__icon{width:14px;height:14px;color:var(--lime)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem 1.5rem;margin:1.25rem 0 0}.facts dt{color:var(--faint);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.facts dd{margin:.25rem 0 0;font-size:.92rem}.sheet__foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.5rem;margin-top:1.5rem}.sheet__foot--end{grid-template-columns:minmax(0,1fr)}.note{padding:1rem 1.1rem;background:var(--inner);border-radius:var(--radius-inner);max-width:32rem}.note p:last-child{margin:.4rem 0 0;font-size:.9rem;color:var(--ink)}.totals{width:min(20rem,100%);margin:0 0 0 auto;display:grid;gap:.4rem}.totals__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.totals__row dt{color:var(--quiet);font-size:.82rem}.totals__row dd{margin:0;font-family:var(--display);font-weight:600;font-variant-numeric:tabular-nums}.totals__row--grand{margin-top:.5rem;padding-top:.7rem;border-top:1px solid #d9d9d9}.totals__row--grand dt{color:var(--ink);font-weight:600}.totals__row--grand dd{font-weight:800;font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.035em}.sheet__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.block{margin-top:1.6rem}.block__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.block__label{margin-bottom:.7rem;color:var(--ink);font-weight:600}.block__head .block__label{margin-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.9rem 1rem}.field{display:grid;gap:.35rem;min-width:0}.field>span{color:var(--quiet);font-size:.74rem;font-weight:600;letter-spacing:.02em}.field--wide{grid-column:1 / -1}.field input,.field select,.field textarea{width:100%;padding:.6rem .8rem;background:var(--inner);border:1px solid var(--hair);border-radius:14px;font-size:.92rem;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.field textarea{min-height:4.5rem;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.lines__row select:focus,.lines__row input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #0b0a1414}.field input::placeholder,.field textarea::placeholder{color:var(--faint)}.lines{margin-top:.8rem;padding:.3rem .75rem .5rem;background:var(--inner);border-radius:var(--radius-inner)}.lines__head,.lines__row{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem 5.5rem 6.5rem 2rem;align-items:center;gap:.75rem}.lines__head{padding:.7rem .25rem;border-bottom:1px solid var(--hair);color:var(--faint);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.lines__row{padding:.6rem .25rem;border-bottom:1px solid var(--hair-soft);animation:lift .3s ease-out both}.lines__row:last-child{border-bottom:0}.lines__row select,.lines__row input{width:100%;padding:.5rem .65rem;background:var(--inner);border:1px solid var(--hair);border-radius:12px;font-size:.88rem;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.lines__row input{text-align:right;font-variant-numeric:tabular-nums}.lines__unit{display:block;margin-top:.2rem;color:var(--faint);font-size:.7rem;text-align:right}.lines__remove{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:50%;color:var(--faint);font-size:1.2rem;line-height:1;cursor:pointer;transition:background .14s ease,color .14s ease}.lines__remove:hover{background:#f4f4f4;color:var(--coral)}.add-product{margin-top:1.1rem;padding:1.1rem;background:var(--inner);border-radius:var(--radius-inner)}.add-product__actions{display:flex;justify-content:flex-end;margin-top:1rem}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;list-style:none;margin:1rem 0 0;padding:0}.product{display:flex;flex-direction:column;height:100%;padding:1.1rem;background:var(--inner);border-radius:var(--radius-inner)}.product__sku{margin:0;color:var(--faint);font-size:.7rem;letter-spacing:.06em}.product__name{margin:.35rem 0 0;font-family:var(--display);font-weight:600;font-size:1.02rem;line-height:1.25}.product__note{margin:.3rem 0 0;color:var(--quiet);font-size:.82rem}.product__price{display:flex;align-items:baseline;gap:.5rem;margin:1.1rem 0 0;font-family:var(--display);font-weight:700;font-size:1.4rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.product__price span{color:var(--faint);font-family:var(--body);font-weight:400;font-size:.76rem;letter-spacing:0}.product__action{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin-top:auto;padding:.85rem 0 0;background:none;border:0;color:var(--ink);font-size:.85rem;font-weight:600;text-align:left;cursor:pointer}.empty{margin:1rem 0 0;padding:1.4rem;background:var(--inner);border-radius:var(--radius-inner);color:var(--quiet);font-size:.9rem}.notice{margin:1.1rem 0 0;padding:.8rem 1rem;background:var(--late-bg);border-radius:16px;color:var(--late-ink);font-size:.88rem}@media (max-width: 1180px){.grid--head,.grid--foot{grid-template-columns:minmax(0,1fr)}.stack{grid-auto-flow:column;grid-auto-columns:1fr;grid-auto-rows:auto}}@media (max-width: 900px){.topbar{flex-wrap:wrap;min-height:auto;border-radius:var(--radius-tile);padding:.75rem 1rem 0}.brand{margin-right:auto}.tabs{order:3;width:100%;margin-right:0;border-top:1px solid var(--hair-soft)}.tab{padding:.8rem .7rem}.stamp-chip{display:none}}@media (max-width: 720px){.stack{grid-auto-flow:row}.search{min-width:100%}.lines__head{display:none}.lines__row{grid-template-columns:minmax(0,1fr) 5.5rem 2rem;row-gap:.5rem}.lines__row>*:nth-child(3){grid-column:1;text-align:left}.lines__row>*:nth-child(4){grid-column:2 / span 2}.sheet__foot{grid-template-columns:minmax(0,1fr)}.totals{width:100%}.sheet__amount{margin-left:0;text-align:left}.sheet__amount .tile__figure{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}