:root{--bg:#f3f5f7;--surface:#fff;--surface-2:#f3f5f7;--text:#14181d;--muted:#5a6370;--border:#e2e6eb;--accent:#1f6f5c;--accent-text:#fff;--accent-soft:#e2f1ec;--danger:#b93026;--danger-soft:#fbe9e7;--ok:#1f6f5c;--warning:#c98a00;--critical:#d03b3b;--shadow:0 1px 2px #1018200f, 0 4px 16px #1018200d;--radius:16px;--radius-s:12px;--tabbar:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e1114;--surface:#181d22;--surface-2:#20262d;--text:#e9ecef;--muted:#9aa4b1;--border:#2a3138;--accent:#52b79f;--accent-text:#0b1512;--accent-soft:#1b332d;--danger:#f08a80;--danger-soft:#3a1f1c;--ok:#52b79f;--warning:#fab219;--critical:#ef6a61;--shadow:0 1px 2px #0000004d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0}h1,h2,p,ul,dl,dd{margin:0}h1{letter-spacing:-.01em;font-size:1.5rem;line-height:1.2}h2{font-size:1.05rem}a{color:var(--accent)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){button,a,.meter-fill{transition:background-color .15s,border-color .15s,width .3s}}.screen{max-width:560px;padding:16px 16px calc(var(--tabbar) + 40px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.screen.with-action{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.screen.narrow{max-width:420px;padding-top:14vh;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.screen.center{justify-content:center;align-items:center;min-height:100dvh}.page-header{align-items:center;gap:4px;min-height:44px;display:flex}.page-header h1{overflow-wrap:anywhere;flex:1;min-width:0}.icon-button{width:44px;height:44px;min-height:0;color:var(--text);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--surface-2)}.page-header .icon-button:first-child{margin-left:-10px}.bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:16px;display:flex}.card.highlight{border-color:var(--accent)}.card.warning{border-color:var(--critical)}.card.warning ul{padding-left:20px}.section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.82rem;font-weight:600}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--danger)}.error.small{font-size:.9rem}.break{overflow-wrap:anywhere}.notice{border-radius:var(--radius-s);background:var(--accent-soft);color:var(--text);padding:12px 14px;font-size:.95rem}button,a.button{font:inherit;border-radius:var(--radius-s);background:var(--accent);min-height:48px;color:var(--accent-text);cursor:pointer;text-align:center;border:0;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}button.secondary,a.button.secondary{background:var(--surface-2);color:var(--text)}button.link{color:var(--accent);background:0 0;align-self:flex-start;min-height:44px;padding:8px 2px;font-weight:500}button.link.danger,a.danger{color:var(--danger)}form{flex-direction:column;gap:14px;display:flex}label,.field-label{color:var(--muted);flex-direction:column;gap:6px;font-size:.88rem;font-weight:500;display:flex}input,select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);width:100%;min-width:0;min-height:48px;padding:12px 14px;font-weight:400}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--muted);opacity:.8}input[readonly]{opacity:.7}label.check{color:var(--text);flex-direction:row;align-items:flex-start;gap:12px;font-size:.95rem;font-weight:400}label.check input{width:22px;height:22px;min-height:0;accent-color:var(--accent);flex-shrink:0;margin:1px 0 0;padding:0}.code{letter-spacing:.12em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.4rem}.inline-form{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.inline-form>input{flex:1;min-width:150px}.inline-form>button.link{align-self:center}.file-button{cursor:pointer;position:relative}.file-button input{opacity:0;cursor:pointer;min-height:0;position:absolute;inset:0}.file-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.segmented{border-radius:var(--radius-s);background:var(--surface-2);border:1px solid var(--border);gap:2px;padding:3px;display:flex}.segmented button{min-height:40px;color:var(--muted);background:0 0;border-radius:9px;flex:1;padding:6px 4px;font-size:.92rem;font-weight:500}.segmented button.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #10182024}.pills{flex-wrap:wrap;gap:8px;display:flex}.pills button{background:var(--surface-2);min-height:40px;color:var(--text);border:1px solid #0000;border-radius:20px;padding:8px 14px;font-size:.92rem;font-weight:500}.pills button.active{background:var(--accent-soft);border-color:var(--accent);font-weight:600}.action-bar{z-index:5;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.action-bar>*{width:100%;max-width:528px}.list{padding:0;list-style:none}.list>li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.list>li:first-child{border-top:0;padding-top:0}.list>li:last-child{padding-bottom:0}.list>li:not(.item)>div,.row-text{overflow-wrap:anywhere;flex-direction:column;gap:1px;min-width:0;display:flex}.list>li.item{flex-direction:column;align-items:stretch;gap:8px}.item-line{justify-content:space-between;align-items:center;gap:12px;display:flex;flex-direction:row!important}.item-line>div{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.list li>a.row,a.row{min-height:48px;color:var(--text);flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}a.row .row-text{flex:1}.end{flex-shrink:0;align-items:center;gap:12px;display:flex;flex-direction:row!important}.amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.amount.income{color:var(--accent)}.amount.total{font-size:1.35rem;font-weight:700}.pending{color:var(--accent);font-size:.9rem}.avatar{background:var(--surface-2);width:40px;height:40px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;line-height:1;display:flex}.menu{padding:0;list-style:none}.menu li+li{border-top:1px solid var(--border)}.menu a,.menu button{width:100%;min-height:56px;color:var(--text);text-align:left;background:0 0;border-radius:0;justify-content:flex-start;align-items:center;gap:12px;padding:8px 0;font-weight:500;text-decoration:none;display:flex}.menu .row-text{flex:1}.menu .chevron{color:var(--muted)}.menu .danger{color:var(--danger)}.meter{background:color-mix(in srgb, var(--meter,var(--ok)) 18%, var(--surface));border-radius:3px;height:6px;overflow:hidden}.meter-fill{background:var(--meter,var(--ok));border-radius:3px;min-width:3px;height:100%}.meter.plain{--meter:var(--muted)}.meter.warning{--meter:var(--warning)}.meter.critical{--meter:var(--critical)}.status{color:var(--muted);font-size:.86rem}.status.warning,.status.critical{color:var(--text);font-weight:500}.month-switch{justify-content:space-between;align-items:center;gap:4px;display:flex}.month-switch h1{text-align:center;flex:1;font-size:1.2rem}.hero{gap:14px}.hero-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:700;line-height:1.1}.trend{background:var(--surface-2);color:var(--text);border-radius:14px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:.88rem;font-weight:500;display:inline-flex}.trend.up{background:var(--danger-soft)}.trend.down{background:var(--accent-soft)}.stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;display:grid}.stats dt{color:var(--muted);font-size:.8rem}.stats dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:.95rem;font-weight:600}.stats dd small{color:var(--muted);font-size:.78rem;font-weight:400;display:block}.budget-row{color:var(--text);flex-direction:row;align-items:center;gap:12px;width:100%;font-size:1rem;display:flex}.budget-row .row-text{flex:1}.budget-row input{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:124px}.category-row{border-top:1px solid var(--border);grid-template-columns:40px 1fr;align-items:center;gap:4px 12px;padding:10px 0;display:grid}.category-row:first-child{border-top:0;padding-top:0}.category-row .avatar{grid-row:span 3;align-self:start}.tabbar{z-index:5;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:center;width:100%;max-width:560px;display:grid}.tabbar a{min-height:var(--tabbar);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.72rem;font-weight:500;text-decoration:none;display:flex}.tabbar a.active{color:var(--accent);font-weight:600}.tabbar .add{border-radius:50%;justify-self:center;width:56px;height:56px;min-height:0;margin-top:-18px;padding:0;box-shadow:0 4px 14px #10182047}.sheet-backdrop{z-index:20;background:#080c1073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;padding:10px 16px calc(16px + env(safe-area-inset-bottom));background:var(--surface);border-radius:20px 20px 0 0;flex-direction:column;gap:8px;display:flex}.sheet:before{content:"";background:var(--border);border-radius:2px;align-self:center;width:40px;height:4px;margin-bottom:6px}.sheet a{border-radius:var(--radius-s);background:var(--surface-2);min-height:68px;color:var(--text);align-items:center;gap:14px;padding:10px 12px;text-decoration:none;display:flex}.sheet a .avatar{background:var(--accent);color:var(--accent-text)}@media (prefers-reduced-motion:no-preference){.sheet{animation:.2s ease-out sheet-in}.toast{animation:.2s ease-out toast-in}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.toast{left:16px;right:16px;bottom:calc(var(--tabbar) + 28px + env(safe-area-inset-bottom));z-index:30;border-radius:var(--radius-s);background:var(--text);max-width:420px;color:var(--bg);text-align:center;pointer-events:none;margin:0 auto;padding:12px 16px;font-size:.95rem;font-weight:500;position:fixed;box-shadow:0 6px 20px #1018204d}.amount-field{color:var(--text);justify-content:center;align-items:baseline;gap:6px;padding:8px 0 4px;display:flex}.amount-field input{border:0;border-bottom:2px solid var(--border);text-align:center;font-variant-numeric:tabular-nums;background:0 0;border-radius:0;width:100%;max-width:210px;min-height:60px;padding:4px 0;font-size:2.4rem;font-weight:700}.amount-field input:focus{border-bottom-color:var(--accent);outline:none}.amount-field span{color:var(--muted);font-size:1.6rem;font-weight:600}.picker{flex-direction:column;gap:10px;display:flex}.chips{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:12px 4px;padding:0;list-style:none;display:grid}.chip{width:100%;min-height:0;color:var(--text);background:0 0;flex-direction:column;align-items:center;gap:5px;padding:2px;font-weight:400;display:flex}.chip-icon{background:var(--surface-2);width:54px;height:54px;color:var(--muted);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;line-height:1;display:flex}.chip-icon.plus{border:2px dashed var(--border);color:var(--accent);background:0 0;font-size:1.7rem;font-weight:400}.chip.active .chip-icon{background:var(--accent-soft);border-color:var(--accent)}.chip-label{text-align:center;overflow-wrap:anywhere;font-size:.76rem;line-height:1.2}.chip.active .chip-label{color:var(--accent);font-weight:600}.chip-hint{color:var(--muted);text-align:center;font-size:.7rem}button.tag{border:1px solid var(--border);background:var(--surface-2);min-height:36px;color:var(--text);border-radius:18px;align-self:flex-start;padding:6px 12px;font-size:.86rem;font-weight:500}button.tag.empty{color:var(--accent);background:0 0;border-style:dashed}.day-header{justify-content:space-between;align-items:baseline;gap:12px;padding:6px 2px 0;display:flex}.scanner{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-s);background:#000;width:100%;max-height:56vh}img.photo{border-radius:var(--radius-s);width:100%;margin-top:8px;display:block}summary{cursor:pointer;color:var(--accent);align-items:center;min-height:44px;font-weight:500;display:flex}form.edit{border-radius:var(--radius-s);background:var(--surface-2);gap:10px;padding:12px}.row3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}@media (width<=360px){.stats{grid-template-columns:1fr 1fr}.hero-value{font-size:1.9rem}}.card.row{flex-direction:row;align-items:center}.pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}label.button{border-radius:var(--radius-s);flex-direction:row;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 18px;font-size:1rem;font-weight:600}label.button.secondary{background:var(--surface-2);color:var(--text)}details.card>summary{min-height:24px}details.card[open]>summary{margin-bottom:4px}