:root{--bg-0: #0c0e15;--bg-1: #1a1f2e;--text: #eef1f7;--muted: #8b93a7;--muted-2: #667085;--card: rgba(255, 255, 255, .05);--card-hover: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--accent-a: #6d8bff;--accent-b: #8f6dff;--accent-grad: linear-gradient(90deg, #6d8bff, #8f6dff);--up: #46e0a0;--down: #ff7a85;--nav-h: 62px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.app{min-height:100dvh;background:radial-gradient(130% 80% at 50% 0%,var(--bg-1) 0%,var(--bg-0) 58%);display:flex;flex-direction:column}.scroll{flex:1;overflow-y:auto;padding:8px 14px calc(var(--nav-h) + 20px);-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 6px}.page-title{font-size:26px;font-weight:800;letter-spacing:-.6px;margin:2px 0 12px}.month-pill{display:inline-flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:22px;padding:6px 8px;font-weight:700;font-size:13px}.month-pill button{border:none;background:#ffffff0f;color:var(--text);width:26px;height:26px;border-radius:50%;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}.month-pill button:active{background:#ffffff24}.month-pill .label{min-width:96px;text-align:center}.segmented{display:flex;background:#ffffff0f;border-radius:14px;padding:3px;margin-bottom:14px}.segmented button{flex:1;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:13px;padding:9px 0;border-radius:11px;cursor:pointer;transition:color .15s}.segmented button.on{color:#fff;background:var(--accent-grad);box-shadow:0 4px 14px #7878ff59}.card{background:var(--card);border:1px solid var(--border);border-radius:18px}.hero{display:flex;gap:10px;margin-bottom:14px}.hero .cell{flex:1;padding:12px 14px}.hero .lbl{font-size:11px;color:var(--muted);font-weight:600}.hero .val{font-size:22px;font-weight:800;letter-spacing:-.5px;margin-top:4px}.delta{font-size:12px;font-weight:700;margin-top:4px}.delta.up{color:var(--up)}.delta.down{color:var(--down)}.bars{display:flex;align-items:flex-end;gap:4px;height:74px;padding:14px 12px 8px}.bars .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:flex-end}.bars .bar{width:100%;border-radius:4px 4px 2px 2px;background:#ffffff21;min-height:3px;transition:height .3s}.bars .bar.on{background:linear-gradient(180deg,var(--accent-b),var(--accent-a));box-shadow:0 0 12px #7d78ff8c}.bars .m{font-size:8px;color:var(--muted-2)}.bars .m.on{color:var(--accent-a);font-weight:700}.ring-wrap{display:flex;align-items:center;gap:14px;padding:16px}.legend{flex:1;display:flex;flex-direction:column;gap:9px;min-width:0}.legend .row{display:flex;align-items:center;gap:8px;font-size:12.5px}.legend .dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.legend .nm{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend .am{font-weight:800}.section-cap{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin:20px 4px 10px}.cat-row{display:flex;align-items:center;gap:12px;padding:11px 4px}.emoji-badge{width:40px;height:40px;border-radius:12px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.cat-mid{flex:1;min-width:0}.cat-name{font-weight:700;font-size:14.5px}.cat-sub{font-size:11px;color:var(--muted);margin-top:2px}.cat-right{text-align:right}.cat-amt{font-weight:800;font-size:14.5px}.cat-pct{font-size:11px;color:var(--muted);margin-top:2px}.pbar{height:4px;border-radius:3px;background:#ffffff14;margin-top:7px;overflow:hidden}.pbar>i{display:block;height:100%;border-radius:3px}.day-group{margin-top:16px}.day-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px 8px}.day-title{font-size:13px;font-weight:700;color:var(--muted)}.day-sum{font-size:12px;color:var(--muted-2);font-weight:600}.op-list{display:flex;flex-direction:column;overflow:hidden}.op-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer}.op-row:last-child{border-bottom:none}.op-row:active{background:var(--card-hover)}.op-mid{flex:1;min-width:0}.op-name{font-weight:700;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-meta{font-size:11.5px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-amt{font-weight:800;font-size:15px;white-space:nowrap}.op-amt.in{color:var(--up)}.chip-badge{background:var(--accent-grad);color:#fff;font-size:11px;font-weight:800;border-radius:20px;padding:3px 9px}.muted{color:var(--muted)}.center-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:50vh;color:var(--muted);text-align:center}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent-a);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-line{height:60px;border-radius:14px;background:linear-gradient(100deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;animation:sh 1.2s infinite;margin-bottom:10px}@keyframes sh{to{background-position:-200% 0}}.tabbar{position:fixed;left:0;right:0;bottom:0;height:var(--nav-h);display:flex;align-items:stretch;background:#0c0e15db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0)}.tabbar button{flex:1;border:none;background:transparent;color:var(--muted-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:600;cursor:pointer;position:relative}.tabbar button .ic{font-size:19px;line-height:1}.tabbar button.on{color:var(--accent-a)}.tabbar button.on .ic{filter:drop-shadow(0 0 8px rgba(109,139,255,.6))}.tab-badge{position:absolute;top:6px;left:50%;transform:translate(6px);min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:var(--down);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060c99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;animation:fade .2s}@keyframes fade{0%{opacity:0}}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;background:#141824;border-top:1px solid var(--border);border-radius:22px 22px 0 0;max-height:90dvh;overflow-y:auto;padding:6px 16px calc(24px + env(safe-area-inset-bottom,0));box-shadow:0 -20px 50px #0000008c;animation:slideup .26s cubic-bezier(.2,.8,.2,1)}.sheet::-webkit-scrollbar{display:none}@keyframes slideup{0%{transform:translateY(100%)}}.grab{width:40px;height:4px;border-radius:3px;background:#fff3;margin:8px auto 14px}.sheet-title{font-size:19px;font-weight:800;margin:0 2px 4px;letter-spacing:-.4px}.sheet-sub{font-size:12.5px;color:var(--muted);margin:0 2px 14px}.field-lbl{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin:14px 4px 8px}.field-row{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:var(--card);border:1px solid var(--border);border-radius:13px;margin-bottom:8px;font-size:14px}.field-row.tap{cursor:pointer}.field-row.tap:active{background:var(--card-hover)}.field-row .k{color:var(--muted)}.field-row .v{font-weight:700;max-width:62%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-row .v.ph{color:var(--muted-2);font-weight:600}.chip-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.chip{font-size:13px;font-weight:700;padding:9px 13px;border-radius:12px;background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer}.chip:active{background:var(--card-hover)}.chip.on{background:var(--accent-grad);border-color:transparent;color:#fff}.sheet-input,.sheet-select{width:100%;background:var(--card);border:1px solid var(--border);border-radius:13px;padding:13px 14px;color:var(--text);font-size:16px;margin-bottom:10px;-webkit-appearance:none}.btn-primary{width:100%;padding:15px;border:none;border-radius:14px;background:var(--accent-grad);color:#fff;font-weight:800;font-size:15px;cursor:pointer;margin-top:8px}.btn-primary:disabled{opacity:.5}.btn-ghost{width:100%;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);font-weight:700;font-size:14px;cursor:pointer}.btn-row{display:flex;gap:8px;margin-top:10px}.btn-row>*{flex:1}.fab{position:fixed;right:18px;bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom,0));width:56px;height:56px;border-radius:50%;border:none;background:var(--accent-grad);color:#fff;font-size:28px;line-height:1;box-shadow:0 8px 24px #7878ff80;z-index:40;cursor:pointer}.sheet-op-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.sheet-op-head .op-amt{font-size:20px}