:root{--bg: #fbfaf6;--surface: #ffffff;--ink: #16221d;--muted: #5f6a63;--faint: #99a19a;--line: #ece9e1;--line-2: #e0ddd2;--brand: #0f7a5f;--brand-600: #0c6650;--brand-050: #eaf4ef;--shadow-card: 0 1px 2px rgba(20,34,29,.04), 0 6px 18px rgba(20,34,29,.05);--shadow-nav: 0 -2px 16px rgba(20,34,29,.06);--ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--display: "Fraunces", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--ui);color:var(--ink);background:radial-gradient(140% 100% at 50% 0%,#eef3f0,#e7ece8 60%,#e2e7e3);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.device{height:100%;display:flex;align-items:center;justify-content:center;padding:0}.screen{position:relative;width:100%;max-width:430px;height:100%;background:var(--bg);overflow:hidden;display:flex;flex-direction:column}@media (min-width: 480px){.device{padding:24px}.screen{height:min(900px,94vh);border-radius:40px;box-shadow:0 40px 90px #0a2d2447,0 0 0 10px #10201b,0 0 0 12px #223}}.view{flex:1;overflow-y:auto;padding:20px 18px 120px;-webkit-overflow-scrolling:touch}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.wordmark{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:1.15rem;letter-spacing:-.01em}.wordmark .dot{width:10px;height:10px;border-radius:50%;background:var(--brand);display:inline-block}.month{color:var(--faint);font-size:.85rem}.summary{background:linear-gradient(155deg,#12856a,#0b5648);color:#eafaf3;border-radius:22px;padding:22px 22px 24px;margin-bottom:22px;box-shadow:0 12px 30px #0b564847}.summary--soft{background:linear-gradient(155deg,#2f8f77,#146a58)}.summary__label{margin:0 0 6px;font-size:.82rem;color:#eafaf3cc;letter-spacing:.02em}.summary__amount{margin:0;font-family:var(--display);font-weight:500;font-size:2.9rem;line-height:1;letter-spacing:-.02em}.summary__sub{margin:12px 0 0;font-size:.86rem;color:#eafaf3d1}.list__head{display:flex;align-items:baseline;justify-content:space-between;margin:4px 2px 12px}.list__head h2{font-size:1rem;margin:0}.link{color:var(--brand);font-size:.84rem;font-weight:550}.txn{position:relative;display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:9px;transition:transform .08s}.txn:active{transform:scale(.99)}.txn__icon{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.2rem}.txn__mid{flex:1;min-width:0}.txn__name{margin:0;font-weight:550;font-size:.98rem}.txn__sub{margin:2px 0 0;color:var(--faint);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn__amt{font-weight:600;font-variant-numeric:tabular-nums}.txn__del{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#fbeae8;color:#b3261e;font-size:.8rem;font-weight:600;padding:7px 12px;border-radius:9px}.txn--open{border-color:#f3d3cf}.empty{text-align:center;padding:40px 20px}.empty__emoji{font-size:2.6rem}.empty__title{font-weight:600;margin:12px 0 4px}.empty__text{color:var(--muted);font-size:.92rem;margin:0 auto 18px;max-width:34ch}.bar{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:10px}.bar__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}.bar__name{font-weight:500}.bar__emoji{margin-right:4px}.bar__amt{font-weight:600;font-variant-numeric:tabular-nums}.bar__track{height:9px;background:#f0ede5;border-radius:999px;overflow:hidden}.bar__fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.2,.7,.2,1)}.bar__pct{display:block;margin-top:7px;font-size:.76rem;color:var(--faint)}.nav{position:absolute;left:0;right:0;bottom:0;height:74px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:var(--shadow-nav);display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.nav__btn{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--faint);width:92px}.nav__btn.is-active{color:var(--brand)}.nav__ico{font-size:1.25rem;filter:grayscale(.2)}.nav__lbl{font-size:.72rem;font-weight:550}.fab{width:60px;height:60px;border-radius:50%;background:var(--brand);color:#fff;font-size:2rem;font-weight:300;margin-top:-26px;box-shadow:0 10px 22px #0f7a5f66;display:grid;place-items:center;line-height:0;transition:transform .1s,background .15s}.fab:active{transform:scale(.94)}.fab:hover{background:var(--brand-600)}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:20;display:flex;flex-direction:column;padding:14px 16px calc(16px + env(safe-area-inset-bottom));animation:slideUp .28s cubic-bezier(.2,.7,.2,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sheet__title{font-weight:600}.sheet__spacer,.icon-btn{width:38px}.icon-btn{height:38px;border-radius:10px;color:var(--muted);font-size:1rem}.icon-btn:hover{background:#00000008}.amount{text-align:center;padding:14px 0 12px;display:flex;align-items:baseline;justify-content:center;gap:4px}.amount__cur{font-size:1.6rem;color:var(--faint);font-family:var(--display)}.amount__val{font-family:var(--display);font-weight:500;font-size:3.4rem;line-height:1;letter-spacing:-.02em}.cats{display:flex;gap:9px;overflow-x:auto;padding:6px 2px 12px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{flex:none;width:76px;padding:10px 6px;border:1.5px solid var(--line-2);border-radius:14px;background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:5px;transition:border-color .12s,background .12s}.cat__emoji{font-size:1.4rem}.cat__name{font-size:.68rem;color:var(--muted);text-align:center;line-height:1.15}.cat.is-sel .cat__name{color:var(--ink);font-weight:550}.note,.note-add{width:100%;text-align:left;margin-bottom:12px;border:1.5px solid var(--line-2);border-radius:12px;padding:11px 13px;font:inherit;background:var(--surface);color:var(--ink)}.note-add{color:var(--muted)}.note:focus{outline:none;border-color:var(--brand)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.key{height:58px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:1.5rem;font-weight:500;font-variant-numeric:tabular-nums;transition:background .1s,transform .06s}.key:active{background:#f0ede5;transform:scale(.97)}.key--del{font-size:1.3rem;color:var(--muted)}.btn{border-radius:14px;padding:15px 20px;font-size:1rem;font-weight:600}.btn--primary{background:var(--brand);color:#fff;box-shadow:0 8px 20px #0f7a5f47}.btn--primary:hover:not(:disabled){background:var(--brand-600)}.btn--primary:disabled{background:#cdd6d1;box-shadow:none;color:#fff;cursor:not-allowed}.btn--save{width:100%}.toast{position:absolute;left:50%;bottom:92px;transform:translate(-50%);background:#16221d;color:#eafaf3;font-size:.86rem;font-weight:500;padding:11px 16px;border-radius:999px;z-index:30;box-shadow:0 10px 26px #00000040;white-space:nowrap;animation:pop .25s cubic-bezier(.2,.7,.2,1)}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}