:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233b35;background:#f5f4ee;font-size:16px;font-synthesis:none;--green:#254e45;--muted:#667770;--line:#dce2d9;--orange:#a34c30}*{box-sizing:border-box}body{margin:0;padding-bottom:calc(96px + env(safe-area-inset-bottom))}header{max-width:1060px;margin:auto;padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center}.brand{color:var(--green);font-size:21px;font-weight:750;text-decoration:none;letter-spacing:-.8px}.mark{display:inline-grid;place-items:center;background:var(--green);color:white;width:35px;height:35px;border-radius:11px;margin-right:8px;font-size:29px;vertical-align:middle}main{max-width:980px;margin:22px auto;padding:0 24px}h1{font-size:clamp(29px,5vw,39px);letter-spacing:-1.3px;line-height:1.15;margin:8px 0 25px}h2{font-size:20px;letter-spacing:-.5px;margin:0 0 18px}h3{font-size:16px;margin:0 0 5px}p{line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:12px;font-weight:750;color:var(--muted)}.subtle,small{color:var(--muted);font-size:14px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:18px}.timer-card{background:#e8eee3;border-color:#d7e2d0}.status{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650}.dot{width:9px;height:9px;border-radius:50%;background:#8d9b85}.dot.active{background:#32765e;box-shadow:0 0 0 5px #32765e15}.timer{font-variant-numeric:tabular-nums;font-size:clamp(48px,10vw,74px);font-weight:650;letter-spacing:-3px;margin:17px 0 2px;line-height:1.2}.grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:start}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px}.stat strong{display:block;font-size:29px;font-weight:650;letter-spacing:-1px;margin-top:8px}.owed{background:#f6eadc;border-color:#ead9c3}.owed strong{font-size:34px}.row{display:flex;gap:14px;justify-content:space-between;align-items:center}.row.start{align-items:start}.entry{padding:17px 0;border-bottom:1px solid var(--line)}.entry:last-child{border-bottom:0}.entry p{margin:3px 0}.entry strong{font-variant-numeric:tabular-nums}.pill{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:4px 9px;white-space:nowrap}.pill.outstanding{background:#fbefde;color:#83501d;border-color:#ead5b5}label{display:block;font-size:14px;font-weight:600;margin:17px 0 7px}input,select,textarea{width:100%;font:inherit;font-size:16px;border:1px solid #bdcbc2;border-radius:11px;padding:12px;background:#fff;color:#233b35;min-height:48px}textarea{resize:vertical;min-height:78px}button,.button{font:inherit;font-weight:650;border:0;border-radius:12px;background:var(--green);color:white;cursor:pointer;padding:13px 19px;min-height:46px;touch-action:manipulation;text-decoration:none;display:inline-block;text-align:center}button:disabled{opacity:.5;cursor:wait}button.secondary,.button.secondary{background:#e9ede6;color:var(--green)}button.danger{background:var(--orange)}button.quiet{background:transparent;color:var(--green);padding:9px 10px;font-size:14px}button.big{width:100%;font-size:19px;min-height:64px;margin-top:22px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.actions>*{flex:1}.check{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:400}.check input{width:19px;min-height:19px}.empty{padding:25px 0;color:var(--muted);font-size:14px;text-align:center}.connection{margin:0 0 20px;font-size:13px;color:var(--muted)}.connection.warning{color:#99502f;background:#fcebdc;border-radius:10px;padding:12px}.bar{height:8px;border-radius:10px;background:#e7ede4;margin:8px 0 18px;overflow:hidden}.bar i{display:block;background:#668c70;height:100%;border-radius:10px}nav{position:fixed;bottom:0;left:0;right:0;background:#fffefbf5;backdrop-filter:blur(15px);border-top:1px solid var(--line);display:flex;justify-content:center;padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:5}nav button{background:none;color:#78847b;display:grid;gap:3px;place-items:center;flex:1;max-width:180px;font-size:23px;padding:7px}nav span{font-size:12px}nav button.active{color:var(--green);background:#e9eee3}dialog{border:1px solid var(--line);border-radius:22px;padding:24px;width:min(620px,calc(100% - 24px));max-height:90dvh;color:#233b35}dialog::backdrop{background:#172d2866;backdrop-filter:blur(3px)}dialog form{margin:0}.segment{padding:14px;background:#f5f6f1;border-radius:13px;margin:15px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}#notice{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#203e35;color:#fff;padding:14px 20px;border-radius:13px;z-index:20;width:max-content;max-width:calc(100% - 30px);box-shadow:0 8px 25px #0002}.login{max-width:420px;margin:65px auto}.install{margin:20px 0;color:var(--muted);font-size:13px}.balance-label{font-size:14px}.report-total{font-size:40px;font-weight:700;margin:8px 0}.audit{border-left:3px solid #d7e2d0;padding:0 0 18px 14px;margin:15px 0;overflow-wrap:anywhere}.audit pre{white-space:pre-wrap;font-size:12px}a{color:#2a6152}*:focus-visible{outline:3px solid #c38b42;outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){header{padding:20px 20px 10px}main{padding:0 20px;margin-top:16px}.grid{grid-template-columns:1fr;gap:0}.card{padding:21px}.timer{font-size:61px}.two{grid-template-columns:1fr}.stats .stat{padding:18px}h1{margin-bottom:20px}.login{margin:35px auto}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}button:active{transform:scale(.98)}}

.mobile-overview{display:none}.optional-note{margin-top:16px;font-size:14px;color:var(--green)}.optional-note summary{cursor:pointer;min-height:28px}@media(max-width:700px){.mobile-overview{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin:-8px 0 18px}.mobile-overview strong{display:block;font-size:21px;letter-spacing:-.5px;margin-top:3px}.timer-card .timer{margin-top:10px}.timer-card label{margin-top:12px}.timer-card p{margin:4px 0 12px}.timer-card button.big{margin-top:14px}.connection{margin-bottom:14px}}