:root{--color-bg:#f7f3ed;--color-surface:#fffdf9;--color-surface-raised:#fff;--color-ink:#1a1a1a;--color-muted:#5c534a;--color-border:#e8dfd3;--color-in:#2d6a4f;--color-in-soft:#e8f3ec;--color-out:#c45c4a;--color-out-soft:#fceee9;--color-accent:#1e4d5c;--color-accent-soft:#e3eef1;--color-open:#1e4d5c;--color-done:#2d6a4f;--color-empty:#9a9086;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-body:1.125rem;--font-size-label:1rem;--font-size-display:2.25rem;--font-size-hero:2.5rem;--font-weight-bold:700;--font-weight-medium:600;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.75rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-full:9999px;--shadow-card:0 4px 24px #1a1a1a0f;--touch-min:3rem;--max-width:28rem;--nav-height:4.25rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-body);color:var(--color-ink);background:var(--color-bg);margin:0;line-height:1.45}#root{min-height:100dvh}.app-shell{max-width:var(--max-width);min-height:100dvh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}.app-main{padding:var(--space-md) var(--space-md) var(--space-xl);flex:1}.safe-top{padding-top:env(safe-area-inset-top,0px)}.card{background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg);border:1px solid var(--color-border)}.card--flat{box-shadow:none;background:var(--color-surface)}.page-title{font-size:1.5rem;font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm)}.page-sub{color:var(--color-muted);margin:0 0 var(--space-lg);font-size:var(--font-size-label)}.hero-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}.hero-stat{text-align:center;padding:var(--space-md);border-radius:var(--radius-md)}.hero-stat--in{background:var(--color-in-soft)}.hero-stat--out{background:var(--color-out-soft)}.hero-stat--net{background:var(--color-accent-soft)}.hero-stat__label{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-muted);margin-bottom:var(--space-xs);display:block}.hero-stat__value{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:1.1;display:block}.hero-stat--in .hero-stat__value{color:var(--color-in)}.hero-stat--out .hero-stat__value{color:var(--color-out)}.hero-stat--net .hero-stat__value{color:var(--color-accent)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);min-height:var(--touch-min);padding:0 var(--space-lg);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;border:2px solid #0000;font-family:inherit;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:#fff}.btn--in{background:var(--color-in);color:#fff}.btn--out{background:var(--color-out);color:#fff}.btn--ghost{border-color:var(--color-border);color:var(--color-ink);background:0 0}.btn--block{width:100%}.btn-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.chip{min-height:2.75rem;padding:0 var(--space-md);border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit}.chip--active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.badge{border-radius:var(--radius-full);font-size:.875rem;font-weight:var(--font-weight-medium);padding:.25rem .75rem;display:inline-block}.badge--open{background:var(--color-accent-soft);color:var(--color-open)}.badge--done{background:var(--color-in-soft);color:var(--color-done)}.badge--empty{color:var(--color-empty);background:#eee8e0}.field{margin-bottom:var(--space-lg)}.field label{font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm);display:block}.field input,.field select,.field textarea{width:100%;min-height:var(--touch-min);padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-family:inherit;font-size:1.25rem}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--color-accent);outline-offset:2px}.insight{padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-label);margin-bottom:var(--space-lg)}.insight--positive{border-color:var(--color-in);background:var(--color-in-soft)}.insight--negative{border-color:var(--color-out);background:var(--color-out-soft)}.line-row{align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);display:flex}.line-row:last-child{border-bottom:none}.line-row__amount{font-size:1.25rem;font-weight:var(--font-weight-bold);text-align:right;min-width:5rem}.line-row__amount--in{color:var(--color-in)}.line-row__amount--out{color:var(--color-out)}.line-row__meta{flex:1;min-width:0}.line-row__cat{font-weight:var(--font-weight-medium)}.line-row__note{color:var(--color-muted);font-size:.9375rem}.bottom-nav{height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-surface-raised);border-top:1px solid var(--color-border);z-index:50;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__inner{max-width:var(--max-width);width:100%;display:flex}.bottom-nav__link{min-height:var(--nav-height);color:var(--color-muted);font-size:.8125rem;font-weight:var(--font-weight-medium);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.125rem;text-decoration:none;display:flex}.bottom-nav__link--active{color:var(--color-accent)}.sheet-backdrop{z-index:100;background:#1a1a1a73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:var(--max-width);background:var(--color-surface-raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90dvh;padding:var(--space-lg);padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px));overflow-y:auto}.sheet__title{font-size:1.375rem;font-weight:var(--font-weight-bold);margin:0 0 var(--space-lg)}.toast{bottom:calc(var(--nav-height) + var(--space-md) + env(safe-area-inset-bottom,0px));max-width:calc(var(--max-width) - 2rem);width:calc(100% - 2rem);padding:var(--space-md) var(--space-lg);background:var(--color-ink);color:#fff;border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-md);z-index:200;font-size:var(--font-size-label);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast button{color:#9dd4ff;font-weight:var(--font-weight-bold);font-size:var(--font-size-label);cursor:pointer;min-height:var(--touch-min);padding:0 var(--space-sm);background:0 0;border:none}.banner{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-weight:var(--font-weight-medium)}.banner--ok{background:var(--color-in-soft);color:var(--color-in)}.banner--warn{background:var(--color-out-soft);color:var(--color-out)}.month-card{color:inherit;margin-bottom:var(--space-md);text-decoration:none;display:block}.month-card__bar{border-radius:var(--radius-full);background:var(--color-border);height:.5rem;margin-top:var(--space-sm);display:flex;overflow:hidden}.month-card__bar-in{background:var(--color-in)}.month-card__bar-out{background:var(--color-out)}.loading-screen{min-height:100dvh;color:var(--color-muted);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.photo-thumb{object-fit:cover;border-radius:var(--radius-md);cursor:pointer;width:100%;max-height:12rem}.photo-fullscreen{z-index:300;padding:var(--space-md);background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.photo-fullscreen img{object-fit:contain;max-width:100%;max-height:100%}.chart-wrap{width:100%;height:12rem;margin:var(--space-md) 0}.section-head{font-size:1.125rem;font-weight:var(--font-weight-bold);margin:var(--space-xl) 0 var(--space-md)}.list-footer-totals{margin-top:var(--space-md);padding-top:var(--space-md);border-top:2px solid var(--color-border);font-weight:var(--font-weight-medium)}.page-enter{animation:.25s ease-out pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-enter{animation:none}}