:root{--paper:#f5f6f2;--ink:#1f2a44;--ink-70:#1f2a44b8;--ink-55:#1f2a4494;--ink-18:#1f2a442e;--ink-08:#1f2a4414;--gul:#f5c518;--gul-deep:#d9a400;--bjork:#2e7d4f;--lingon:#c0392b;--blue:#2456a6}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-family:Bricolage Grotesque,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}h1,h2,p,ul{margin:0}.wrap{max-width:640px;margin:0 auto;padding:1.25rem 1rem 3rem}.top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.min0{min-width:0}.title{letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:800;line-height:1.1;display:flex}.title svg{flex:none}.muted{color:var(--ink-55)}.small{font-size:.875rem}.red{color:var(--lingon)}.actions{flex:none;align-items:center;gap:.35rem;display:flex}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem .95rem;font-size:.95rem;font-weight:600;line-height:1;transition:background .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn.primary{background:var(--ink);color:#fff}.btn.primary:not(:disabled):hover{background:#2c3b60}.btn.ghost{border-color:var(--ink-18);color:var(--ink);background:0 0}.btn.ghost:not(:disabled):hover{background:var(--ink-08)}.btn.pay{background:var(--gul);border-color:var(--gul-deep);color:var(--ink)}.btn.pay:not(:disabled):hover{background:#ffd23a}.btn.danger{color:var(--lingon);background:0 0;border-color:#c0392b66}.btn.danger:not(:disabled):hover{background:#c0392b14}.btn.small{padding:.5rem .7rem;font-size:.875rem}.btn.tiny{padding:.3rem .5rem;font-size:.8rem}.icon-btn{width:2.25rem;height:2.25rem;color:var(--ink-70);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--ink-08);color:var(--ink)}.icon-btn.danger:hover{color:var(--lingon);background:#c0392b14}.btn:focus-visible,.icon-btn:focus-visible,.rowmain:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.banner{border-radius:8px;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.65rem .8rem;font-size:.9rem;display:flex}.banner svg{flex:none;margin-top:.1rem}.banner.warn{color:#6b4e00;background:#fff3c4}.banner.err{color:var(--lingon);background:#c0392b1a}.banner code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85em}.hero{border:1.5px solid var(--ink-18);background:#fff;border-radius:14px;padding:1.1rem}.tiles{flex-wrap:wrap;gap:6px;margin-bottom:1rem;display:flex}.tile{border:1.5px solid var(--ink-18);background:#fff;border-radius:5px;flex:none;width:22px;height:22px;transition:background .25s,border-color .25s}.tile.part{border-color:var(--gul-deep);background:linear-gradient(to top, var(--gul) var(--f,50%), #fff var(--f,50%))}.tile.full{background:var(--gul);border-color:var(--gul-deep)}.tile.mini{border-radius:4px;width:14px;height:14px}.tile.done{background:var(--bjork);border-color:var(--bjork)}.tile.late{border-color:var(--lingon);background:#c0392b26}.lead{font-size:1.5rem;font-weight:700;line-height:1.2}.payinfo{border-top:1px dashed var(--ink-18);white-space:pre-line;margin-top:.75rem;padding-top:.75rem;font-size:.95rem}.hero .btn{margin-top:.75rem}.figures{grid-template-columns:1fr 1fr;gap:1rem 1.25rem;margin:1.5rem 0 2rem;display:grid}@media (width>=560px){.figures{grid-template-columns:repeat(3,1fr)}}.figure .value{font-size:1.4rem;font-weight:700;line-height:1.2}.figure .label{color:var(--ink-70);font-size:.9rem;line-height:1.3}.figure .note{margin-top:.15rem;font-size:.8rem}.section{margin-bottom:2.25rem}.section-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.h{font-size:1.2rem;font-weight:700}.search{border:1.5px solid var(--ink-18);color:var(--ink-55);background:#fff;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .65rem;display:flex}.search input{font:inherit;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.list{border-top:1px solid var(--ink-18);padding:0;list-style:none}.row{border-bottom:1px solid var(--ink-18);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.7rem 0;display:flex}.grow{flex:1;min-width:10rem}.rowmain{text-align:left;min-width:10rem;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:0}.rowmain:disabled{cursor:default}.rowmain .name,.rowmain .sub{display:block}.name{font-weight:600}.sub{color:var(--ink-55);font-size:.875rem}.sub.red{color:var(--lingon)}.amount{white-space:nowrap;font-weight:700}.chev{vertical-align:-2px;margin-left:.25rem;transition:transform .15s;display:inline-block}.chev.open{transform:rotate(180deg)}.rowactions{align-items:center;gap:.25rem;display:flex}.payments{border-left:2px solid var(--ink-18);flex-basis:100%;margin:.25rem 0 0 calc(14px + .75rem);padding:0;list-style:none}.payments li{flex-wrap:wrap;align-items:center;gap:.6rem;padding:.35rem 0 .35rem .75rem;font-size:.9rem;display:flex}.pwhen{color:var(--ink-55);min-width:7rem}.pnote{color:var(--ink-70);flex:1;min-width:0}.pamount{font-weight:600}.foot{margin-top:1rem}.foot p+p{margin-top:.25rem}.modal-backdrop{z-index:50;background:#1f2a4473;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{color:var(--ink);background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:460px;max-height:92vh;padding:1.25rem 1.25rem 1.5rem;overflow:auto}@media (width>=560px){.modal-backdrop{align-items:center;padding:1rem}.modal{border-radius:14px}}.modal-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.modal-title{font-size:1.25rem;font-weight:700;line-height:1.2}.field{margin-bottom:.9rem;display:block}.field>span{margin-bottom:.3rem;font-size:.875rem;font-weight:600;display:block}.field input,.field textarea{width:100%;font:inherit;border:1.5px solid var(--ink-18);color:var(--ink);background:#fff;border-radius:8px;padding:.6rem .7rem}.field textarea{resize:vertical;line-height:1.5}.hint{color:var(--ink-55);margin-top:.35rem;font-size:.8rem;display:block}.filepick{cursor:pointer}.filepick input[type=file]{display:none}.filepreview{align-items:center;gap:.6rem;display:flex}.filepreview img{object-fit:cover;border:1.5px solid var(--ink-18);border-radius:8px;flex:none;width:56px;height:56px}.receipt-full{border:1.5px solid var(--ink-18);border-radius:10px;width:100%;display:block}.pill{vertical-align:2px;background:var(--gul);white-space:nowrap;border-radius:999px;margin-left:.5rem;padding:.15rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.rthumb{border:1.5px solid var(--ink-18);cursor:pointer;width:48px;height:48px;color:var(--ink-55);background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.rthumb img{object-fit:cover;width:100%;height:100%;display:block}.rthumb.empty{cursor:default}.checked{color:var(--bjork);white-space:nowrap;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;display:inline-flex}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.1rem;display:flex}.dangerzone{border-top:1px solid var(--ink-18);margin-top:1.5rem;padding-top:1rem}.form-error{color:var(--lingon);margin-top:-.4rem;margin-bottom:.8rem;font-size:.875rem}.field input,.field textarea,.search input{font-size:16px}@media (width<=480px){.btn{padding:.7rem .95rem}.btn.small{padding:.6rem .8rem}.btn.tiny{padding:.45rem .6rem}.icon-btn{width:2.5rem;height:2.5rem}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{justify-content:center;width:100%}.pwhen{min-width:0}.figure .value{font-size:1.25rem}}.modal{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}@media (width>=560px){.modal{padding-bottom:1.5rem}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@media (prefers-reduced-motion:reduce){.tile,.btn,.chev{transition:none}.spin{animation:none}}