:root,[data-theme=dark]{--c-bg: #0a0a0f;--c-card: #12121a;--c-card-hover: #1a1a25;--c-border: #1e1e2e;--c-border-subtle: #1e1e2e36;--c-accent: #6ee7b7;--c-accent-dim: #6ee7b740;--c-accent-subtle: #6ee7b728;--c-red: #f87171;--c-red-dim: #f8717130;--c-red-subtle: #f8717118;--c-red-medium: #f8717160;--c-yellow: #fbbf24;--c-blue: #60a5fa;--c-purple: #a78bfa;--c-text: #e2e8f0;--c-text-dim: #64748b;--c-text-muted: #475569;--c-hero-gradient: #1a1a2e}[data-theme=light]{--c-bg: #f0f2f8;--c-card: #ffffff;--c-card-hover: #f5f7fc;--c-border: #dde1f0;--c-border-subtle: #dde1f036;--c-accent: #0d9e6e;--c-accent-dim: #0d9e6e28;--c-accent-subtle: #0d9e6e18;--c-red: #d63b50;--c-red-dim: #d63b5020;--c-red-subtle: #d63b5012;--c-red-medium: #d63b5060;--c-yellow: #c87c00;--c-blue: #2563eb;--c-purple: #6d4ed8;--c-text: #1a1d2e;--c-text-dim: #5a6080;--c-text-muted: #9aa0b8;--c-hero-gradient: #e8ecf8}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--font-body: "DM Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: clamp(10px, 2.5vw, 11px);--text-sm: clamp(11px, 2.8vw, 13px);--text-base: clamp(13px, 3.2vw, 14px);--text-md: clamp(14px, 3.5vw, 16px);--text-lg: clamp(16px, 4vw, 18px);--text-xl: clamp(20px, 5vw, 24px);--text-2xl: clamp(24px, 6vw, 28px);--text-3xl: clamp(28px, 7.5vw, 32px);--app-max-width: 480px;--bottom-nav-h: 64px;--header-h: 56px;--sidebar-w: 220px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--tap-min: 44px;--z-nav: 100;--z-modal: 1000}@media (min-width: 1024px){:root{--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 34px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);min-height:100vh;min-height:100dvh;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh}.app-shell{width:100%;max-width:var(--app-max-width);margin-inline:auto;padding-bottom:var(--bottom-nav-h);min-height:100dvh}@media (min-width: 768px){.app-shell{max-width:900px}}@media (min-width: 1024px){.app-shell{max-width:1280px;display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar header" "sidebar main";padding-bottom:0;align-items:start}}.app-header{padding:var(--space-xl) var(--space-lg) var(--space-md);display:flex;justify-content:space-between;align-items:center}@media (min-width: 1024px){.app-header{grid-area:header;padding:var(--space-2xl) var(--space-2xl) var(--space-lg);border-bottom:1px solid var(--c-border)}}@media (min-width: 1024px){.main-content{grid-area:main;min-height:calc(100dvh - 80px);overflow-y:auto;padding:var(--space-2xl) var(--space-2xl) var(--space-2xl)}}.tab-bar{display:flex;gap:var(--space-xs);padding:0 var(--space-lg);margin-bottom:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-bar__btn{flex:1;min-width:72px;padding:var(--space-sm) 0;border-radius:var(--radius-sm);border:none;font-size:var(--text-sm);font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}@media (min-width: 1024px){.tab-bar{display:none}}.sidebar-nav{display:none}@media (min-width: 1024px){.sidebar-nav{grid-area:sidebar;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;width:var(--sidebar-w);background:var(--c-card);border-right:1px solid var(--c-border);padding:var(--space-2xl) var(--space-md);gap:var(--space-xs);z-index:var(--z-nav);overflow-y:auto}}.sidebar-nav__logo{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xl)}.sidebar-nav__logo-title{font-size:20px;font-weight:700;letter-spacing:-.5px}.sidebar-nav__logo-sub{font-size:var(--text-xs);color:var(--c-text-dim);margin-top:2px}.sidebar-nav__btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);border:none;background:transparent;color:var(--c-text-dim);font-family:inherit;font-size:var(--text-base);font-weight:500;cursor:pointer;text-align:left;width:100%;transition:background .15s,color .15s;min-height:var(--tap-min)}.sidebar-nav__btn:hover{background:var(--c-card-hover);color:var(--c-text)}.sidebar-nav__btn--active{background:var(--c-accent-dim);color:var(--c-accent);font-weight:600}.sidebar-nav__btn-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.sidebar-nav__spacer{flex:1}.sidebar-nav__divider{height:1px;background:var(--c-border);margin:var(--space-sm) 0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);height:var(--bottom-nav-h);background:var(--c-card);border-top:1px solid var(--c-border);display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0px);z-index:var(--z-nav)}@media (min-width: 768px){.bottom-nav{max-width:900px}}@media (min-width: 1024px){.bottom-nav{display:none}}.bottom-nav__btn{background:none;border:none;color:var(--c-text-dim);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:inherit;min-width:var(--tap-min);min-height:var(--tap-min);justify-content:center;padding:4px 8px}.bottom-nav__btn--accent{color:var(--c-accent)}.fab{border-radius:50%;width:52px;height:52px;min-width:52px;min-height:52px;margin-top:-20px;display:flex;align-items:center;justify-content:center;font-size:26px;border:none;cursor:pointer}.fab--sidebar{border-radius:var(--radius-md);width:100%;height:auto;min-width:unset;min-height:var(--tap-min);margin-top:0;font-size:var(--text-base);font-weight:700;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md)}.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-md)}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-lg)}.account-grid--single{grid-template-columns:1fr}@media (min-width: 768px){.account-grid{gap:var(--space-md)}}@media (min-width: 1024px){.account-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.account-grid--single{grid-template-columns:minmax(200px,360px)}}@media (min-width: 1024px){.budget-rows-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.budget-rows-grid>*{border-right:1px solid var(--c-border)}.budget-rows-grid>*:nth-child(2n){border-right:none}}@media (min-width: 768px){.goals-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}}@media (min-width: 1024px){.goals-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}}@media (min-width: 1024px){.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start}.dashboard-grid__full{grid-column:1 / -1}}.view-pad{padding:0 var(--space-lg)}@media (min-width: 1024px){.view-pad{padding:0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;z-index:var(--z-modal);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-card{background:var(--c-card);border:1px solid var(--c-border);width:100%;max-width:420px}@media (max-width: 479px){.modal-overlay--center{align-items:flex-end;justify-content:center}.modal-card--quickadd{border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-2xl) var(--space-lg) calc(var(--space-2xl) + env(safe-area-inset-bottom,0px));max-height:92dvh;overflow-y:auto}}@media (min-width: 480px){.modal-overlay--center{align-items:center;justify-content:center}.modal-card--quickadd{border-radius:var(--radius-lg);padding:var(--space-2xl);max-height:90dvh;overflow-y:auto;max-width:500px}}.chat-panel{background:var(--c-card);border:1px solid var(--c-border);display:flex;flex-direction:column}@media (max-width: 767px){.modal-overlay--chat{align-items:flex-end;justify-content:center}.chat-panel{width:100%;max-width:var(--app-max-width);height:75dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}@media (min-width: 768px){.modal-overlay--chat{align-items:center;justify-content:center}.chat-panel{width:100%;max-width:500px;height:min(70vh,600px);border-radius:var(--radius-lg)}}.pin-screen{background:var(--c-bg);min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-body);padding:var(--space-2xl) var(--space-lg)}.pin-inputs{display:flex;gap:clamp(8px,2.5vw,14px);margin-bottom:var(--space-2xl)}.pin-input{width:clamp(42px,11vw,54px);height:clamp(50px,13vw,60px);text-align:center;font-size:clamp(20px,5vw,26px);font-family:var(--font-mono);font-weight:700;border-radius:var(--radius-md);outline:none;caret-color:transparent;transition:all .15s ease}input,select,textarea{min-height:var(--tap-min);font-size:var(--text-base)}button{min-height:var(--tap-min);touch-action:manipulation}.btn-icon{min-height:unset;min-width:unset}.text-mono{font-family:var(--font-mono)}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}.section-label{font-size:var(--text-sm);font-weight:600;color:var(--c-text-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}@media (min-width: 1024px){.section-label{font-size:var(--text-base);margin-bottom:12px}}.full-width{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}