*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0d;--bg2:#141414;--bg3:#1c1c1c;--border:#2a2a2a;--border2:#333;--text:#f0ede8;--text2:#888;--text3:#555;--red:#ff4d4d;--red-dim:#ff4d4d14;--amber:#ffb020;--amber-dim:#ffb02014;--blue:#4d9eff;--radius:12px;--radius-sm:8px;--font:"Sora", sans-serif;--mono:"DM Mono", monospace;--sidebar-w:220px;--bottom-nav-h:64px;--accent:#00e87a;--accent-dim:#00e87a14;--green:#00e87a;--green-dim:#00e87a14}[data-theme=light]{--bg:#f5f5f3;--bg2:#fff;--bg3:#ebebea;--border:#e0e0de;--border2:#cecece;--text:#111110;--text2:#555;--text3:#999;--red:#d93025;--red-dim:#d9302514;--amber:#b45309;--blue:#1a6ee8}[data-accent=green]{--accent:#00e87a;--accent-dim:#00e87a14;--accent-mid:#00e87a33;--green:#00e87a;--green-dim:#00e87a14}[data-accent=blue]{--accent:#4d9eff;--accent-dim:#4d9eff14;--accent-mid:#4d9eff33;--green:#4d9eff;--green-dim:#4d9eff14}[data-accent=purple]{--accent:#a855f7;--accent-dim:#a855f714;--accent-mid:#a855f733;--green:#a855f7;--green-dim:#a855f714}[data-accent=orange]{--accent:#ff6b35;--accent-dim:#ff6b3514;--accent-mid:#ff6b3533;--green:#ff6b35;--green-dim:#ff6b3514}html,body,#root{height:100%;font-family:var(--font);background:var(--bg);color:var(--text)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);z-index:100;flex-direction:column;padding:28px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.logo{align-items:center;gap:10px;margin-bottom:36px;padding:0 4px;display:flex}.logo-mark{background:var(--accent);color:#000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;font-weight:700;display:flex}.logo-text{letter-spacing:-.5px;font-size:20px;font-weight:700}.nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text2);font-family:var(--font);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:400;text-decoration:none;transition:all .15s;display:flex}.nav-item svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:17px;height:17px}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:var(--accent-dim);color:var(--accent);font-weight:500}.sidebar-footer{margin-top:auto}.toggle-label{color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;display:block}.toggle-group{grid-template-columns:1fr 1fr;gap:4px;display:grid}.toggle-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text2);font-family:var(--mono);cursor:pointer;background:0 0;padding:6px 4px;font-size:11px;transition:all .15s}.toggle-btn:hover{border-color:var(--border2);color:var(--text)}.toggle-btn.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:500}.main{margin-left:var(--sidebar-w);flex:1;min-height:100vh;padding:36px 32px;overflow-y:auto}.bottom-nav{height:var(--bottom-nav-h);background:var(--bg2);border-top:1px solid var(--border);z-index:100;padding:0 8px;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{justify-content:space-around;align-items:center;height:100%;display:flex}.bottom-nav-item{color:var(--text3);font-family:var(--font);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;font-size:10px;text-decoration:none;transition:color .15s;display:flex}.bottom-nav-item svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item:hover{color:var(--text)}.page{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:28px;display:flex}.page-title{letter-spacing:-.8px;font-size:28px;font-weight:700;line-height:1.1}.page-sub{color:var(--text2);margin-top:4px;font-size:13px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:18px 20px;display:flex}.stat-income{border-left:3px solid var(--accent)}.stat-expense{border-left:3px solid var(--red)}.stat-net{border-left:3px solid var(--blue)}.stat-rate{border-left:3px solid var(--amber)}.stat-label{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.stat-value{font-family:var(--mono);color:var(--text);letter-spacing:-.5px;font-size:22px;font-weight:500}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px 22px}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex}.panel-title{color:var(--text);font-size:14px;font-weight:500}.dash-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.insight-box{background:var(--bg3);border-radius:var(--radius-sm);border-left:3px solid var(--accent);margin-bottom:14px;padding:14px 16px}.insight-text{color:var(--text2);font-size:13px;line-height:1.65}.spend-breakdown{flex-direction:column;gap:8px;display:flex}.breakdown-row{align-items:center;gap:10px;font-size:12px;display:flex}.breakdown-cat{color:var(--text2);flex-shrink:0;width:90px;font-size:11px}.breakdown-bar-wrap{background:var(--bg3);border-radius:4px;flex:1;height:6px;overflow:hidden}.breakdown-bar{background:var(--amber);border-radius:4px;height:100%;transition:width .4s}.breakdown-amt{font-family:var(--mono);color:var(--text3);text-align:right;flex-shrink:0;width:70px;font-size:11px}.entry-list{flex-direction:column;gap:2px;display:flex}.entry-item{border-bottom:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:14px;padding:11px 8px;transition:background .1s;display:flex}.entry-item:last-child{border-bottom:none}.entry-item:hover{background:var(--bg3)}.entry-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-income{background:var(--accent)}.dot-expense{background:var(--red)}.entry-info{flex:1;min-width:0}.entry-desc{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.entry-meta{color:var(--text3);margin-top:2px;font-size:11px}.entry-amount{font-family:var(--mono);flex-shrink:0;font-size:14px;font-weight:500}.amt-income{color:var(--accent)}.amt-expense{color:var(--red)}.entry-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex}.entry-item:hover .entry-actions{opacity:1}.icon-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;font-size:13px;transition:all .15s;display:flex}.icon-btn:hover{background:var(--red-dim);color:var(--red)}.icon-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}.goals-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.goal-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;transition:border-color .15s;position:relative}.goal-card:hover{border-color:var(--border2)}.goal-card:hover .icon-btn{opacity:1}.icon-btn{opacity:0}.goal-top{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.goal-name{font-size:15px;font-weight:600}.goal-target{color:var(--text2);font-size:12px;font-family:var(--mono);margin-bottom:14px}.goal-progress-wrap{background:var(--bg3);border-radius:6px;height:8px;margin-bottom:10px;overflow:hidden}.goal-progress-bar{background:var(--accent);border-radius:6px;height:100%;transition:width .5s}.goal-stats{color:var(--text3);font-size:11px;font-family:var(--mono);justify-content:space-between;display:flex}.goal-pct{color:var(--accent);font-size:13px;font-weight:600}.goal-add-btn{border:1px dashed var(--border2);color:var(--text3);border-radius:var(--radius-sm);cursor:pointer;width:100%;font-size:12px;font-family:var(--font);background:0 0;margin-top:12px;padding:6px 12px;transition:all .15s}.goal-add-btn:hover{border-color:var(--accent);color:var(--accent)}.goal-empty,.empty-state{text-align:center;color:var(--text3);padding:32px 20px;font-size:13px;line-height:1.7}.goal-empty{grid-column:1/-1}.filter-select{background:var(--bg3);border:1px solid var(--border);color:var(--text2);font-family:var(--font);border-radius:var(--radius-sm);cursor:pointer;padding:6px 10px;font-size:12px}.season-badge{border:1px solid var(--border2);color:var(--text2);font-size:11px;font-family:var(--mono);white-space:nowrap;border-radius:20px;padding:5px 12px}.btn-primary{background:var(--accent);color:#000;border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;padding:10px 18px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s}.btn-primary:hover{opacity:.88}.btn-primary:active{transform:scale(.97)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000000bf;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;width:420px;max-width:95vw;max-height:90vh;animation:.2s modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border);background:var(--bg2);z-index:1;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.modal-title{font-size:16px;font-weight:600}.modal-close{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;line-height:1;transition:background .1s}.modal-close:hover{background:var(--bg3);color:var(--text)}.modal-body{padding:20px 24px 24px}.form-group{margin-bottom:16px}.form-label{color:var(--text2);letter-spacing:.03em;margin-bottom:6px;font-size:12px;display:block}.form-input,.form-select{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font);border-radius:var(--radius-sm);outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text3)}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-submit{width:100%;margin-top:8px;padding:12px;font-size:14px}.form-error{color:var(--red);margin-top:4px;font-size:11px}@media (width<=768px){.sidebar{display:none}.bottom-nav{display:block}.main{padding:20px 16px;padding-bottom:calc(var(--bottom-nav-h) + 16px);margin-left:0}.dash-grid{grid-template-columns:1fr}.page-title{font-size:22px}.stat-value{font-size:18px}}@media (width<=480px){.stat-row{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}}:root{--bg:#0d0d0d;--bg2:#141414;--bg3:#1c1c1c;--border:#2a2a2a;--border2:#333;--text:#f0ede8;--text2:#888;--text3:#555;--green:#00e87a;--green-dim:#00e87a14;--red:#ff4d4d;--red-dim:#ff4d4d14;--amber:#ffb020;--blue:#4d9eff}[data-theme=light]{--bg:#f7f7f5;--bg2:#fff;--bg3:#f0f0ee;--border:#e5e5e3;--border2:#d5d5d3;--text:#111110;--text2:#666;--text3:#999;--green-dim:#00b45a14;--red-dim:#dc323214}.theme-toggle{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:7px 10px;font-size:15px;line-height:1;transition:background .15s}.theme-toggle:hover{background:var(--border)}.landing{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font)}.landing-nav{border-bottom:1px solid var(--border);background:var(--bg);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:sticky;top:0}.landing-nav-right{align-items:center;gap:12px;display:flex}.hero{text-align:center;max-width:760px;margin:0 auto;padding:80px 24px 64px}.hero-badge{border:1px solid var(--border2);color:var(--text2);font-size:12px;font-family:var(--mono);border-radius:20px;margin-bottom:24px;padding:6px 14px;display:inline-block}.hero-title{letter-spacing:-2px;margin-bottom:20px;font-size:clamp(42px,8vw,72px);font-weight:700;line-height:1.05}.hero-accent{color:var(--green)}.hero-sub{color:var(--text2);max-width:520px;margin:0 auto 32px;font-size:17px;line-height:1.7}.hero-actions{flex-direction:column;align-items:center;gap:12px;margin-bottom:48px;display:flex}.btn-lg{border-radius:10px!important;padding:14px 28px!important;font-size:15px!important}.hero-note{color:var(--text3);font-size:12px;font-family:var(--mono)}.hero-stats{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;gap:32px;padding:24px 32px;display:flex}.hero-stat{text-align:center}.hero-stat-val{font-size:28px;font-weight:700;font-family:var(--mono);color:var(--green);display:block}.hero-stat-label{color:var(--text3);font-size:11px}.hero-stat-div{background:var(--border);width:1px;height:36px}.landing-section{max-width:1000px;margin:0 auto;padding:72px 24px}.section-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--green);text-align:center;margin-bottom:10px;font-size:11px;font-weight:500}.section-title{letter-spacing:-.8px;text-align:center;margin-bottom:40px;font-size:clamp(24px,4vw,36px);font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.feature-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .15s,transform .15s}.feature-card:hover{border-color:var(--green);transform:translateY(-2px)}.feature-icon{margin-bottom:12px;font-size:24px}.feature-title{margin-bottom:8px;font-size:15px;font-weight:600}.feature-desc{color:var(--text2);font-size:13px;line-height:1.6}.testimonials-section{background:var(--bg2);border-radius:var(--radius);max-width:100%;padding:72px 48px}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:1000px;margin:0 auto;display:grid}.testimonial-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px}.testimonial-text{color:var(--text2);margin-bottom:16px;font-size:14px;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:10px;display:flex}.testimonial-avatar{background:var(--green-dim);border:1px solid var(--green);width:36px;height:36px;color:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.testimonial-name{font-size:13px;font-weight:600}.testimonial-role{color:var(--text3);font-size:11px}.cta-section{text-align:center;max-width:600px;margin:0 auto;padding:80px 24px}.cta-title{letter-spacing:-.8px;margin-bottom:12px;font-size:clamp(24px,4vw,36px);font-weight:700}.cta-sub{color:var(--text2);margin-bottom:28px;font-size:15px;line-height:1.6}.landing-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 48px;display:flex}.footer-tag{color:var(--text3);font-size:12px}@media (width<=768px){.landing-nav{padding:16px 20px}.hero{padding:48px 20px 40px}.hero-stats{flex-wrap:wrap;gap:20px;padding:16px 20px}.testimonials-section{padding:48px 20px}.landing-footer{text-align:center;flex-direction:column;padding:20px}}.app-theme-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text2);font-family:var(--font);cursor:pointer;background:0 0;align-items:center;gap:8px;width:100%;margin-top:10px;padding:8px 12px;font-size:12px;transition:all .15s;display:flex}.app-theme-btn:hover{background:var(--bg3);color:var(--text)}