:root{--bg: #F4F1FB;--card: #FFFFFF;--ink: #1F1633;--muted: #8A84A3;--line: #ECE7F6;--primary: #7C3AED;--primary-2: #A855F7;--primary-soft: #F1E9FE;--on-primary: #FFFFFF;--green: #16A34A;--green-soft: #E8F9EF;--amber: #F59E0B;--amber-soft: #FEF3DC;--red: #EF4444;--red-soft: #FDECEC;--indigo: #6366F1;--violet: #A855F7;--shadow: 0 8px 24px rgba(124, 58, 237, .08)}@media (prefers-color-scheme: dark){:root{--bg: #17131F;--card: #221C30;--ink: #EFEAF7;--muted: #9C94B8;--line: #322A45;--primary: #A78BFA;--primary-2: #C4B5FD;--primary-soft: #2E2545;--on-primary: #1F1633;--green: #4ADE80;--green-soft: #1E3527;--amber: #FBBF24;--amber-soft: #3A2F15;--red: #F87171;--red-soft: #3B2023;--indigo: #818CF8;--violet: #C084FC;--shadow: none}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Plus Jakarta Sans,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}input,select{font:inherit}#root{max-width:32rem;margin:0 auto}.app{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(4.4rem + env(safe-area-inset-bottom))}.screen{flex:1;padding:1rem 1.1rem 1.5rem;display:flex;flex-direction:column;gap:1rem}h1{font-size:1.4rem;margin:0;font-weight:700}h2{font-size:1.02rem;margin:0;font-weight:700}.muted{color:var(--muted)}.small{font-size:.85rem}.num{font-variant-numeric:tabular-nums}.card{background:var(--card);border:none;border-radius:18px;box-shadow:var(--shadow);padding:1.1rem 1.15rem;display:flex;flex-direction:column;gap:.6rem}.greet-row{display:flex;align-items:center;gap:.75rem}.avatar{width:2.7rem;height:2.7rem;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:700;font-size:1.15rem;display:flex;align-items:center;justify-content:center;flex:none}.greet-row .hello{font-weight:700;font-size:1.05rem}.greet-row .sub{font-size:.8rem;color:var(--muted)}.hero{background:linear-gradient(135deg,#7c3aed,#a855f7 60%,#c084fc);border-radius:22px;padding:1.25rem 1.3rem;color:#fff;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 12px 28px #7c3aed59}.hero .label{font-size:.8rem;opacity:.85;font-weight:600}.hero .big-number{font-size:2.3rem;font-weight:800;line-height:1.1}.hero .line{font-size:.82rem;opacity:.9}.hero .chip-safe{align-self:flex-start;margin-top:.35rem;background:#ffffff2e;border-radius:99px;padding:.25rem .8rem;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-row{display:flex;justify-content:space-around;padding:.2rem 0 0}.quick{background:none;border:none;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:.4rem;font-size:.74rem;font-weight:600}.quick .qi{width:3.1rem;height:3.1rem;border-radius:18px;background:var(--card);box-shadow:var(--shadow);color:var(--primary);font-size:1.3rem;display:flex;align-items:center;justify-content:center}.month-nav{display:flex;align-items:center;justify-content:space-between}.month-nav button{background:var(--card);border:none;border-radius:12px;box-shadow:var(--shadow);color:var(--ink);width:2.3rem;height:2.3rem;font-size:1.1rem}.month-nav .label{font-weight:700}.big-number{font-size:2.2rem;font-weight:800;line-height:1.1}.bar{display:flex;height:1.4rem;border-radius:99px;overflow:hidden;background:var(--line)}.bar>div{min-width:2px}.seg-fixed{background:var(--indigo)}.seg-essential{background:var(--violet)}.seg-discretionary{background:var(--amber)}.seg-uncategorized{background:var(--red)}.seg-saved{background:var(--green)}.legend{display:flex;flex-direction:column;gap:.4rem}.legend-row{display:flex;align-items:center;gap:.55rem;font-size:.9rem}.legend-row .dot{width:.7rem;height:.7rem;border-radius:50%;flex:none}.legend-row .name{flex:1;color:var(--muted);font-weight:500}.legend-row .amt{font-weight:700}.banner{background:var(--amber-soft);color:var(--ink);border-radius:14px;padding:.7rem 1rem;font-size:.9rem;box-shadow:var(--shadow)}.banner button{background:none;border:none;color:var(--amber);font-weight:700;padding:0}.amount-input{font-size:2.4rem;font-weight:800;text-align:center;background:none;border:none;border-bottom:2px solid var(--line);color:var(--ink);width:100%;padding:.3rem;outline:none}.amount-input:focus{border-bottom-color:var(--primary)}.chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.chip{background:var(--card);border:1.5px solid var(--line);border-radius:99px;color:var(--ink);padding:.65rem .5rem;text-align:center;font-size:.88rem;font-weight:500}.chip.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:700}.text-input{background:var(--card);border:1.5px solid var(--line);border-radius:14px;color:var(--ink);padding:.7rem .95rem;width:100%;outline:none}.text-input:focus{border-color:var(--primary)}.text-input::placeholder{color:var(--muted)}.btn{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:none;border-radius:99px;padding:.9rem;font-weight:700;font-size:1rem;width:100%;box-shadow:0 6px 16px #7c3aed4d}.btn:disabled{opacity:.5;box-shadow:none}.btn.secondary{background:var(--primary-soft);color:var(--primary);border:none;box-shadow:none}.btn.small-btn{width:auto;padding:.5rem 1.1rem;font-size:.88rem}.cat-row{display:flex;align-items:center;gap:.7rem;padding:.6rem 0;border-bottom:1px solid var(--line)}.cat-row:last-child{border-bottom:none}.cat-row .name{flex:1;font-weight:600}.txn-row{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.92rem}.txn-row:last-child{border-bottom:none}.txn-row .mid{flex:1;min-width:0}.txn-row .merchant{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{font-size:.72rem;padding:.12rem .55rem;border-radius:99px;background:var(--green-soft);color:var(--green);font-weight:700}.pill.review{background:var(--amber-soft);color:var(--amber)}.badge{font-size:.6rem;font-weight:800;letter-spacing:.04em;padding:.08rem .4rem;border-radius:99px;flex:none}.badge.dr{background:var(--primary-soft);color:var(--primary)}.badge.cr{background:var(--green-soft);color:var(--green)}.budget-line{display:flex;align-items:center;gap:.6rem;padding:0 0 .55rem}.budget-track{flex:1;height:.4rem;border-radius:99px;background:var(--line);overflow:hidden}.budget-fill{height:100%;border-radius:99px}.trend-bars{display:flex;align-items:flex-end;gap:.5rem;height:5.5rem;padding-top:.3rem}.trend-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%;justify-content:flex-end}.trend-col .tbar{width:100%;max-width:2.2rem;border-radius:8px 8px 0 0;background:var(--primary-soft);min-height:2px}.trend-col.current .tbar{background:linear-gradient(180deg,var(--primary),var(--primary-2))}.trend-col .tlabel{font-size:.68rem;color:var(--muted)}.trend-col .tval{font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f163380;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal{background:var(--bg);border-radius:24px 24px 0 0;width:100%;max-width:32rem;max-height:80dvh;overflow-y:auto;padding:1.3rem 1.1rem calc(1.3rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.8rem}.cat-pick{display:flex;flex-wrap:wrap;gap:.5rem}.check-row{display:flex;align-items:center;gap:.5rem;font-size:.92rem}.check-row input{accent-color:var(--primary)}.action-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.5rem}.action-list li::marker{color:var(--primary);font-weight:700}.nav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--card);border-top:none;border-radius:22px 22px 0 0;box-shadow:0 -6px 24px #1f163314;display:flex;justify-content:space-around;max-width:32rem;margin:0 auto;padding:.45rem 0 calc(.45rem + env(safe-area-inset-bottom))}.nav button{background:none;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.68rem;font-weight:600;padding:.25rem .6rem}.nav button.on{color:var(--primary)}.nav .ico{font-size:1.25rem;line-height:1}.nav .add-btn{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border-radius:50%;width:3.3rem;height:3.3rem;margin-top:-1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.7rem;box-shadow:0 8px 20px #7c3aed73}.center-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:2rem 1.5rem;background:radial-gradient(circle at 15% 12%,var(--primary-soft) 0%,transparent 45%),radial-gradient(circle at 85% 88%,var(--primary-soft) 0%,transparent 45%),var(--bg)}.logo{font-size:2.4rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--primary-2));-webkit-background-clip:text;background-clip:text;color:transparent}.form-col{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:20rem}.error{color:var(--red);font-size:.9rem}.fx-row{display:flex;align-items:center;gap:.6rem}.fx-row input{flex:1}.fx-row .del{background:none;border:none;color:var(--red);font-size:1.1rem}.toast{position:fixed;bottom:5.4rem;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:.65rem 1.2rem;border-radius:99px;font-size:.9rem;z-index:60;white-space:nowrap;box-shadow:0 8px 20px #1f163340}@media (prefers-reduced-motion: no-preference){.btn,.chip,.nav button{transition:transform .1s ease,opacity .15s ease}.btn:active,.chip:active,.nav .add-btn:active{transform:scale(.97)}}