:root{--bg: #0d1117;--surface: #161b22;--surface-2: #1b2230;--surface-3: #232b3a;--border: #262d3a;--text: #e6edf3;--muted: #8b98a9;--faint: #5c6b7e;--accent: #2dd4bf;--accent-dim: #14b8a6;--good: #3fb950;--warn: #f5a524;--danger: #f4626d;--radius: 16px;--nav-h: 60px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}input,textarea,select{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent-dim)}input,textarea,select{font-size:16px}.app{max-width:520px;margin:0 auto;min-height:100%;padding:calc(var(--safe-t) + 12px) 16px calc(var(--nav-h) + var(--safe-b) + 88px)}.h1{font-size:21px;font-weight:650;letter-spacing:-.02em;margin:0}.h2{font-size:15px;font-weight:620;margin:0 0 10px}.label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.muted{color:var(--muted)}.tnum{font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack{display:grid;gap:12px}.grow{flex:1;min-width:0}.ellip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{background:var(--surface-3);border-radius:12px;padding:12px 16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .12s}.btn:active{filter:brightness(1.3)}.btn.primary{background:var(--accent);color:#04231f}.btn.ghost{background:transparent;border:1px solid var(--border)}.btn.danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn.block{width:100%}.btn:disabled{opacity:.45;pointer-events:none}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:560}.chip.on{background:var(--accent);border-color:var(--accent);color:#04231f}.hero{display:grid;place-items:center;padding:8px 0 4px}.ring-wrap{position:relative;width:232px;height:232px}.ring{transform:rotate(-90deg);display:block}.ring-track{stroke:var(--surface-3)}.ring-bar{transition:stroke-dashoffset .5s cubic-bezier(.2,.8,.2,1),stroke .3s}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;gap:2px}.big{font-size:42px;font-weight:700;letter-spacing:-.03em;line-height:1.05}.big.neg{color:var(--danger)}.hero-sub{font-size:13px;color:var(--muted)}.pill-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.pill{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:7px 13px;font-size:13px;display:inline-flex;gap:6px;align-items:center}.pill b{font-weight:640}.pos{color:var(--good)}.neg{color:var(--danger)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:11px 12px}.stat .k{font-size:11px;color:var(--faint);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.stat .v{font-size:16px;font-weight:650;margin-top:3px}.strip{display:flex;gap:4px;align-items:flex-end;height:56px}.strip-day{flex:1;display:grid;gap:4px;justify-items:center}.strip-bar{width:100%;max-width:26px;border-radius:4px 4px 2px 2px;background:var(--surface-3);min-height:3px;transition:height .3s}.strip-lbl{font-size:10px;color:var(--faint)}.strip-day.today .strip-lbl{color:var(--accent);font-weight:700}.item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);width:100%;text-align:left}.item:last-child{border-bottom:none}.ico{width:38px;height:38px;flex:none;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;font-size:18px}.thumb{width:38px;height:38px;border-radius:9px;object-fit:cover;flex:none;border:1px solid var(--border)}.day-head{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0 4px;font-size:13px;color:var(--muted)}.bar{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .4s}.nav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);display:flex}.nav button{flex:1;display:grid;place-items:center;gap:2px;color:var(--faint);font-size:10.5px;font-weight:600}.nav button.on{color:var(--accent)}.nav svg{width:21px;height:21px}.fab{position:fixed;z-index:31;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + var(--safe-b) + 16px);background:var(--accent);color:#04231f;border-radius:999px;padding:14px 26px;font-weight:700;font-size:15px;box-shadow:0 8px 28px #2dd4bf4d;display:inline-flex;align-items:center;gap:8px}.fab:active{transform:translate(-50%) scale(.96)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#02050aa6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .18s ease}.sheet{position:fixed;z-index:41;left:0;right:0;bottom:0;max-height:92vh;background:var(--surface);border-radius:22px 22px 0 0;border-top:1px solid var(--border);overflow-y:auto;padding:10px 16px calc(20px + var(--safe-b));max-width:520px;margin:0 auto;animation:rise .26s cubic-bezier(.2,.9,.25,1)}.grabber{width:38px;height:4px;border-radius:999px;background:var(--surface-3);margin:4px auto 14px}@keyframes rise{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}.amount-display{text-align:center;padding:8px 0 16px;font-size:46px;font-weight:700;letter-spacing:-.03em}.amount-display .cur{font-size:24px;color:var(--muted);margin-left:4px}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pad button{background:var(--surface-2);border-radius:14px;padding:15px 0;font-size:22px;font-weight:600;text-align:center}.pad button:active{background:var(--surface-3)}.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.cat{display:grid;justify-items:center;gap:3px;padding:9px 2px;border-radius:12px;background:var(--surface-2);border:1px solid transparent;font-size:10px;color:var(--muted);line-height:1.2}.cat span:first-child{font-size:19px}.cat.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface-2));color:var(--text)}.seg{display:flex;background:var(--surface-2);border-radius:12px;padding:3px;gap:3px}.seg button{flex:1;border-radius:9px;padding:9px 0;font-weight:600;font-size:14px;color:var(--muted)}.seg button.on{background:var(--surface-3);color:var(--text)}.receipt-strip{display:flex;gap:8px;flex-wrap:wrap}.receipt-strip img{width:56px;height:56px;border-radius:10px;object-fit:cover;border:1px solid var(--border)}.toast{position:fixed;z-index:60;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + var(--safe-b) + 78px);background:var(--surface-3);border:1px solid var(--border);padding:10px 16px;border-radius:999px;font-size:14px;font-weight:560;box-shadow:0 6px 20px #0006;animation:fade .18s;max-width:calc(100% - 32px)}.toast.err{border-color:var(--danger);color:var(--danger)}.center-screen{display:grid;place-items:center;min-height:100dvh;padding:24px}.spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--surface-3);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--faint);padding:28px 12px;font-size:14px}