:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4eee3;--surface:#fffcf6b8;--surface-solid:#fbf7f0;--surface-2:#e8decc8c;--text:#2f3a2f;--muted:#66684f;--border:#6e604829;--brand:#557458;--sand:#d8c3a0;--ok:#4e6b51;--ok-soft:#8fa98a47;--warn:#8a5a12;--warn-soft:#e8b96e4d;--bad:#a0432d;--bad-soft:#c96e5633;--glass:#fffcf69e;--glass-strong:#fffbf494;--glass-border:#ffffffb3;--glass-highlight:inset 0 1px 0 #ffffffd9;--shadow:0 1px 2px #5640280f, 0 8px 24px #56402814;--shadow-float:0 2px 6px #56402814, 0 16px 40px #56402824;--blur:blur(24px) saturate(160%);--ambient-1:#8fa98a61;--ambient-2:#d8c3a08c;--ambient-3:#f2b8c64d;--ambient-4:#86aedb3d;--ambient-5:#b5523b1a;--radius:22px;--radius-control:14px;--radius-sheet:28px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-rounded:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, sans-serif;--accent:#557458;--accent-soft:#8fa98a4d;--on-accent:#fff}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-accent=pink]{--accent:#b05a77;--accent-soft:#f2b8c673;--ambient-3:#f2b8c66b}[data-accent=blue]{--accent:#4a76ab;--accent-soft:#b0cdee80;--ambient-4:#86aedb5c}[data-accent=sage]{--accent:#557458;--accent-soft:#8fa98a52}[data-accent=brick]{--accent:#a9472f;--accent-soft:#d68c764d;--ambient-5:#b5523b2e}@media (prefers-color-scheme:dark){:root{--bg:#1c1814;--surface:#302821a8;--surface-solid:#2a231d;--surface-2:#4a3e328c;--text:#f2e9dc;--muted:#bfaf99;--border:#ffecd21a;--brand:#a9c7a6;--sand:#8a7558;--ok:#a9c7a6;--ok-soft:#6e916a47;--warn:#f0c27a;--warn-soft:#b07c2c47;--bad:#e7967f;--bad-soft:#a9472f4d;--glass:#2c241e8c;--glass-strong:#28211b99;--glass-border:#ffe6c81f;--glass-highlight:inset 0 1px 0 #ffecd614;--shadow:0 1px 2px #00000040, 0 8px 24px #00000040;--shadow-float:0 2px 6px #0000004d, 0 16px 40px #0006;--ambient-1:#5f7f6347;--ambient-2:#966c3c4d;--ambient-3:#b05a772e;--ambient-4:#4a76ab29;--ambient-5:#b5523b33;--accent:#a9c7a6;--accent-soft:#6e916a4d;--on-accent:#1b261c}[data-accent=pink]{--accent:#f0a9be;--accent-soft:#b05a7752;--on-accent:#2a1a20}[data-accent=blue]{--accent:#9dc0ea;--accent-soft:#4a76ab52;--on-accent:#14202e}[data-accent=sage]{--accent:#a9c7a6;--accent-soft:#6e916a4d;--on-accent:#1b261c}[data-accent=brick]{--accent:#e7967f;--accent-soft:#a9472f52;--on-accent:#2e1610}}*{box-sizing:border-box}html{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:0 0;min-height:100dvh;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(45% 35% at 12% 8%, var(--ambient-1), transparent 70%), radial-gradient(50% 40% at 92% 18%, var(--ambient-3), transparent 70%), radial-gradient(55% 45% at 85% 78%, var(--ambient-4), transparent 70%), radial-gradient(60% 45% at 10% 70%, var(--ambient-2), transparent 70%), radial-gradient(35% 25% at 55% 100%, var(--ambient-5), transparent 70%), var(--bg);position:fixed;inset:-10%}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.01em;margin:0}.num{font-family:var(--font-rounded);font-variant-numeric:tabular-nums}input,select,textarea,button{font:inherit;font-size:16px}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);width:100%;min-height:46px;color:var(--text);box-shadow:var(--glass-highlight);padding:.6rem .85rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical}input[type=checkbox]{width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--accent);box-shadow:none}::placeholder{color:var(--muted);opacity:.8}button,.button{background:var(--accent);min-height:46px;color:var(--on-accent);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.15rem;font-weight:600;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}button:active,.button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:default;transform:none}button.secondary,.button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow)}button.small,.button.small{min-height:36px;padding:.35rem .9rem;font-size:.9rem}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-highlight), var(--shadow)}.glass-strong{background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow-float);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-strong{background:var(--surface-solid)}}@media (prefers-reduced-transparency:reduce){.glass,.glass-strong,input,select,textarea,button.secondary,.button.secondary{background:var(--surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root{--tabbar-h:64px}button.full,.button.full{width:100%;margin:.5rem 0}.link-btn{color:var(--accent);background:0 0;border-radius:8px;justify-content:flex-start;min-height:0;padding:.25rem 0;font-weight:600}.icon-btn{color:var(--text);background:0 0;border-radius:999px;min-width:40px;min-height:40px;padding:0;font-size:1.4rem;font-weight:400}.icon-btn.subtle{color:var(--muted);font-size:1.1rem}.danger-link{color:var(--bad);background:0 0;margin:1rem auto;font-weight:500;display:block}.danger-btn{background:var(--bad);color:var(--surface-solid)}.app{max-width:640px;padding:calc(env(safe-area-inset-top) + .25rem) 1rem calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 2.5rem);margin:0 auto}.page-header{align-items:center;gap:.5rem;min-height:60px;display:flex}.page-header h1{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1.6rem;font-weight:700;overflow:hidden}.page-header-action{align-items:center;display:flex}.section-title{justify-content:space-between;align-items:center;margin:1.5rem 0 .6rem;font-size:1.1rem;display:flex}.group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:1rem .25rem .45rem;font-size:.78rem}.card-title{margin-bottom:.5rem;font-size:1rem}.stack{flex-direction:column;gap:.75rem;display:flex}.stack.compact{gap:.4rem}.row{align-items:flex-end;gap:.5rem;display:flex}.row>*{flex:1;min-width:0}.row.tight{gap:0}.row.tight>*{flex:none}.row-between{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.muted{color:var(--muted)}.center{text-align:center}.right{text-align:right}.block{display:block}.prewrap{white-space:pre-wrap;margin:0}.error{color:var(--bad);margin:.5rem 0}.empty{color:var(--muted);text-align:center;padding:1.5rem .5rem}.card,.list-item,.stats div{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow)}.card{border-radius:var(--radius);margin-bottom:.8rem;padding:1rem 1.1rem;display:block}.card.stack{display:flex}.card-link{color:inherit;text-decoration:none}.card.inactive{opacity:.6}.field{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.field>small{font-size:.75rem}.check-label{align-items:center;gap:.5rem;display:flex}.tabbar{left:max(.75rem,50% - 320px);right:max(.75rem,50% - 320px);bottom:calc(env(safe-area-inset-bottom) + .6rem);z-index:10;height:var(--tabbar-h);background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow-float);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:999px;gap:.15rem;padding:.35rem;display:flex;position:fixed}.tabbar a{color:var(--muted);border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.68rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.tabbar a svg{width:24px;height:24px}.tabbar a.active{background:var(--accent-soft);color:var(--text);font-weight:700}.tabbar a.active svg{color:var(--accent)}.list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.list-item{width:100%;min-height:52px;color:var(--text);text-align:left;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.15rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;display:flex}.list-item small{color:var(--muted);font-weight:400}.list-item.on{border-color:var(--accent);background:var(--accent-soft)}.list-item.with-thumb{flex-direction:row;align-items:center;gap:.75rem}.list-item.with-thumb>span:last-child{flex-direction:column;gap:.15rem;display:flex}.machine-icon{object-fit:cover;background:var(--surface-2);width:48px;height:48px;color:var(--muted);border-radius:14px;flex:none;place-items:center;font-size:1.4rem;display:grid}.machine-icon svg{width:24px;height:24px}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{background:var(--surface-2);min-height:34px;color:var(--text);box-shadow:none;border:1px solid #0000;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .8rem;font-size:.85rem;font-weight:500;display:inline-flex}.chip.small{min-height:0;padding:.1rem .55rem;font-size:.75rem}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.pill{border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.muted{background:var(--surface-2);color:var(--muted)}.source-badge{color:var(--muted);font-size:.85rem}.segmented{background:var(--surface-2);border-radius:999px;gap:2px;margin-bottom:.75rem;padding:4px;display:flex}.segmented button{min-height:38px;color:var(--muted);background:0 0;flex:1;padding:.3rem .6rem;font-weight:600}.segmented button.on{background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow)}.field .segmented{margin:0}.big-button{background:var(--accent);width:100%;min-height:60px;color:var(--on-accent);box-shadow:inset 0 1px 0 #ffffff4d, 0 8px 24px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin:.75rem 0;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.big-button svg{width:22px;height:22px}.alert{border-radius:var(--radius);border:1px solid var(--glass-border);flex-direction:column;gap:.2rem;margin-bottom:.6rem;padding:.85rem 1.1rem;text-decoration:none;display:flex}.alert.warn{background:var(--warn-soft);color:var(--warn)}.alert.bad{background:var(--bad-soft);color:var(--bad)}.alert span{font-size:.9rem}.stats{grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:.8rem;display:grid}.stats div{border-radius:var(--radius);text-align:center;padding:.8rem .4rem}.stats strong{font-size:1.9rem;font-family:var(--font-rounded);font-variant-numeric:tabular-nums;display:block}.stats span{color:var(--muted);font-size:.75rem}.accent-picker{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.accent-swatch{background:var(--surface-2);min-height:0;color:var(--text);border:2px solid #0000;border-radius:18px;flex-direction:column;gap:.35rem;padding:.6rem .2rem;font-size:.8rem;font-weight:600}.accent-swatch span{border-radius:999px;width:32px;height:32px;box-shadow:inset 0 1px #fff6}.accent-swatch.on{border-color:var(--accent);background:var(--accent-soft)}.table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.9rem}.table th{text-align:left;color:var(--muted);padding:.3rem 0;font-size:.75rem;font-weight:600}.table td{border-top:1px solid var(--border);vertical-align:top;padding:.5rem 0}.table tr.clickable{cursor:pointer}.sheet-backdrop{z-index:40;background:#281e1647;justify-content:center;align-items:flex-end;animation:.18s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;max-width:640px;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom);background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow-float);-webkit-backdrop-filter:blur(40px)saturate(170%);backdrop-filter:blur(40px)saturate(170%);border-bottom:0;flex-direction:column;animation:.24s cubic-bezier(.2,.9,.3,1) slide-up;display:flex}.sheet:before{content:"";background:var(--border);border-radius:999px;align-self:center;width:38px;height:5px;margin-top:8px}.sheet-header{justify-content:space-between;align-items:center;padding:.4rem .6rem .4rem 1.1rem;display:flex}.sheet-header h2{font-size:1.15rem}.sheet-body{flex-direction:column;gap:.55rem;padding:0 1rem 1rem;display:flex;overflow-y:auto}@keyframes slide-up{0%{opacity:.4;transform:translateY(30%)}}@keyframes fade-in{0%{opacity:0}}.login{place-items:center;min-height:100dvh;padding:1rem;display:grid}.login .card{gap:1rem;width:min(360px,100%);padding:1.75rem 1.5rem;display:grid}.login .card h1{text-align:center;font-size:1.8rem}.login .card label{color:var(--muted);gap:.35rem;font-size:.9rem;display:grid}.login .card button{min-height:50px}.scroll-x{scrollbar-width:none;flex-wrap:nowrap;margin:0 -1rem .75rem;padding:0 1rem .2rem;overflow-x:auto}.scroll-x .chip{flex:none}.segmented button{white-space:nowrap}.dot{background:var(--accent);vertical-align:middle;border-radius:999px;width:9px;height:9px;display:inline-block}.small{font-size:.85rem}.num{font-variant-numeric:tabular-nums}.bad-text{color:var(--bad)}.warn-text{color:var(--warn)}.danger-text{color:var(--bad)}.inactive{opacity:.6}.center-btn{align-self:center}.tab-icon{display:inline-flex;position:relative}.tab-dot{background:var(--bad);border:2px solid var(--surface-solid);border-radius:999px;width:9px;height:9px;position:absolute;top:-1px;right:-4px}.month-switcher{justify-content:space-between;align-items:center;margin:-.4rem 0 .8rem;display:flex}.month-switcher strong{font-size:1.05rem}.total-card{flex-direction:column;gap:.35rem;display:flex}.big-amount{font-family:var(--font-rounded);font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:700;line-height:1.05}.big-amount.bad{color:var(--bad)}.total-facts{color:var(--muted);flex-direction:column;gap:.2rem;margin-top:.4rem;font-size:.88rem;display:flex}.total-facts strong{color:var(--text)}.total-facts .warn-text strong{color:var(--warn)}.alerts{flex-direction:column;display:flex}.alert.ok{background:var(--ok-soft);color:var(--ok)}.alert.small{padding:.6rem .9rem;font-size:.85rem}.stats strong{font-size:1.15rem}.stats div{padding:.7rem .4rem}.total-card .stats{margin:.6rem 0 0}.total-card .stats div{background:var(--surface-2);box-shadow:none;border:0;border-radius:16px}.budget-bar{background:var(--surface-2);border-radius:999px;width:100%;height:8px;margin:.35rem 0 .1rem;position:relative}.budget-bar.large{height:12px}.budget-bar .fill{border-radius:inherit;background:var(--accent);transition:width .4s;position:absolute;inset:0 auto 0 0}.budget-bar.warn .fill{background:var(--warn)}.budget-bar.bad .fill{background:var(--bad)}.budget-bar .threshold{background:var(--muted);opacity:.35;border-radius:2px;width:2px;position:absolute;top:-2px;bottom:-2px}.budget-bar .projection{border-left:2px dashed var(--warn);width:0;position:absolute;top:-4px;bottom:-4px}.budget-bar.ok .projection{border-left-color:var(--muted)}.category-row{gap:.25rem}.category-row>span{width:100%}.cat-name{align-items:center;gap:.45rem;font-weight:600;display:flex}.cat-icon{font-size:1.25rem;line-height:1}.cat-left{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;display:flex}.cat-left small{font-size:.75rem}.action-row{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.8rem;display:grid}.action-row button{white-space:nowrap;gap:.4rem}.money-input{flex:1;align-items:center;gap:.35rem;min-width:0;display:flex}.money-input span{color:var(--muted);font-weight:700}.money-input input{text-align:right;font-variant-numeric:tabular-nums;flex:1;min-width:0}.money-input.large input{font-family:var(--font-rounded);text-align:center;padding-top:.5rem;padding-bottom:.5rem;font-size:2rem;font-weight:700}.money-input.large span{font-size:1.3rem}.amount-row{align-items:center;gap:.5rem;display:flex}.unit-toggle{background:var(--surface-2);border-radius:999px;flex:none;padding:3px;display:inline-flex}.unit-toggle button{min-height:40px;color:var(--muted);box-shadow:none;background:0 0;padding:0 .75rem;font-weight:700}.unit-toggle button.on{background:var(--surface-solid);color:var(--accent);box-shadow:var(--shadow)}.rate-field{color:var(--muted);align-items:center;gap:.4rem;display:flex}.rate-field input{text-align:center;width:5.5rem;min-height:0;padding:.4rem .6rem}.conversion strong{color:var(--accent);font-family:var(--font-rounded);font-size:1.15rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.45rem;display:grid}.category-tile{background:var(--glass);border:2px solid var(--glass-border);min-height:86px;box-shadow:var(--glass-highlight), var(--shadow);color:var(--text);border-radius:18px;flex-direction:column;gap:.2rem;padding:.55rem .3rem;font-weight:600}.category-tile .tile-name{text-align:center;font-size:.8rem;line-height:1.15}.category-tile small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:500}.category-tile.warn small,.category-tile.trend small{color:var(--warn)}.category-tile.over small{color:var(--bad)}.category-tile.on{border-color:var(--accent);background:var(--accent-soft)}.after-line{text-align:center;color:var(--muted);margin:0;font-weight:600}.after-line.bad-text{color:var(--bad)}.expense-row{flex-direction:row;align-items:center;gap:.7rem}.expense-text{text-overflow:ellipsis;flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex;overflow:hidden}.expense-text small{align-items:center;gap:.3rem;display:flex}.expense-row.adjustment{box-shadow:none;border-style:dashed;border-color:var(--border);background:0 0}.budget-line{color:var(--text);justify-content:space-between;align-items:center;gap:.75rem;font-weight:500;display:flex}.budget-line>span:first-child{flex:1;align-items:center;gap:.4rem;display:flex}.budget-line .money-input{flex:0 9.5rem}.total-line{border-top:1px solid var(--border);margin-top:.2rem;padding-top:.6rem}.adjustment-row small,.adjustment-row .row-between{width:100%}.adjustment-row .link-btn{padding:0;font-size:.8rem}.table td,.table th{padding-left:.25rem;padding-right:.25rem}.table td:first-child{white-space:nowrap}.category-admin{flex-direction:row;align-items:center;padding:.35rem .4rem .35rem .6rem}.cat-main{box-shadow:none;color:var(--text);text-align:left;background:0 0;flex:1;justify-content:flex-start;align-items:center;gap:.7rem;padding:.3rem;font-weight:600;display:flex}.cat-main>span:last-child{flex-direction:column;display:flex}.cat-main small{color:var(--muted);font-weight:400}.order-btns{display:flex}.icon-picker{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:.3rem;display:grid}.icon-picker button{background:var(--surface-2);min-height:44px;box-shadow:none;border:2px solid #0000;border-radius:14px;padding:0;font-size:1.35rem}.icon-picker button.on{border-color:var(--accent);background:var(--accent-soft)}.pct-input{align-items:center;gap:.4rem;display:flex}.pct-input input{text-align:center;width:6rem}.pct-input span{color:var(--text);font-weight:600}.logout{gap:.4rem;margin-top:1.5rem}.toast{left:max(.75rem,50% - 300px);right:max(.75rem,50% - 300px);bottom:calc(env(safe-area-inset-bottom) + var(--tabbar-h) + 1.2rem);z-index:30;background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow-float);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:20px;padding:.85rem 1.1rem;font-weight:600;animation:.24s cubic-bezier(.2,.9,.3,1) slide-up;position:fixed}.toast.ok{color:var(--ok)}.toast.warn{color:var(--warn);border-color:var(--warn-soft)}.toast.bad{color:var(--bad);border-color:var(--bad-soft)}
