:root{--bg:#060d1a;--surface:#0f1f38;--surface-border:#1e3557;--sidebar:#0b1526;--sidebar-border:#16274180;--raised:#122340;--raised-border:#1e3557;--input-bg:#0a1729;--input-border:#1b2f4e;--hairline:#17294f;--accent:#2e7bff;--accent-hover:#4c8dff;--accent-fg:#02101f;--text:#eaf1fb;--text-dim:#a8c3e6;--text-dimmer:#7e9bc4;--text-faint:#6e88ac;--text-inactive:#93aac9;--warn:#ffc46b;--warn-strong:#ffd08f;--danger:#ff7a6b;--danger-strong:#ff9b8f;--good:#7fb3ff;--card-tint-bg:#e9f1fc;--card-tint-text:#08172c;--card-tint-text-dim:#3f5f8a;--card-tint-label:#52709b;--card-tint-pill-bg:#d3e4fa;--card-tint-pill-fg:#14417f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:IBM Plex Sans,system-ui,sans-serif}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:#8bb6ff}input,select,textarea,button{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-faint)}button{font:inherit}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shell{background:var(--bg);min-height:100vh;color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--sidebar-border);flex-direction:column;flex:none;gap:28px;width:236px;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 6px;display:flex}.brand-mark{background:var(--accent);color:#03101f;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;display:flex}.brand-name{letter-spacing:-.2px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600}.side-nav{flex-direction:column;gap:3px;display:flex}.nav-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:10px 12px;font:500 13.5px/1 IBM Plex Sans,sans-serif;transition:background .16s,color .16s;display:flex}.nav-item:hover{color:#fff;background:#112038}.nav-item.active{color:#fff;background:#173461}.nav-item .glyph{opacity:.9;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.side-goal{background:var(--raised);border:1px solid var(--raised-border);border-radius:14px;margin-top:auto;padding:14px}.eyebrow{letter-spacing:.1em;color:var(--text-dimmer);text-transform:uppercase;font:500 10.5px/1 IBM Plex Mono,monospace}.side-goal-value{margin:9px 0 8px;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:600}.bar-track{background:var(--input-bg);border-radius:99px;height:6px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:99px;height:100%}.side-goal-sub{color:var(--text-dimmer);margin-top:8px;font-size:11.5px}.main{flex:1;min-width:0;padding-bottom:96px}.page{max-width:1160px;margin:0 auto;padding:26px 18px 0}.page-narrow{max-width:720px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-header h1{letter-spacing:-.5px;margin:9px 0 0;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:600}.eyebrow-label{letter-spacing:.12em;color:var(--text-dimmer);text-transform:uppercase;font:500 11px/1 IBM Plex Mono,monospace}.primary-btn{background:var(--accent);color:var(--accent-fg);cursor:pointer;border:0;border-radius:12px;flex:none;align-items:center;gap:8px;padding:12px 17px;font:600 13.5px/1 IBM Plex Sans,sans-serif;display:flex}.primary-btn:hover{background:var(--accent-hover)}.back-btn{background:var(--surface);border:1px solid var(--surface-border);width:38px;height:38px;color:var(--text-dim);cursor:pointer;border-radius:12px;flex:none;font-size:16px}.back-btn:hover{background:#16294a}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:18px;padding:20px}.tint-card{background:var(--card-tint-bg);border-radius:18px;padding:22px 24px}.card h2{letter-spacing:-.2px;margin:0;font-family:Space Grotesk,sans-serif;font-size:16.5px;font-weight:600}.grid-2{grid-template-columns:1fr;gap:14px;display:grid}.grid-2.desktop{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;padding:17px 18px}.metric-value{letter-spacing:-.7px;color:#fff;margin:12px 0 10px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600}.metric-delta{align-items:center;gap:7px;font:500 12px/1 IBM Plex Sans,sans-serif;display:flex}.segmented{background:var(--input-bg);border:1px solid var(--input-border);border-radius:11px;gap:4px;padding:4px;display:flex}.segmented button{cursor:pointer;color:var(--text-inactive);background:0 0;border:0;border-radius:8px;padding:7px 11px;font:500 12px/1 IBM Plex Sans,sans-serif}.segmented button.active{background:var(--accent);color:var(--accent-fg)}.bar-chart{align-items:flex-end;gap:2px;height:196px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:9px;min-width:0;height:100%;display:flex}.bar-pair{flex:1;justify-content:center;align-items:flex-end;gap:4px;width:100%;display:flex}.bar{border-radius:7px 7px 3px 3px;width:36%;max-width:20px;transition:height .35s cubic-bezier(.4,0,.2,1)}.bar-label{color:var(--text-faint);white-space:nowrap;font:500 10.5px/1 IBM Plex Mono,monospace}.donut-wrap{justify-content:center;align-items:center;margin:18px 0 6px;display:flex;position:relative}.donut-center{text-align:center;position:absolute}.cat-row{align-items:center;gap:11px;padding:9px 2px;display:flex}.dot{border-radius:3px;flex:none;width:9px;height:9px}.budget-row+.budget-row{margin-top:15px}.progress-track{background:var(--input-bg);border-radius:99px;height:8px;position:relative;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width .4s}.tx-row{border-bottom:1px solid var(--hairline);align-items:center;gap:13px;padding:13px 0;display:flex}.tx-icon{background:var(--raised);border:1px solid var(--surface-border);width:34px;height:34px;color:var(--text-dim);border-radius:11px;flex:none;justify-content:center;align-items:center;font:500 12px/1 IBM Plex Mono,monospace;display:flex}.tx-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;display:block;overflow:hidden}.tx-meta{color:var(--text-faint);margin-top:3px;font-size:11.5px;display:block}.tx-amount{white-space:nowrap;font:500 13.5px/1 IBM Plex Mono,monospace}.field label{letter-spacing:.11em;color:var(--text-dimmer);text-transform:uppercase;margin-bottom:9px;font:500 10.5px/1 IBM Plex Mono,monospace;display:block}.text-input,.select-input{background:var(--input-bg);border:1px solid var(--input-border);color:#fff;appearance:none;border-radius:11px;outline:none;width:100%;padding:12px 13px;font:500 13.5px/1 IBM Plex Sans,sans-serif}.chip{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 13px;font:500 13px/1 IBM Plex Sans,sans-serif;transition:background .14s}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.toggle{cursor:pointer;border:1px solid #23406b;border-radius:99px;flex:none;width:52px;height:30px;transition:background .18s;position:relative}.toggle-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:left .18s cubic-bezier(.4,0,.2,1);position:absolute;top:3px}.overlay{opacity:.72;z-index:60;background:#03080f;animation:.18s fadeIn;position:fixed;inset:0}.sheet-wrap{z-index:61;justify-content:center;animation:.26s cubic-bezier(.2,.8,.2,1) sheetUp;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet{background:var(--surface);border:1px solid #23406b;border-bottom:0;border-radius:22px 22px 0 0;width:100%;max-width:520px;padding:20px 20px 26px}.sheet-handle{background:#2a4877;border-radius:99px;width:40px;height:4px;margin:0 auto 18px}.sheet-item{text-align:left;background:var(--raised);border:1px solid var(--surface-border);cursor:pointer;color:#fff;border-radius:14px;align-items:center;gap:13px;width:100%;padding:15px;font:500 14px/1 IBM Plex Sans,sans-serif;display:flex}.sheet-item:hover{background:#16294a}.bottom-nav{background:var(--sidebar);border-top:1px solid var(--input-border);z-index:40;justify-content:space-around;align-items:flex-end;padding:9px 8px 13px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;min-width:56px;padding:6px 8px;font:500 10.5px/1 IBM Plex Sans,sans-serif;display:flex}.bottom-nav .glyph{font-size:17px;line-height:1}.bottom-nav .glyph.raised{background:var(--accent);width:42px;height:42px;color:var(--accent-fg);box-shadow:0 0 0 4px var(--sidebar);border-radius:14px;justify-content:center;align-items:center;margin-top:-14px;font-size:22px;display:flex}.hairline-list>*+*{border-top:1px solid #0000}.stub{text-align:center;max-width:520px;margin:0 auto;padding:120px 24px}.stub-icon{background:var(--raised);border:1px solid var(--surface-border);width:52px;height:52px;color:var(--good);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 20px;font-size:21px;display:flex}@media (width<=640px){.card,.tint-card{padding:16px}}