*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:17px}:root{--color-primary:#da5597;--color-primary-light:#f472b6;--color-primary-bg:#f8e9e8;--color-primary-gradient:linear-gradient(135deg,#da5597,#f472b6);--color-primary-glow:#ec48994d;--color-text:#1a1a1a;--color-text-muted:#9a8f8a;--color-text-light:#a89e98;--color-text-lighter:#b8afa8;--color-text-invert:#fff;--color-border:#eee;--color-border-dark:#e5e5e5;--color-border-subtle:#0000000a;--color-divider:#f5f5f5;--color-bg:#fdf8f6;--color-card:#fff;--color-card-green:#e5f3e6;--color-card-blue:#e7f0f9;--color-card-pink:#f8e9e8;--color-card-yellow:#fdf8e3;--color-card-purple:#f3e8ff;--color-surface-hover:#f8eeed;--color-input-bg:#fdf8f6;--color-hero-gradient:linear-gradient(135deg,#fce7f3,#e8d5f5,#d5e5f5);--color-overlay:#00000059;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-success-border:#86efac;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-error-border:#fca5a5;--color-info-bg:#eff6ff;--color-info:#3b82f6;--color-info-border:#bfdbfe;--color-warning:#f59e0b;--color-trend-up:#16a34a;--color-trend-down:#e11d48;--fin-cash:#da5597;--fin-invest:#e8a87c;--fin-debt:#c74b8a;--fin-debt-bar:linear-gradient(90deg,#c74b8a,#da5597);--fin-savings-bar:linear-gradient(90deg,#da5597,#f9a8d4);--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.85rem;--radius-xl:1rem;--radius-pill:100px;--shadow-card:0 2px 8px #0000000a;--shadow-elevated:0 8px 32px #0000000f;--shadow-modal:0 20px 60px #00000026;--font-main:"Outfit",-apple-system,sans-serif;--font-script:"Caveat",cursive;--font-heading:var(--font-script);--font-heading-style:italic;--font-heading-weight:700;--heading-text-transform:none;--heading-letter-spacing:normal;--heading-font-size:1.35rem;--title-dot-display:inline-block}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}.sidebar{background:var(--color-card);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;width:220px;padding:1.25rem .75rem;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:visible}.sidebar.ready{transition:width .2s,padding .2s}.sidebar.collapsed{width:62px;padding:1.25rem .45rem}.sidebar-brand{white-space:nowrap;align-items:center;padding:0 .5rem .85rem;animation:.4s cubic-bezier(.16,1,.3,1) both brandFadeIn;display:flex}@keyframes brandFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.collapsed .sidebar-brand{justify-content:center;padding:0 0 .85rem}.brand-main{letter-spacing:0;color:var(--color-text);font-size:1.35rem;font-weight:800;line-height:1}.brand-script{font-family:var(--font-main);color:var(--color-primary);margin-left:.15rem;font-size:1.35rem;font-style:italic;font-weight:700;line-height:1}.brand-monogram{background:var(--color-primary-bg);border:1px solid var(--color-border-subtle);width:32px;height:32px;color:var(--color-primary);border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;transition:transform .2s;display:flex;box-shadow:0 1px 3px #00000005}.brand-monogram:hover{background:var(--color-primary-glow);transform:scale(1.05)}.brand-monogram .mono-k{font-family:var(--font-script);margin-left:1px;font-size:1.2rem}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.nav-btn{border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.6rem;padding:.6rem .75rem;font-family:inherit;font-size:.85rem;text-decoration:none;transition:all .15s;display:flex;position:relative}.collapsed .nav-btn{justify-content:center;padding:.6rem}.collapsed .nav-btn i{font-size:.95rem}.nav-btn:hover{background:var(--color-primary-bg);color:var(--color-text)}.nav-btn.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.nav-sub-group{flex-direction:column;gap:.1rem;padding:.15rem 0 .25rem 1.1rem;display:flex}.nav-sub{color:var(--color-text-muted);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.78rem;text-decoration:none;transition:all .15s;display:flex}.nav-sub:hover{color:var(--color-text);background:var(--color-border-subtle)}.nav-sub.active{color:var(--color-primary);background:var(--color-primary-bg);font-weight:600}.nav-sub i{text-align:center;width:14px;font-size:.65rem}.sidebar-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:.35rem;padding-top:.75rem;display:flex}.reset-btn,.logout-btn{border:1px solid var(--color-border-dark);border-radius:var(--radius-md);width:100%;color:var(--color-text-light);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-family:inherit;font-size:.78rem;transition:all .15s;display:flex}.reset-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.logout-btn:hover{border-color:var(--color-error);color:var(--color-error)}.collapse-toggle{border:1px solid var(--color-border-dark);background:var(--color-card);width:28px;height:28px;color:var(--color-text-lighter);cursor:pointer;z-index:101;opacity:.5;border-radius:50%;justify-content:center;align-items:center;font-size:.55rem;transition:all .15s;display:flex;position:absolute;top:2.5rem;right:-14px;box-shadow:0 1px 4px #00000014}.collapse-toggle:hover{opacity:1;color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-bg);transform:scale(1.1)}.main-content{width:calc(100% - 220px);min-height:100vh;margin-left:220px;padding:2rem 2.5rem 4rem}.main-content.ready{transition:margin-left .2s,width .2s}.main-content.sidebar-collapsed{width:calc(100% - 62px);margin-left:62px}.collapsed-user{justify-content:center;padding:.5rem 0 1rem}.sidebar-user{border-bottom:1px solid var(--color-border);align-items:center;gap:.65rem;margin-bottom:.25rem;padding:.75rem .75rem 1.25rem;display:flex}.user-avatar{background:var(--color-primary-gradient);width:36px;height:36px;color:var(--color-text-invert);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.user-info{overflow:hidden}.user-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.user-email{color:var(--color-text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.mobile-tabs{background:var(--color-card);border-top:1px solid var(--color-border);z-index:100;padding:.35rem 0 env(safe-area-inset-bottom,.35rem);justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}.mob-tab{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .75rem;font-family:inherit;font-size:.72rem;text-decoration:none;display:flex}.mob-tab i{font-size:1.3rem}.mob-tab.active{color:var(--color-primary)}.fab-add{background:var(--color-primary-gradient);color:#fff;cursor:pointer;z-index:99;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;transition:transform .15s,box-shadow .15s;display:none;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 16px #0003}.fab-add:hover{transform:scale(1.08);box-shadow:0 6px 24px #00000047}.fab-add:active{transform:scale(.95)}.fab-add:disabled{opacity:.7;cursor:wait}.month-nav{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.month-arrow{cursor:pointer;color:var(--color-text-lighter);background:0 0;border:none;border-radius:.4rem;justify-content:center;align-items:center;padding:.4rem;font-size:.85rem;text-decoration:none;transition:all .15s;display:flex}.month-arrow:hover{color:var(--color-primary);background:var(--color-primary-bg)}.month-label{color:var(--color-text);text-align:center;min-width:160px;font-size:1.05rem;font-weight:700}.month-nav-inline{align-items:center;gap:.25rem;display:inline-flex}.month-nav-inline .month-arrow{padding:.2rem .3rem;font-size:.7rem}.subtitle-dot{color:var(--color-text-lighter);margin:0 .25rem}.month-banner{border-radius:var(--radius-lg);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.55rem .85rem;font-size:.82rem;animation:.25s fadeIn;display:flex}.month-banner.past{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.month-banner.welcome{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.banner-dismiss{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;margin-left:auto;padding:.2rem;font-size:.75rem;transition:opacity .15s}.banner-dismiss:hover{opacity:1}.view-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.view-title{font-size:1.5rem;font-weight:700}.view-subtitle{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.85rem;display:flex}.script-text{font-family:var(--font-script);color:var(--color-primary);font-size:1.2rem}.header-badge{text-align:right}.small-label{color:var(--color-text-lighter);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.badge-value{color:var(--color-text);align-items:center;font-size:1.25rem;font-weight:700;display:flex}.inline-input{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:right;background:0 0;border:none;outline:none;width:6rem}.inline-input.lg{width:8rem}.month-select{border:1px solid var(--color-border-dark);color:var(--color-text-muted);background:var(--color-card);cursor:pointer;border-radius:.4rem;outline:none;padding:.15rem .35rem;font-family:inherit;font-size:.8rem}.card-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.card-row.four{grid-template-columns:repeat(4,1fr)}.stat-card{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);padding:1rem 1.25rem}.card-green{background:var(--color-card-green)}.card-blue{background:var(--color-card-blue)}.card-pink{background:var(--color-card-pink)}.card-yellow{background:var(--color-card-yellow)}.card-purple{background:var(--color-card-purple)}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.35rem;font-size:.72rem}.stat-value{color:var(--color-text);font-size:1.35rem;font-weight:700}.card{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:1.25rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.card-title{font-family:var(--font-heading);font-size:var(--heading-font-size);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);text-transform:var(--heading-text-transform);letter-spacing:var(--heading-letter-spacing);color:var(--color-text);align-items:center;gap:.4rem;display:flex}.title-dot{width:10px;height:10px;display:var(--title-dot-display);border-radius:50%;flex-shrink:0}.budget-section{max-width:1200px}.budget-month-bar{justify-content:center;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.budget-month-label{text-align:center;min-width:140px;color:var(--color-text);font-size:1.1rem;font-weight:700}.budget-tabs{border-bottom:1px solid var(--color-border);gap:.25rem;margin-bottom:1.5rem;padding-bottom:0;display:flex}.budget-tab{color:var(--color-text-muted);border-bottom:2px solid #0000;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.6rem 1rem;font-family:inherit;font-size:.82rem;text-decoration:none;transition:all .15s;display:flex}.budget-tab:hover{color:var(--color-text)}.budget-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.budget-tab i{font-size:.75rem}.journal-header{justify-content:flex-end;margin-bottom:1.25rem;display:flex}.actual-readonly{color:var(--color-text-muted);padding:.2rem 0;font-size:.82rem}.log-btn{border:1px solid var(--color-border-dark);cursor:pointer;width:24px;height:24px;color:var(--color-text-lighter);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;transition:all .15s;display:flex}.log-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.category-readonly{color:var(--color-text);padding:.2rem 0;font-size:.85rem;display:inline-block}@keyframes rowHighlight{0%{background:var(--color-primary-bg)}to{background:0 0}}.row-new{animation:1.2s forwards rowHighlight}.modal-duplicate-warning{color:var(--color-warning,#d97706);align-items:center;gap:.3rem;margin-top:.35rem;font-size:.75rem;display:flex}.overview-section{animation:.3s fadeIn}.overview-stats{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.overview-stat-card{border-radius:var(--radius-lg);background:var(--color-card);border:1px solid var(--color-border);padding:1.15rem 1.25rem}.overview-stat-card.stat-primary{background:var(--color-hero-gradient);border:none}.overview-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.25rem;font-size:.65rem;font-weight:600}.overview-stat-value{color:var(--color-text);margin-bottom:.15rem;font-size:1.5rem;font-weight:800}.overview-stat-sub{color:var(--color-text-light);font-size:.72rem}.stat-primary .overview-stat-value{font-size:2rem}.progress-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:.75rem 1.25rem}.progress-info{color:var(--color-text-muted);justify-content:space-between;margin-bottom:.4rem;font-size:.78rem;font-weight:500;display:flex}.progress-bar-track{background:var(--color-surface-hover);border-radius:10px;height:10px;overflow:hidden}.progress-bar-fill{background:var(--color-primary-gradient);border-radius:10px;height:100%;transition:width .4s}.manage-goals-link{color:var(--color-text-light);align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.manage-goals-link:hover{color:var(--color-primary)}.savings-empty{text-align:center;padding:2rem 1rem}.savings-empty>i{color:#c4b5fd;margin-bottom:.75rem;font-size:2rem;display:block}.savings-empty>p{color:var(--color-text-light);margin-bottom:1rem;font-size:.88rem}.savings-empty-cta{background:var(--color-primary-gradient);color:var(--color-text-invert);border-radius:var(--radius-md);align-items:center;gap:.35rem;padding:.5rem 1.1rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.savings-empty-cta:hover{box-shadow:0 4px 16px var(--color-primary-glow);transform:translateY(-1px)}.savings-section{margin-bottom:1.5rem}.savings-section>.card-title{margin-bottom:.75rem}.savings-buckets{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.bucket-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem}.bucket-name{color:var(--color-text);margin-bottom:.35rem;font-size:.85rem;font-weight:700}.bucket-amount{color:var(--color-text);margin-bottom:.5rem;font-size:1.4rem;font-weight:800}.bucket-bar-track{background:var(--color-surface-hover);border-radius:6px;height:6px;margin-bottom:.35rem;overflow:hidden}.bucket-bar-fill{border-radius:6px;height:100%;transition:width .4s}.bucket-target{color:var(--color-text-light);text-align:right;font-size:.72rem}.yearly-card{margin-bottom:1rem}.txn-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.txn-summary{align-items:baseline;gap:.75rem;display:flex}.txn-count{color:var(--color-text-muted);font-size:.85rem}.txn-total{color:var(--color-text);font-size:1.1rem;font-weight:700}.txn-add-btn{background:var(--color-primary-gradient);color:var(--color-text-invert);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.txn-add-btn:hover{box-shadow:0 4px 16px var(--color-primary-glow);transform:translateY(-1px)}.txn-card{padding:0}.txn-table td{padding:.55rem .5rem}.txn-date{white-space:nowrap;color:var(--color-text-muted);font-size:.8rem;font-weight:500}.txn-date-input{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.15rem .25rem;font-family:inherit;font-size:.8rem;transition:background .15s}.txn-date-input:hover{background:var(--color-surface-hover)}.txn-date-input:focus{background:var(--color-surface-hover);outline:none}.txn-category .category-badge{background:var(--color-primary-bg);color:var(--color-primary);white-space:nowrap;border-radius:1rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.txn-empty{text-align:center;color:var(--color-text-light);padding:3rem 1rem}.txn-empty i{color:var(--color-border-dark);margin-bottom:.75rem;font-size:2rem}.txn-empty p{margin-bottom:.25rem;font-size:.9rem}.txn-empty-hint{color:var(--color-text-lighter);font-size:.78rem}.modal-overlay{background:var(--color-overlay);z-index:1000;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-card);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-modal);animation:.2s modalSlide}.modal-card.modal-sm{max-width:360px}@keyframes modalSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem .75rem;display:flex}.modal-title{font-size:1.05rem;font-weight:700}.modal-close{cursor:pointer;color:var(--color-text-light);background:0 0;border:none;padding:.25rem;font-size:.9rem;transition:color .15s}.modal-close:hover{color:var(--color-text)}.modal-body{padding:.75rem 1.5rem}.modal-field{margin-bottom:.85rem}.modal-field label{color:var(--color-text-muted);margin-bottom:.3rem;font-size:.78rem;font-weight:600;display:block}.modal-input{border:1px solid var(--color-border-dark);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:var(--color-input-bg);outline:none;padding:.55rem .75rem;font-family:inherit;font-size:.85rem;transition:border-color .2s}.modal-input:focus{border-color:var(--color-primary);background:var(--color-card)}.modal-category-badge{background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-md);padding:.45rem .75rem;font-size:.85rem;font-weight:600}.modal-footer{justify-content:flex-end;gap:.5rem;padding:.75rem 1.5rem 1.25rem;display:flex}.modal-cancel-btn{border:1px solid var(--color-border-dark);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;padding:.5rem 1rem;font-family:inherit;font-size:.82rem;transition:all .15s}.modal-cancel-btn:hover{border-color:var(--color-border-dark);color:var(--color-text-muted)}.modal-save-btn{background:var(--color-primary-gradient);color:var(--color-text-invert);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.modal-save-btn:hover:not(:disabled){box-shadow:0 4px 16px var(--color-primary-glow);transform:translateY(-1px)}.modal-save-btn:disabled{opacity:.6;cursor:not-allowed}.modal-delete-btn{background:var(--color-error);color:var(--color-text-invert);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:transform .15s;display:flex}.modal-delete-btn:hover{transform:translateY(-1px)}.delete-warning{color:var(--color-text);font-size:.88rem;line-height:1.5}.modal-type-selector{flex-wrap:wrap;gap:.35rem;display:flex}.modal-type-pill{border:1.5px solid var(--color-border-dark);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:2rem;padding:.35rem .7rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.modal-type-pill:hover{border-color:var(--pill-color);color:var(--color-text)}.modal-type-pill.active{background:var(--pill-color);border-color:var(--pill-color);color:var(--color-text)}.due-cell{text-align:center;width:3rem}.due-input{text-align:center;width:2.5rem;font-size:.8rem}.days-left{color:var(--color-text-light);font-size:.8rem;font-weight:500}.add-btn{border:1px solid var(--color-border-dark);cursor:pointer;width:28px;height:28px;color:var(--color-text-light);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;transition:all .15s;display:flex}.add-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.charts-row{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.charts-row>.chart-card:first-child{grid-column:span 1}.charts-row>.chart-card:nth-child(2){grid-column:span 3}.chart-card.full-width{grid-column:1/-1}.chart-wrap{height:240px;position:relative}.chart-wrap.wide{height:300px}.donut-wrap{max-width:155px;height:auto;margin:0 auto;padding-top:.75rem;position:relative}.donut-center-label{text-align:center;pointer-events:none;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-amount{color:var(--color-text);font-size:1.25rem;font-weight:700;line-height:1.2;display:block}.donut-center-text{letter-spacing:.1em;color:var(--color-text-muted);text-transform:uppercase;font-size:.6rem;font-weight:600;display:block}.donut-legend{border-top:1px solid var(--color-divider);flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.75rem 0 0;display:flex}.donut-legend-row{align-items:center;gap:.5rem;font-size:.82rem;display:flex}.donut-legend-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.donut-legend-label{color:var(--color-text);flex:1}.donut-legend-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:600}.planner-hero{background:var(--color-hero-gradient,linear-gradient(135deg,#fce7f3,#fdf2f8,#f8e9e8));border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:1.25rem;padding:0;display:flex;position:relative;overflow:hidden}.planner-hero:before{content:"";background:radial-gradient(circle,var(--color-primary-glow,#da559714)0%,transparent 70%);pointer-events:none;width:180px;height:180px;position:absolute;top:-30%;right:-5%}.planner-hero-left{border-right:1px solid var(--color-border-subtle);flex-direction:column;flex-shrink:0;justify-content:center;min-width:180px;padding:1.25rem 1.75rem;display:flex}.planner-lts-value{font-family:var(--font-heading,inherit);font-style:var(--font-heading-style,normal);font-weight:var(--font-heading-weight,700);color:var(--color-text);font-variant-numeric:tabular-nums;margin:.25rem 0 .3rem;font-size:1.85rem;line-height:1.15}.planner-lts-sub{color:var(--color-text-muted);margin-bottom:.15rem;font-size:.75rem}.planner-lts-days{color:var(--color-text-light);font-size:.68rem}.planner-hero-right{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:1.25rem 1.75rem;display:flex}.planner-hero-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-light);margin-bottom:.3rem;font-size:.62rem;font-weight:700}.planner-hero-greeting{font-family:var(--font-heading,inherit);font-style:var(--font-heading-style,normal);font-weight:var(--font-heading-weight,400);color:var(--color-text);margin:0 0 .35rem;font-size:1.55rem;line-height:1.25}.planner-hero-summary{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;display:flex}.planner-stat{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.planner-stat-label{color:var(--color-text-muted);font-size:.8rem;font-weight:400}.planner-stat-dot{color:var(--color-text-lighter);-webkit-user-select:none;user-select:none;font-size:.85rem}.planner-stat-negative{color:var(--color-error)}.planner-stat-negative .planner-stat-label{color:var(--color-error);opacity:.7}.planner-progress-row{border-top:1px solid var(--color-border-subtle);align-items:center;gap:.75rem;margin-top:.85rem;padding-top:.75rem;display:flex}.planner-progress-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-light);white-space:nowrap;flex-shrink:0;font-size:.6rem;font-weight:700}.planner-progress-track{background:var(--color-border);border-radius:3px;flex:1;height:5px;overflow:hidden}.planner-progress-fill{background:var(--color-primary-gradient);border-radius:3px;height:100%;transition:width .5s}.planner-progress-pct{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:2.5rem;font-size:.72rem;font-weight:700}.planner-progress-over{color:var(--color-error)}@media (max-width:640px){.planner-hero{flex-direction:column}.planner-hero-left{border-right:none;border-bottom:1px solid var(--color-border-subtle);min-width:0;padding:1rem 1.25rem}.planner-hero-right{padding:1rem 1.25rem}.planner-lts-value{font-size:1.5rem}.planner-hero-greeting{font-size:1.15rem}.planner-stat{font-size:.78rem}.planner-stat-label{font-size:.72rem}}.tables-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:1.5rem;display:grid}@media (min-width:1024px){.tables-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}.expenses-span{grid-area:1/3/3;align-self:stretch}}.table-card{overflow:hidden}.table-card.full-width{grid-column:1/-1}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.82rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-light);border-bottom:1px solid var(--color-border);padding:.45rem .5rem;font-size:.7rem;font-weight:600}.data-table td{border-bottom:1px solid var(--color-divider);padding:.4rem .5rem}.total-row td{border-top:2px solid var(--color-border);padding-top:.6rem;font-weight:700}.cell-input{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none;width:100%;padding:.2rem .25rem;transition:background .15s}.cell-display{font-size:inherit;color:inherit;border-radius:var(--radius-sm);padding:.2rem .25rem;transition:background .15s;display:inline-block}.cell-display:hover{background:var(--color-surface-hover)}.cell-input:focus{background:var(--color-primary-bg);border-radius:var(--radius-sm);padding:.2rem .35rem}.check-cell{text-align:center;width:30px}.del-btn{color:var(--color-border-dark);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.75rem;transition:color .15s}.del-btn:hover{color:var(--color-error)}.archive-btn{color:var(--color-border-dark);cursor:pointer;background:0 0;border:none;margin-top:.35rem;padding:.25rem;font-size:.72rem;transition:color .15s}.archive-btn:hover{color:var(--color-warning)}.nw-table th,.nw-table td{text-align:right;white-space:nowrap}.nw-table th:first-child,.nw-table td:first-child{text-align:left}.section-label{color:var(--color-text);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.goal-form-fields{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-top:.75rem;display:flex}.goal-form-field-name{flex:1;min-width:150px;margin-bottom:0}.goal-form-field{margin-bottom:0}.goal-form-btn{width:auto;padding:.6rem 1.25rem}.goals-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.goal-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;padding:1rem}.savings-card{border-left:3px solid var(--color-success)}.debt-card{border-left:3px solid var(--color-error)}.goal-name{margin-bottom:.5rem;font-size:.82rem;font-weight:600}.goal-ring{width:90px;height:90px;margin:0 auto .5rem;position:relative}.goal-ring svg{transform:rotate(-90deg)}.goal-ring-bg{fill:none;stroke:var(--color-border);stroke-width:6px}.goal-ring-fill{fill:none;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .4s}.ring-label{justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex;position:absolute;inset:0}.goal-details{text-align:left;grid-template-columns:auto 1fr;gap:.15rem .5rem;font-size:.72rem;display:grid}.goal-details dt{color:var(--color-text-light);font-weight:600}.goal-details dd{color:var(--color-text)}.goal-details input{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none;width:5rem;padding:0}.goal-details input:focus{background:var(--color-primary-bg);border-radius:.2rem}.goal-card{transition:box-shadow .2s,border-color .2s}.goal-section-divider{margin-top:1.75rem;padding-top:1.25rem;position:relative}.goal-section-divider:first-of-type{margin-top:0;padding-top:0}.goal-section-divider:not(:first-of-type):before{content:"";background:var(--color-divider);height:1px;position:absolute;top:0;left:12%;right:12%}.goal-empty{text-align:center;color:var(--color-text-muted);background:var(--color-card);border:1px dashed var(--color-border);padding:2.5rem 2rem}.goal-empty i{opacity:.5;margin-bottom:.75rem;font-size:2rem;display:block}.goal-empty p{font-size:.88rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.25rem;display:grid}.settings-card{padding:1.5rem}.settings-card .card-title{align-items:center;margin-bottom:1.25rem;font-size:1rem;display:flex}.settings-field{margin-bottom:1rem}.settings-field label{color:var(--color-text-muted);margin-bottom:.3rem;font-size:.78rem;font-weight:600;display:block}.settings-field input{border:1px solid var(--color-border-dark);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:var(--color-input-bg);outline:none;padding:.6rem .75rem;font-family:inherit;font-size:.85rem;transition:border-color .2s}.settings-field input:focus{border-color:var(--color-primary);background:var(--color-card)}.settings-field input:disabled{color:var(--color-text-lighter);cursor:not-allowed}.field-hint{color:var(--color-text-lighter);margin-top:.25rem;font-size:.7rem;display:block}.settings-msg{border-radius:var(--radius-md);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem .8rem;font-size:.8rem;display:flex}.settings-msg.success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.settings-msg.error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.settings-btn{background:var(--color-primary-gradient);width:100%;color:var(--color-text-invert);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.65rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.settings-btn:hover:not(:disabled){box-shadow:0 4px 16px var(--color-primary-glow);transform:translateY(-1px)}.settings-btn:disabled{opacity:.7;cursor:not-allowed}.show-pw-label{color:var(--color-text-muted);cursor:pointer;align-items:center;gap:.4rem;margin-bottom:.25rem;font-size:.78rem;display:flex}.show-pw-label input{accent-color:var(--color-primary)}.loading-overlay{z-index:9999;background:var(--color-bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.7s linear infinite appSpin}@keyframes appSpin{to{transform:rotate(360deg)}}.spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite appSpin}.save-indicator{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.4rem;margin-bottom:.25rem;padding:.4rem .6rem;font-size:.75rem;font-weight:500;animation:.2s fadeIn;display:flex}.save-indicator.saving{background:var(--color-info-bg);color:var(--color-info)}.save-indicator.saving .spinner-sm{border-color:#3b82f633;border-top-color:var(--color-info);width:14px;height:14px}.save-indicator.saved{background:var(--color-success-bg);color:var(--color-success)}.save-indicator.error{background:var(--color-error-bg);color:var(--color-error)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.error-boundary-card{text-align:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:420px;margin:4rem auto;padding:2.5rem 2rem;animation:.3s fadeIn}.error-boundary-icon{width:56px;height:56px;color:var(--color-primary);background:#fbe8e7;border-radius:50%;justify-content:center;align-items:center;margin:0 auto .75rem;font-size:1.4rem;display:flex}.error-boundary-title{color:var(--color-text);margin-bottom:.35rem;font-size:1.1rem;font-weight:700}.error-boundary-msg{color:var(--color-text-muted);margin-bottom:1.25rem;font-size:.85rem;line-height:1.5}.error-boundary-details{text-align:left;margin-bottom:1.25rem;font-size:.75rem}.error-boundary-details summary{cursor:pointer;color:var(--color-text-lighter);margin-bottom:.35rem}.error-boundary-details code{background:var(--color-input-bg);border:1px solid var(--color-border);color:var(--color-error);word-break:break-word;white-space:pre-wrap;border-radius:.4rem;padding:.5rem .75rem;font-size:.72rem;display:block}.error-boundary-actions{justify-content:center;gap:.75rem;display:flex}.error-retry-btn{background:var(--color-primary-gradient);color:var(--color-text-invert);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.error-retry-btn:hover{box-shadow:0 4px 16px var(--color-primary-glow);transform:translateY(-1px)}.error-reload-btn{border:1px solid var(--color-border-dark);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-family:inherit;font-size:.82rem;transition:all .15s;display:flex}.error-reload-btn:hover{border-color:var(--color-border-dark);color:var(--color-text-muted)}.vibe-edge-wrapper{z-index:101;position:absolute;top:5.5rem;right:-14px}.vibe-edge-btn{border:1px solid var(--color-border-dark);background:var(--color-card);width:28px;height:28px;color:var(--color-text-lighter);cursor:pointer;opacity:1;border-radius:50%;justify-content:center;align-items:center;font-size:.55rem;transition:all .15s;display:flex;box-shadow:0 1px 4px #00000014}.vibe-edge-btn:hover{opacity:1;color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-bg);transform:scale(1.1)}.vibe-edge-btn.open{opacity:1;color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-bg)}.vibe-drawer{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:260px;max-height:420px;box-shadow:var(--shadow-elevated);z-index:200;padding:1rem;animation:.2s vibeSlideIn;position:absolute;top:-8px;left:calc(100% + 12px);overflow-y:auto}@keyframes vibeSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.vibe-drawer-header{font-family:var(--font-script);color:var(--color-primary);border-bottom:1px solid var(--color-border);margin-bottom:.75rem;padding-bottom:.5rem;font-size:1.35rem}.vibe-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.vibe-chip{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;align-items:center;gap:.3rem;padding:.3rem;font-family:inherit;transition:all .15s;display:flex}.vibe-chip:hover{border-color:var(--color-border-dark);transform:scale(1.04)}.vibe-chip.active{border-color:var(--color-primary);background:var(--color-primary-bg)}.vibe-chip-swatch{aspect-ratio:1.25;width:100%;padding:4px;transition:box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.vibe-chip:hover .vibe-chip-swatch{box-shadow:0 3px 10px #0000001f}.vibe-chip.active .vibe-chip-swatch{box-shadow:0 0 0 2px var(--color-primary)}.vibe-mini{border:1px solid;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.vibe-mini-header{flex-shrink:0;width:100%;height:5px}.vibe-mini-body{flex-direction:column;flex:1;gap:2.5px;padding:3px 4px;display:flex}.vibe-mini-bar-track{opacity:.35;border-radius:2px;width:100%;height:3px;overflow:hidden}.vibe-mini-bar-fill{opacity:1;border-radius:2px;height:100%}.vibe-mini-line{opacity:.55;border-radius:1px;height:1.5px}.vibe-mini-stat{align-items:center;gap:2px;margin-top:auto;display:flex}.vibe-mini-dot{border-radius:50%;flex-shrink:0;width:4px;height:4px}.vibe-chip.active .vibe-mini:after{content:"";color:#fffffff2;text-shadow:0 1px 3px #0006;border-radius:inherit;background:#0003;justify-content:center;align-items:center;font-family:"Font Awesome 6 Free";font-size:.75rem;font-weight:900;display:flex;position:absolute;inset:0}.vibe-chip-name{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:center;letter-spacing:.01em;max-width:100%;font-size:.62rem;overflow:hidden}.vibe-chip.active .vibe-chip-name{color:var(--color-primary);font-weight:600}body,.sidebar,.main-content,.card,.stat-card,.nav-btn,.nav-sub{transition:background-color .35s,color .25s,border-color .35s}@media (max-width:768px){.sidebar{display:none}.mobile-tabs{display:flex}.fab-add{animation:.3s fabIn;display:flex}@keyframes fabIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.main-content{width:100%;margin-left:0;padding:1.25rem 1rem 5rem}.charts-row{grid-template-columns:1fr}.charts-row>.chart-card:first-child,.charts-row>.chart-card:nth-child(2){grid-column:span 1}.card-row.four{grid-template-columns:repeat(2,1fr)}.goals-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.goal-form-fields{flex-direction:column}.goal-form-field-name,.goal-form-field{width:100%;min-width:0}.goal-form-field select{width:100%}.goal-form-btn{width:100%;margin-top:.75rem}.stat-value{font-size:1.25rem}.overview-stats{grid-template-columns:repeat(2,1fr)}.stat-primary .overview-stat-value{font-size:1.5rem}.budget-tabs{gap:0}.budget-tab{padding:.5rem .6rem;font-size:.75rem}.savings-buckets{grid-template-columns:1fr 1fr}.txn-header{flex-direction:column;align-items:flex-start;gap:.75rem}}@keyframes skeletonPulse{0%,to{opacity:.45}50%{opacity:.2}}.skeleton{background:var(--color-border);border-radius:var(--radius-sm);animation:1.2s ease-in-out infinite skeletonPulse}.skeleton-line{display:block}.fin-hero-row{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.fin-hero-card{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);padding:1.25rem 1.35rem;position:relative;overflow:hidden}.fin-hero-card:before{content:"";opacity:.08;pointer-events:none;border-radius:50%;width:140px;height:140px;position:absolute;top:-30%;right:-20%}.fin-hero-assets{background:linear-gradient(135deg,#e5f3e6,#d1fae5)}.fin-hero-assets:before{background:#34d399}.fin-hero-debt{background:linear-gradient(135deg,#fce7f3,#fecdd3)}.fin-hero-debt:before{background:#fb7185}.fin-hero-trend{background:linear-gradient(135deg,#e7f0f9,#dbeafe)}.fin-hero-trend:before{background:#60a5fa}.fin-hero-icon{opacity:.6;margin-bottom:.5rem;font-size:1.15rem}.fin-hero-assets .fin-hero-icon{color:var(--color-trend-up)}.fin-hero-debt .fin-hero-icon{color:var(--color-trend-down)}.fin-hero-trend .fin-hero-icon{color:#2563eb}.fin-hero-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.3rem;font-size:.7rem;font-weight:600}.fin-hero-value{color:var(--color-text);font-size:1.65rem;font-weight:800;line-height:1.2}.fin-hero-value.trend-up{color:var(--color-trend-up)}.fin-hero-value.trend-down{color:var(--color-trend-down)}.fin-hero-hint{color:var(--color-text-light);margin-top:.25rem;font-size:.7rem;display:block}.fin-hero-progress{margin-top:.6rem}.fin-hero-bar-track{background:#e5e7eb;border-radius:6px;height:6px;margin-bottom:.3rem;overflow:hidden}.fin-hero-bar-fill{background:var(--color-primary-gradient);border-radius:6px;height:100%;transition:width .5s}.fin-hero-pct{color:var(--color-text-muted);font-size:.7rem;font-weight:600}.fin-chart-card{margin-bottom:1.5rem}.fin-chart-empty{text-align:center;color:var(--color-text-light);margin-bottom:1.5rem;padding:2.5rem 1.5rem}.fin-chart-empty>i{color:#c4b5fd;margin-bottom:.75rem;font-size:2.5rem;display:block}.fin-chart-empty>p{max-width:360px;margin:0 auto;font-size:.88rem}.fin-accounts-section{flex-direction:column;gap:1rem;margin-bottom:1.25rem;display:flex}.fin-account-group{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.fin-group-header{color:var(--color-text);border-bottom:1px solid var(--color-border);background:#00000003;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.88rem;font-weight:700;display:flex}.fin-group-header>i{font-size:.85rem}.fin-group-total{color:var(--color-text-muted);margin-left:auto;font-size:.85rem;font-weight:600}.fin-account-list{padding:.25rem 0}.fin-account-row{align-items:flex-start;gap:.75rem;padding:.65rem 1.25rem;transition:background .1s;display:flex;position:relative}.fin-account-row:hover{background:#00000004}.fin-account-info{flex:1;min-width:0}.fin-account-name{color:var(--color-text);align-items:center;gap:.4rem;font-size:.88rem;font-weight:500;display:flex}.fin-name-input{color:var(--color-text);background:0 0;border:none;outline:none;width:100%;padding:.15rem 0;font-family:inherit;font-size:.88rem;font-weight:500}.fin-linked-badge{color:var(--color-text-lighter);opacity:.6;font-size:.6rem}.fin-debt-progress{margin-top:.3rem}.fin-debt-bar-track{background:#f0f0f0;border-radius:4px;max-width:180px;height:4px;margin-bottom:.2rem;overflow:hidden}.fin-debt-bar-fill{background:linear-gradient(90deg,#34d399,#6ee7b7);border-radius:4px;height:100%;transition:width .4s}.fin-debt-label{color:var(--color-text-light);font-size:.68rem}.fin-account-balance{color:var(--color-text);white-space:nowrap;font-size:1.05rem;font-weight:700}.fin-balance-display{font-size:1.05rem;font-weight:700}.fin-balance-input{color:var(--color-text);text-align:right;background:0 0;border:none;outline:none;width:100%;padding:.15rem 0;font-family:inherit;font-size:1.05rem;font-weight:700}.fin-delete-btn{cursor:pointer;color:var(--color-text-lighter);border-radius:var(--radius-sm);opacity:0;background:0 0;border:none;padding:.3rem;font-size:.75rem;transition:all .15s;position:absolute;top:.5rem;right:.25rem}.fin-account-row:hover .fin-delete-btn{opacity:1}.fin-delete-btn:hover{color:var(--color-error);background:var(--color-error-bg)}.fin-empty-state{text-align:center;color:var(--color-text-light);padding:2.5rem 1.5rem}.fin-empty-state>i{color:#c4b5fd;margin-bottom:.75rem;font-size:2.5rem;display:block}.fin-empty-state>p{font-size:.88rem}.fin-add-btn{border:2px dashed var(--color-border-dark);border-radius:var(--radius-lg);width:100%;color:var(--color-text-light);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.75rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.fin-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.fin-add-form{margin-bottom:1.25rem}.fin-add-fields{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.fin-add-actions{align-items:flex-end;gap:.5rem;display:flex}.fin-cancel-btn{border:1px solid var(--color-border-dark);border-radius:var(--radius-md);color:var(--color-text-light);cursor:pointer;background:0 0;padding:.55rem 1rem;font-family:inherit;font-size:.82rem;transition:all .15s}.fin-cancel-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.fin-net-worth-footer{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fce7f3,#e8d5f5,#d5e5f5);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.35rem;display:flex}.fin-nw-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.75rem;font-weight:700}.fin-nw-value{color:var(--color-text);font-size:1.75rem;font-weight:800}.fin-nw-value.negative{color:var(--color-trend-down)}@media (max-width:768px){.fin-hero-row{grid-template-columns:1fr;gap:.75rem}.fin-hero-value{font-size:1.35rem}.fin-add-fields{flex-direction:column}.fin-add-actions{width:100%}.fin-add-actions .settings-btn{flex:1}.fin-net-worth-footer{text-align:center;flex-direction:column;gap:.35rem}}.milestone-card{background:var(--color-card);border:1px solid #0000000f;padding:1.75rem 2rem 2rem}.milestone-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.milestone-next-callout{background:var(--color-card);border:1px solid #0000000a;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;box-shadow:0 2px 8px #0000000a}.milestone-next-emoji{font-size:1.25rem}.milestone-next-text{color:var(--color-text-light);font-size:.85rem}.milestone-next-text strong{color:var(--color-text);font-weight:700}.milestone-visual{align-items:center;gap:1.5rem;padding:.5rem 0;display:flex}.milestone-label-left,.milestone-label-right{flex-direction:column;align-items:center;gap:.15rem;min-width:50px;display:flex}.milestone-tier-value{color:var(--color-text-muted);font-size:.85rem;font-weight:700}.milestone-tier-check{color:var(--color-primary);font-size:.8rem;font-weight:700}.milestone-prev-pill{color:var(--color-primary);white-space:nowrap;background:#da559714;border-radius:100px;align-items:center;gap:.2rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.milestone-tier-emoji,.milestone-tier-icon{font-size:1.25rem}.milestone-label-left .milestone-tier-value{color:var(--color-primary)}.milestone-track-wrap{flex:1;padding:2rem 0 .5rem;position:relative}.milestone-track{background:var(--color-border);border-radius:18px;height:18px;position:relative;overflow:visible;box-shadow:inset 0 2px 4px #0000000f}.milestone-fill{background:var(--color-primary-gradient);border-radius:18px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;overflow:hidden}.milestone-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 40%,#ffffff80 50%,#ffffff4d 60%,#0000 100%);width:200%;height:100%;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{transform:translate(-20%)}to{transform:translate(80%)}}.milestone-you{z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.milestone-you-dot{background:var(--color-card);border:4px solid var(--color-text);border-radius:50%;width:24px;height:24px;animation:2s infinite pulse;box-shadow:0 0 0 4px #00000014,0 2px 8px #0000001a}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--color-primary-glow),0 2px 8px #0000001a}70%{box-shadow:0 0 0 10px #0000,0 2px 8px #0000001a}to{box-shadow:0 0 #0000,0 2px 8px #0000001a}}.milestone-you-bubble{background:var(--color-text);color:var(--color-text-invert);white-space:nowrap;border-radius:12px;padding:.35rem .75rem;font-size:.85rem;font-weight:700;position:absolute;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0003,0 0 20px #0000000f}.milestone-you-bubble:after{content:"";border:5px solid #0000;border-top-color:var(--color-text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.wealth-diary-card{margin-bottom:1rem}.diary-feed{flex-direction:column;gap:0;display:flex}.diary-entry{border-bottom:1px solid #0000000a;align-items:flex-start;gap:1rem;padding:.75rem 0;display:flex}.diary-entry:last-child{border-bottom:none;padding-bottom:0}.diary-month-badge{text-transform:uppercase;letter-spacing:.03em;color:var(--color-primary);background:var(--color-primary-bg);white-space:nowrap;text-align:center;border-radius:6px;min-width:55px;margin-top:2px;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.diary-content{color:var(--color-text-muted);flex-direction:column;gap:2px;font-size:.85rem;line-height:1.5;display:flex}.diary-message{color:var(--color-text-muted)}.diary-growth{font-size:.9rem;font-weight:700}.diary-growth.positive{color:var(--color-primary)}.diary-growth.negative{color:var(--color-trend-down)}.diary-growth.neutral{color:var(--color-text-light)}.bento-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.bento-cell{border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:1.25rem}.bento-nw{text-align:center;background:linear-gradient(160deg,#f0fdf4 0%,#ecfdf5 30%,#faf5ff 70%,#f3e8ff 100%);border:1px solid #a855f71f;flex-direction:column;grid-row:span 2;justify-content:center;align-items:center;min-height:200px;display:flex}.bento-nw-icon{color:#c4b5fd;background:#a855f71a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.5rem;font-size:1.5rem;display:flex}.bento-nw-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:.35rem;font-size:.72rem;font-weight:600}.bento-nw-value{color:#1e1b4b;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1.1}.bento-nw-value.negative{color:#e11d48}.bento-nw-change{background:#ffffffb3;border-radius:100px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.82rem;font-weight:600;display:flex}.bento-nw-change.up{color:#059669}.bento-nw-change.down{color:#e11d48}.bento-nw-change.neutral{color:#94a3b8}.bento-assets{background:var(--color-card-green)}.bento-debt{background:var(--color-card-pink)}.bento-milestones{grid-column:span 2}.bento-diary,.bento-account-card{background:var(--color-card)}.bento-account-card .fin-account-group{border:none;margin:0;padding:0}@media (max-width:768px){.bento-grid{grid-template-columns:1fr}.bento-nw{grid-row:span 1}.bento-milestones{grid-column:span 1}.bento-nw-value{font-size:2rem}}.bento-bottom-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.bento-bottom-cell{min-height:0}@media (max-width:1024px){.bento-bottom-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.bento-bottom-row{grid-template-columns:1fr}}.fin-row{gap:1.5rem;margin-bottom:1.5rem;display:grid}.fin-row-4{grid-template-columns:repeat(4,1fr)}.fin-row-stats{grid-template-columns:1.3fr 1fr 1fr 1fr}.fin-stat-cell{border:1px solid #0000000a;border-radius:16px;padding:1.35rem 1.25rem;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 8px #0000000a}.fin-stat-cell:not(.fin-stat-nw):hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000012}.fin-stat-nw{background:linear-gradient(135deg,#fce7f3,#e8d5f5,#d5e5f5);border:1px solid #da55971f}.fin-stat-assets{background:var(--color-card);border-top:2px solid var(--color-success,#2dd4bf)}.fin-stat-debt{background:var(--color-card);border-top:2px solid var(--color-error,#fb7185)}.fin-stat-trend{background:var(--color-card);border-top:2px solid var(--color-info,#60a5fa)}.fin-stat-icon{color:var(--color-text-muted);margin-bottom:.5rem;font-size:1.1rem}.fin-stat-nw .fin-stat-icon{color:var(--color-primary)}.fin-stat-assets .fin-stat-icon{color:var(--color-success,#2dd4bf)}.fin-stat-debt .fin-stat-icon{color:var(--color-error,#fb7185)}.fin-stat-trend .fin-stat-icon{color:var(--color-info,#60a5fa)}.fin-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.4rem;font-size:.7rem;font-weight:600}.fin-stat-value{color:var(--color-text);font-size:1.35rem;font-weight:700}.fin-stat-value-lg{color:var(--color-text);font-size:1.75rem;font-weight:800}.fin-stat-value.negative,.fin-stat-value-lg.negative{color:var(--color-trend-down)}.fin-stat-value.trend-up{color:var(--color-primary)}.fin-stat-value.trend-down{color:var(--color-trend-down)}.fin-stat-hint{color:var(--color-text-light);margin-top:.25rem;font-size:.72rem;display:block}.fin-content-cell{border:1px solid #0000000a;border-radius:16px;padding:1.25rem;box-shadow:0 2px 8px #0000000a}.fin-content-diary{background:var(--color-card);border:1px solid #0000000f;box-shadow:0 2px 8px #0000000a}.fin-content-cash,.fin-content-invest,.fin-content-debtcard{box-shadow:none;background:0 0;border:none;padding:0}.fin-content-cash .fin-account-group,.fin-content-invest .fin-account-group,.fin-content-debtcard .fin-account-group{background:var(--color-card);border:1px solid #0000000f;border-radius:16px;height:100%;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 8px #0000000a}.fin-content-cash .fin-account-group:hover,.fin-content-invest .fin-account-group:hover,.fin-content-debtcard .fin-account-group:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000012}.fin-content-cell .fin-account-group{margin:0}.fin-content-empty{text-align:center;color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.fin-content-empty i{font-size:1.5rem}.fin-content-empty p{margin:0;font-size:.8rem}.fin-add-center{justify-content:center;margin-top:.5rem;margin-bottom:1rem;display:flex}.fin-add-pill{border:1px dashed var(--color-border-dark);background:var(--color-card);color:var(--color-text-muted);cursor:pointer;border-radius:100px;align-items:center;gap:.4rem;padding:.6rem 1.5rem;font-family:inherit;font-size:.85rem;transition:all .2s;display:flex}.fin-add-pill:hover{border-color:var(--color-primary);color:var(--color-primary);background:#da55970a}@media (max-width:1024px){.fin-row-4,.fin-row-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.fin-row-4,.fin-row-stats{grid-template-columns:1fr}}.fin-greeting-banner{background:linear-gradient(135deg,#fce7f3 0%,#fdf2f8 50%,#f8e9e8 100%);border:1px solid #da559714;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.25rem 1.75rem;display:flex;box-shadow:0 2px 8px #00000008}.fin-greeting-text h2{font-family:var(--font-script);color:var(--color-text);margin:0 0 .25rem;font-size:1.35rem;font-weight:400}.fin-greeting-text p{color:var(--color-text);margin:0;font-size:.82rem}.fin-greeting-action{color:var(--color-primary);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #da559726;border-radius:100px;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 4px #0000000a}.fin-greeting-action:hover{border-color:var(--color-primary);background:#fdf2f8}.fin-stat-sub{color:var(--color-text-light);align-items:center;gap:.3rem;margin-top:.3rem;font-size:.72rem;display:flex}.fin-stat-sub.growing{color:var(--color-primary)}.fin-stat-sub.shrinking{color:var(--color-trend-down)}.milestone-card{border-radius:16px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000a}.fin-section-divider{margin-top:2.5rem;position:relative}.fin-section-divider:before{content:"";background:repeating-linear-gradient(90deg,var(--color-border-dark)0,var(--color-border-dark)4px,transparent 4px,transparent 10px);height:1px;position:absolute;top:-1.25rem;left:12%;right:12%}.diary-month-badge{flex-direction:column;align-items:center;line-height:1.2;display:flex}.diary-badge-month{text-transform:uppercase;color:var(--color-text-muted);font-size:.72rem;font-weight:700}.diary-badge-year{color:var(--color-text-light);font-size:.65rem;font-weight:600}.fin-manual-label{color:var(--color-text-light);margin-top:.15rem;font-size:.72rem}.fin-type-cash{color:var(--fin-cash)}.fin-type-invest{color:var(--fin-invest)}.fin-type-debt{color:var(--fin-debt)}.fin-bar-debt{background:var(--fin-debt-bar)}.fin-bar-savings{background:var(--fin-savings-bar)}