:root{--c-accent:#1f6f4a;--c-accent-strong:#185839;--c-accent-soft:#e7f2ec;--c-danger:#b3261e;--c-danger-soft:#fbeae9;--c-warning:#8a5a00;--c-warning-soft:#fdf3e0;--c-text:#14181a;--c-text-muted:#5a6469;--c-text-inverse:#fff;--c-bg:#f6f7f8;--c-surface:#fff;--c-border:#dfe3e6;--c-border-strong:#b9c0c5;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-numeric:var(--font-sans);--fs-base:18px;--fs-sm:15px;--fs-lg:21px;--fs-xl:27px;--fs-hero:40px;--lh-tight:1.2;--lh-base:1.45;--fw-regular:400;--fw-medium:500;--fw-bold:700;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--radius-sm:8px;--radius:14px;--radius-pill:999px;--shadow-card:0 1px 2px #14181a14, 0 2px 8px #14181a0a;--tap-min:48px;--tap-primary:56px;--safe-bottom:env(safe-area-inset-bottom,0px);--nav-height:64px;--z-nav:10;--z-sheet:20;--z-banner:30}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--c-text);background:var(--c-bg);-webkit-tap-highlight-color:transparent;margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{flex-direction:column;min-height:100dvh;display:flex}.app__main{padding:var(--sp-4) var(--sp-4) calc(var(--nav-height) + var(--safe-bottom) + var(--sp-5));flex:1;width:100%;max-width:640px;margin:0 auto}.nav{z-index:var(--z-nav);justify-content:center;gap:var(--sp-1);background:var(--c-surface);border-top:1px solid var(--c-border);padding-bottom:var(--safe-bottom);display:flex;position:fixed;inset:auto 0 0}.nav__link{max-width:128px;min-height:var(--nav-height);padding:var(--sp-2) var(--sp-1);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-muted);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.nav__link--active{color:var(--c-accent)}.nav__badge{border-radius:var(--radius-pill);background:var(--c-danger);min-width:22px;color:var(--c-text-inverse);font-size:13px;font-weight:var(--fw-bold);padding:0 6px;line-height:22px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--sp-4);margin-bottom:var(--sp-4)}.screen-title{font-size:var(--fs-xl);line-height:var(--lh-tight);font-weight:var(--fw-bold);margin:0 0 var(--sp-4)}.stat{justify-content:space-between;align-items:baseline;gap:var(--sp-3);padding:var(--sp-2) 0;display:flex}.stat__label{color:var(--c-text-muted);font-size:var(--fs-sm)}.stat__value{font-size:var(--fs-lg);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;white-space:nowrap}.stat--hero .stat__value{font-size:var(--fs-hero);font-weight:var(--fw-bold)}.muted{color:var(--c-text-muted)}.goal-bar{height:10px;margin-top:var(--sp-2);border-radius:var(--radius-pill);background:var(--c-border);overflow:hidden}.goal-bar__fill{background:var(--c-accent);height:100%}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap-min);padding:var(--sp-2) var(--sp-5);border-radius:var(--radius);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-base);font-weight:var(--fw-medium);cursor:pointer;border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.55;cursor:default}.btn--primary{min-height:var(--tap-primary);background:var(--c-accent);width:100%;color:var(--c-text-inverse);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.btn--primary:active:not(:disabled){background:var(--c-accent-strong)}.btn--secondary{border-color:var(--c-border-strong)}.btn--link{min-height:var(--tap-min);padding:var(--sp-2) 0;color:var(--c-accent);font-weight:var(--fw-medium);background:0 0;border:none;text-decoration:underline}.field{margin-bottom:var(--sp-4);display:block}.field__label{margin-bottom:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-muted);display:block}.field__input{width:100%;min-height:var(--tap-min);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface)}.notice{border-radius:var(--radius-sm);padding:var(--sp-3);margin-bottom:var(--sp-4);font-size:var(--fs-sm)}.notice--error{background:var(--c-danger-soft);color:var(--c-danger)}.notice--warning{background:var(--c-warning-soft);color:var(--c-warning)}.notice--info{background:var(--c-accent-soft);color:var(--c-accent-strong)}.banner{z-index:var(--z-banner);justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);font-weight:var(--fw-medium);display:flex;position:sticky;top:0}.banner--offline{background:var(--c-warning-soft);color:var(--c-warning)}.banner--update{background:var(--c-accent-soft);color:var(--c-accent-strong)}.centred{justify-content:center;align-items:center;gap:var(--sp-4);min-height:100dvh;padding:var(--sp-5);text-align:center;flex-direction:column;display:flex}.centred__body{max-width:380px}.spinner{border:3px solid var(--c-border);border-top-color:var(--c-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.task__head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.task__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin:0}.task__date{color:var(--c-text-muted);font-size:var(--fs-sm);white-space:nowrap}.task__lines{margin:0 0 var(--sp-4);padding:0;list-style:none}.task__line{gap:0 var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--c-border);grid-template-columns:1fr auto;display:grid}.task__line:last-child{border-bottom:none}.task__line--claimed .task__line-title,.task__line--claimed .task__line-amount{color:var(--c-text-muted);text-decoration:line-through}.task__line--cancelled{color:var(--c-text-muted)}.task__line-amount{font-variant-numeric:tabular-nums;white-space:nowrap}.task__line-by{font-size:var(--fs-sm);grid-column:1/-1}.task__secondary{margin-top:var(--sp-2);justify-content:center;display:flex}.screen-subtitle{margin:0 0 var(--sp-3);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.line{padding:var(--sp-3) 0;border-bottom:1px solid var(--c-border)}.line:last-child{border-bottom:none}.line--off{opacity:.6}.line--taken{gap:0 var(--sp-3);color:var(--c-text-muted);grid-template-columns:1fr auto;display:grid}.line__check{align-items:center;gap:var(--sp-3);min-height:var(--tap-min);cursor:pointer;grid-template-columns:auto 1fr auto;display:grid}.line__check input{width:24px;height:24px;accent-color:var(--c-accent)}.line__amount{font-variant-numeric:tabular-nums;white-space:nowrap}.line__by{font-size:var(--fs-sm);grid-column:1/-1}.line__control{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-left:calc(24px + var(--sp-3));margin-top:var(--sp-2);display:flex}.line__control-label{color:var(--c-text-muted);font-size:var(--fs-sm)}.line__select{width:auto;min-width:160px}.stepper{gap:var(--sp-2);display:flex}.stepper__button{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);font-size:var(--fs-lg);cursor:pointer;line-height:1}.stepper__button:disabled{opacity:.4;cursor:default}.rates{margin:0 0 var(--sp-4);padding:0;list-style:none}.rate{justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap-min);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);text-align:left;cursor:pointer;display:flex}.rate--selected{border-color:var(--c-accent);background:var(--c-accent-soft)}.rate__price{color:var(--c-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.journal{margin:0;padding:0;list-style:none}.journal__row{padding:var(--sp-3) 0;border-bottom:1px solid var(--c-border)}.journal__row:last-child{border-bottom:none}.journal__row--pending{opacity:.85}.journal__row--rejected .journal__what,.journal__row--rejected .journal__amount{color:var(--c-text-muted);text-decoration:line-through}.journal__main{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.journal__what{flex:1}.journal__amounts{white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.journal__amount{font-variant-numeric:tabular-nums;font-weight:var(--fw-medium)}.journal__meta{gap:var(--sp-1) var(--sp-3);margin-top:var(--sp-1);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.journal__flag{color:var(--c-warning)}.journal__actions{align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.filters{gap:var(--sp-3);display:flex}.filters__field{flex:1;margin-bottom:0}.month-picker{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.month-picker__label{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.earnings{margin:var(--sp-2) 0 0;padding:0;list-style:none}.earnings__row{justify-content:space-between;gap:var(--sp-3);padding:var(--sp-1) 0;color:var(--c-text-muted);font-size:var(--fs-sm);display:flex}.earnings__amount{font-variant-numeric:tabular-nums;white-space:nowrap}