:root{--bg: var(--tg-bg-color, #ffffff);--secondary-bg: var(--tg-secondary-bg-color, #f2f2f7);--text: var(--tg-text-color, #000000);--hint: var(--tg-hint-color, #8a8a8e);--link: var(--tg-link-color, #2a7fd4);--accent: var(--tg-button-color, #2a7fd4);--accent-text: var(--tg-button-text-color, #ffffff);--danger: #e5484d;--success: #30a46c;--radius: 14px;--gap: 12px}:root[data-scheme=dark]{--secondary-bg: var(--tg-secondary-bg-color, #1c1c1e);--danger: #ff6369;--success: #3dd68c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--secondary-bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;overscroll-behavior-y:none}.app{display:flex;flex-direction:column;min-height:100vh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.page{flex:1;padding:var(--gap);display:flex;flex-direction:column;gap:var(--gap)}.card{background:var(--bg);border-radius:var(--radius);padding:14px}.card--tight{padding:6px 14px}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--hint);margin:4px 0 -4px 4px}.row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--secondary-bg)}.row:last-child{border-bottom:none}.row__icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--secondary-bg);font-size:17px}.row__body{flex:1;min-width:0}.row__title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__sub{font-size:12px;color:var(--hint)}.row__amount{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.amount--expense{color:var(--text)}.amount--income{color:var(--success)}.amount--transfer{color:var(--hint)}.amount-input{width:100%;border:none;outline:none;background:transparent;color:var(--text);font-size:44px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;padding:8px 0}.amount-input::placeholder{color:var(--hint);opacity:.4}.field{width:100%;border:none;outline:none;background:var(--secondary-bg);color:var(--text);border-radius:10px;padding:11px 12px;font-size:15px}.btn{border:none;border-radius:10px;padding:13px 16px;font-size:16px;font-weight:600;background:var(--accent);color:var(--accent-text);width:100%;transition:opacity .15s}.btn:disabled{opacity:.45}.btn--ghost{background:var(--secondary-bg);color:var(--text);font-weight:500}.btn--danger{background:transparent;color:var(--danger);font-size:14px;padding:8px;width:auto}.segmented{display:flex;background:var(--secondary-bg);border-radius:10px;padding:3px;gap:3px}.segmented button{flex:1;border:none;background:transparent;color:var(--hint);border-radius:8px;padding:8px;font-size:14px;font-weight:500}.segmented button[data-active=true]{background:var(--bg);color:var(--text);box-shadow:0 1px 3px #0000001f}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:none;border-radius:999px;padding:8px 13px;font-size:14px;background:var(--secondary-bg);color:var(--text);white-space:nowrap}.chip[data-active=true]{background:var(--accent);color:var(--accent-text)}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.totals div span{display:block;font-size:12px;color:var(--hint)}.totals div b{font-size:17px;font-variant-numeric:tabular-nums}.bar{height:6px;border-radius:3px;background:var(--secondary-bg);overflow:hidden;margin-top:6px}.bar>i{display:block;height:100%;border-radius:3px;background:var(--accent)}.tabbar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg);border-top:1px solid var(--secondary-bg);padding-bottom:env(safe-area-inset-bottom);z-index:10}.tabbar button{border:none;background:none;color:var(--hint);padding:9px 0 11px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:3px}.tabbar button[data-active=true]{color:var(--accent)}.tabbar span{font-size:19px;line-height:1}.center{display:grid;place-items:center;min-height:60vh;text-align:center;padding:24px;color:var(--hint)}.error{color:var(--danger);font-size:14px}.hint{color:var(--hint);font-size:13px}.toast{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--text);color:var(--bg);padding:9px 16px;border-radius:999px;font-size:14px;z-index:20;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}