:root{--color-bg:#f6f7f9;--color-surface:#fff;--color-text:#1f2933;--color-muted:#52606d;--color-brand:#0f766e;--color-on-brand:#fff;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-text);background:var(--color-bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#111418;--color-surface:#1b2027;--color-text:#e6e9ed;--color-muted:#9aa5b1}}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);min-height:100dvh;margin:0}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header{padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-3) var(--space-3);background:var(--color-brand);color:var(--color-on-brand)}.app-header h1{margin:0;font-size:1.25rem}.app-main{width:100%;max-width:40rem;padding:var(--space-3) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));flex:1;margin:0 auto}.placeholder{color:var(--color-muted)}:root{--color-border:#d9dee4;--color-danger:#b42318;--radius:.75rem;--tap:2.75rem}@media (prefers-color-scheme:dark){:root{--color-border:#323a44;--color-danger:#f97066}}.card{margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.card h2{margin:0 0 var(--space-2);font-size:1.125rem}.form{gap:var(--space-3);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;font-weight:600;display:flex}.field input,.field select{min-height:var(--tap);padding:0 var(--space-2);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font:inherit;border-radius:.5rem;font-size:1rem;font-weight:400}.field input[aria-invalid=true]{border-color:var(--color-danger)}.field-error,[role=alert]{color:var(--color-danger)}.field-error{margin:calc(-1 * var(--space-2)) 0 0}.button{min-height:var(--tap);padding:0 var(--space-3);background:var(--color-brand);color:var(--color-on-brand);font:inherit;cursor:pointer;border:0;border-radius:.5rem;font-weight:600}.button:disabled{opacity:.5;cursor:default}.button-secondary{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.muted{color:var(--color-muted)}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.plain-list li:last-child{border-bottom:0}.state{padding:var(--space-4) var(--space-3);text-align:center;color:var(--color-muted)}.state .button{margin-top:var(--space-2)}.bottom-nav{border-top:1px solid var(--color-border);background:var(--color-surface);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}.bottom-nav-link{min-height:3.5rem;color:var(--color-muted);flex:1;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.bottom-nav-link.active{color:var(--color-brand);box-shadow:inset 0 2px 0 var(--color-brand)}:root{--color-warning-bg:#fff4e5;--color-warning-text:#7a4a00}@media (prefers-color-scheme:dark){:root{--color-warning-bg:#3a2a10;--color-warning-text:#f5c97a}}.page-title{margin:0 0 var(--space-3);font-size:1.25rem}.amount{font-variant-numeric:tabular-nums;font-weight:600}.amount-large{font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem;font-weight:700}.summary{gap:var(--space-1);flex-direction:column;display:flex}.summary .amount{font-size:1.5rem}.list-row{justify-content:space-between;gap:var(--space-3);min-height:var(--tap);color:inherit;text-decoration:none;display:flex}.list-row-main,.list-row-side{flex-direction:column;display:flex}.list-row-side{text-align:right;align-items:flex-end}.list-row-title{font-weight:600}.split-row{justify-content:space-between;gap:var(--space-3);display:flex}.tag{margin-left:var(--space-2);padding:0 var(--space-2);background:var(--color-warning-bg);color:var(--color-warning-text);border-radius:999px;font-size:.8125rem;font-weight:600;display:inline-block}p.tag{margin:var(--space-2) 0 0}.warning{padding:var(--space-2) var(--space-3);background:var(--color-warning-bg);color:var(--color-warning-text);border-radius:.5rem;margin:0}.timeline{padding:0 0 0 var(--space-3);border-left:2px solid var(--color-border);margin:0;list-style:none}.timeline li{padding:0 0 var(--space-3);flex-direction:column;display:flex}.field textarea{padding:var(--space-2);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font:inherit;border-radius:.5rem;font-size:1rem;font-weight:400}.field-hint{font-size:.875rem;font-weight:400}.field-label{margin:0 0 var(--space-1);font-weight:600}.field .field-error{margin:0;font-weight:400}.check{align-items:center;gap:var(--space-2);min-height:var(--tap);display:flex}.check input{width:1.25rem;height:1.25rem}.button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button-danger{background:var(--color-danger)}.button-row{gap:var(--space-2);display:flex}.button-column{gap:var(--space-2);flex-direction:column;display:flex}.fab{right:var(--space-3);bottom:calc(3.5rem + var(--space-3) + env(safe-area-inset-bottom));background:var(--color-brand);width:3.5rem;height:3.5rem;color:var(--color-on-brand);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;line-height:1;text-decoration:none;display:flex;position:fixed;box-shadow:0 4px 12px #00000040}.app-main{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.week-nav{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.week-nav-title{align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.week-nav-title h2{margin:0;font-size:1.125rem}.week-nav-title .tag{margin-left:0;text-decoration:none}.icon-button{width:var(--tap);height:var(--tap);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:50%;font-size:1.5rem;line-height:1}.summary-list,.summary-list dd{margin:0}.summary-list>div{padding:var(--space-1) 0}.summary-total,.summary-difference{border-top:1px solid var(--color-border);font-weight:600}.summary-difference{font-size:1.125rem}.summary-difference.is-short{color:var(--color-danger)}.member-paydays h3{margin:var(--space-2) 0 0;font-size:1rem}.row-link{min-height:var(--tap);color:inherit;align-items:center;text-decoration:none}.offline-banner{padding:var(--space-2) var(--space-3);background:var(--color-warning-bg);color:var(--color-warning-text);text-align:center;margin:0;font-weight:600}
