:root{--bg-color:oklch(14% .015 260);--surface-color:oklch(20% .02 260/.4);--border-color:oklch(25% .03 260/.2);--primary-color:oklch(82% .16 150);--primary-glow:oklch(82% .16 150/.15);--accent-color:oklch(78% .14 70);--accent-glow:oklch(78% .14 70/.15);--secondary-color:oklch(65% .2 260);--secondary-glow:oklch(65% .2 260/.15);--text-main:oklch(98% .01 260);--text-muted:oklch(75% .02 260);--error:oklch(62% .2 25);--glass-bg:oklch(22% .03 260/.4);--glass-blur:blur(20px);--glass-border:1px solid oklch(100% 0 0/.12);--glass-shadow:0 16px 48px -12px oklch(0% 0 0/.6);--glass-highlight:inset 0 1px 0 0 oklch(100% 0 0/.05);--radius-lg:24px;--radius-md:16px;--radius-sm:8px;--padding-page:1.5rem clamp(1rem, 5vw, 4rem) clamp(1rem, 5vw, 4rem);--gap-md:clamp(1rem, 3vw, 2rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-color);color:var(--text-main);font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wrap{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.container{max-width:1200px;padding:var(--padding-page);width:100%;margin:0 auto}.main-grid{grid-template-columns:1fr 2fr;align-items:start;gap:2rem;margin-top:2rem;display:grid}@media (width<=900px){.main-grid{grid-template-columns:1fr}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow), var(--glass-highlight);margin-bottom:var(--gap-md);transition:transform .4s var(--ease-out-expo), box-shadow .4s var(--ease-out-expo);padding:2rem}.glass-card:hover{box-shadow:0 20px 60px -12px oklch(0% 0 0/.7), var(--glass-highlight)}.stats-grid .glass-card{margin-bottom:0}.sidebar>div{margin-bottom:2rem}#hero{text-align:left;border-left:4px solid var(--primary-color);background:radial-gradient(circle at 100% 0,oklch(65% .2 260/.1),#0000),linear-gradient(135deg,oklch(100% 0 0/.05) 0%,oklch(82% .16 150/.03) 100%);flex-direction:column;justify-content:center;min-height:160px;margin-top:.5rem;margin-bottom:2rem;padding:2.5rem;display:flex;overflow:visible}#hero h1{margin-bottom:.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}#hero p{margin:0;line-height:1.4;transition:opacity .5s}h1,h2,h3{letter-spacing:-.02em}.title-gradient{background:linear-gradient(135deg, #fff 0%, var(--secondary-color) 40%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.muted{color:var(--text-muted);font-size:.9rem}section{display:block}html{scroll-snap-type:y proximity;scroll-behavior:smooth}#toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);color:#fff;border-radius:var(--radius-sm);pointer-events:all;border-left:4px solid var(--primary-color);background:#14151af2;align-items:center;gap:.75rem;min-width:250px;max-width:400px;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;animation:.3s cubic-bezier(.18,.89,.32,1.28) forwards toastSlideIn;display:flex;box-shadow:0 10px 30px #00000080}.toast.success{border-left-color:var(--primary-color)}.toast.error{border-left-color:var(--error)}.toast.info{border-left-color:var(--accent-color)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.toast-exit{animation:.3s forwards toastSlideOut}@keyframes toastSlideOut{to{opacity:0;transform:translate(100%)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-color);background:oklch(40% .02 260/.4);border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:oklch(50% .02 260/.6)}.glow-accent{position:relative}.glow-accent:after{content:"";background:radial-gradient(circle at center, var(--primary-glow) 0%, transparent 70%);z-index:-1;pointer-events:none;opacity:.5;position:absolute;inset:-20px}@media (width<=600px){.container{padding:1rem}.stats-grid{gap:1rem;grid-template-columns:1fr!important}.glass-card{padding:1.25rem}.stats-bar .container{flex-direction:column;gap:1rem;align-items:flex-start!important}.stats-bar .container>div:last-child{width:100%;justify-content:space-between!important}.main-grid{gap:1rem;margin-top:1rem}#hero{max-height:none;padding:1.5rem}}.form-group{margin-bottom:1.25rem}label{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:all .4s var(--ease-out-expo);background:oklch(100% 0 0/.04);padding:1.1rem 1.25rem;font-family:Manrope,sans-serif;font-size:1rem;box-shadow:inset 0 2px 4px oklch(0% 0 0/.05)}input::-webkit-outer-spin-button{appearance:none;margin:0}input::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}input:focus{border-color:var(--primary-color);box-shadow:0 0 25px -8px var(--primary-glow), inset 0 2px 4px 0 oklch(0% 0 0/.02);background:oklch(100% 0 0/.07);outline:none;transform:translateY(-1px)}.tax-preview{border-radius:var(--radius-md);background:linear-gradient(135deg,oklch(25% .03 260/.2),oklch(25% .03 260/.1));border:1px solid oklch(82% .16 150/.15);justify-content:space-between;align-items:center;margin:1.5rem 0;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px oklch(0% 0 0/.3)}.tax-preview:before{content:"";background:var(--primary-color);opacity:.6;width:4px;height:100%;position:absolute;top:0;left:0}.tax-label-main{letter-spacing:.02em;font-family:Outfit,sans-serif;font-weight:700}.preview-amount{color:var(--primary-color);font-size:1.2rem;font-weight:800}.btn-primary{background:linear-gradient(135deg, var(--primary-color), oklch(75% .16 160));color:oklch(10% .02 150);border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all .4s var(--ease-out-expo);box-shadow:0 8px 24px -8px var(--primary-glow);border:none;padding:1.1rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.btn-primary:hover:not(:disabled){box-shadow:0 12px 28px -6px var(--primary-glow);filter:brightness(1.05);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{width:100%;color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s var(--ease-out-expo);background:oklch(100% 0 0/.04);padding:.85rem 1.25rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600}.btn-secondary:hover{background:oklch(100% 0 0/.08);border-color:oklch(100% 0 0/.2)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.week-nav-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.3rem .6rem;font-size:1rem;transition:all .2s;display:flex}.week-nav-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.week-nav-btn:disabled{opacity:.3;cursor:not-allowed}.delete-item-btn{cursor:pointer;opacity:.5;min-width:44px;min-height:44px;color:var(--error);background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.delete-item-btn:hover:not(:disabled){opacity:1}.delete-item-btn:disabled{color:var(--text-muted);cursor:not-allowed}.carryover-section{border-radius:var(--radius-sm);background:#ffaa0008;margin:0 -1rem;padding:1rem}.toggle-group{border-radius:var(--radius-sm);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.75rem 1rem;transition:all .2s;display:flex}.toggle-group:hover{background:#ffffff0f;border-color:#ffffff1a}.toggle-input{appearance:none;cursor:pointer;width:44px;height:24px;transition:all .3s var(--ease-out-expo);border:1px solid var(--border-color);box-sizing:border-box;background:oklch(100% 0 0/.08);border-radius:20px;position:relative}.toggle-input:checked{background:var(--primary-color);border-color:var(--primary-color)}.toggle-input:before{content:"";width:16px;height:16px;transition:all .4s var(--ease-out-expo);background:#fff;border-radius:50%;position:absolute;top:50%;left:4px;transform:translateY(-50%);box-shadow:0 2px 4px oklch(0% 0 0/.2)}.toggle-input:checked:before{background:oklch(15% .02 260);transform:translate(18px,-50%)}.status-badge{text-transform:uppercase;letter-spacing:.02em;vertical-align:middle;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.65rem;font-weight:800;line-height:1;display:inline-flex}.status-badge.resisted{color:var(--primary-color);background:#00ff881a;border-color:#0f83}.status-badge.purchased{color:var(--error);background:#ff4d4d1a;border-color:#ff4d4d33}.stats-bar{z-index:100;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-bottom:1px solid var(--border-color);transition:all .4s var(--ease-out-expo);background:oklch(14% .015 260/.85);padding:25px 0;position:sticky;top:0;box-shadow:0 4px 30px oklch(0% 0 0/.2)}.stats-bar .container{justify-content:space-between;align-items:center;padding-top:0;padding-bottom:0;display:flex}.stats-bar .logo h1{letter-spacing:-.05em;cursor:pointer;align-items:center;gap:.25rem;margin:0;font-size:1.35rem;font-weight:800;display:flex}.brand-text{color:var(--primary-color)}.brand-subtext{color:var(--text-muted);opacity:.7;font-weight:300}.nav-actions{align-items:center;gap:clamp(1rem,4vw,3.5rem);display:flex}.stats-pill-group{align-items:center;gap:1rem;display:flex}.stats-pill-group [role=status]{gap:.8rem;display:flex}.stats-pill{transition:all .4s var(--ease-out-expo);background:oklch(100% 0 0/.03);border:1px solid oklch(100% 0 0/.12);border-radius:40px;align-items:center;gap:.6rem;padding:.5rem 1.25rem;display:flex;box-shadow:inset 0 1px 1px oklch(100% 0 0/.05)}.pill-label{text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:.65rem;font-weight:800}.pill-label.primary{color:var(--primary-color)}.pill-label.secondary{color:var(--secondary-color)}.pill-value{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800}.tabular-nums{font-variant-numeric:tabular-nums}.user-pill-container{position:relative}.user-pill{cursor:pointer;transition:all .4s var(--ease-out-expo);color:#fff;background:oklch(100% 0 0/.04);border:1px solid oklch(100% 0 0/.1);border-radius:40px;align-items:center;gap:.8rem;padding:.45rem 1.25rem .45rem .6rem;display:flex}.user-pill .avatar{object-fit:cover;border:1px solid oklch(100% 0 0/.15);border-radius:50%;width:32px;height:32px}.user-pill .username{max-width:140px;font-size:.95rem;font-weight:700}.user-pill .carrot{opacity:.3;margin-left:-4px}.btn-sync{color:var(--error);cursor:pointer;transition:all .4s var(--ease-out-expo);background:oklch(62% .2 25/.12);border:1px solid oklch(62% .2 25/.25);border-radius:40px;align-items:center;gap:.5rem;padding:.55rem 1.5rem;font-size:.85rem;font-weight:700;display:flex}.btn-sync .icon{filter:grayscale();font-size:1.1rem}.settings-dropdown{z-index:1000;border:1px solid var(--border-color);border-radius:var(--radius-md);width:calc(100vw - 2rem);max-width:380px;animation:fadeIn .4s var(--ease-out-expo);transform-origin:100% 0;background:oklch(14% .015 260);position:absolute;top:calc(100% + 18px);right:0;overflow:hidden;box-shadow:0 40px 100px -20px oklch(0% 0 0/.95)}.dropdown-header{border-bottom:1px solid var(--border-color);padding:1.75rem}.dropdown-body{background:oklch(100% 0 0/.02);padding:1.1rem}.dropdown-item.danger-action{text-align:left;width:100%;color:var(--error);cursor:pointer;border-radius:var(--radius-sm);transition:all .3s var(--ease-out-expo);background:0 0;border:none;align-items:center;gap:.85rem;padding:.9rem 1.4rem;font-size:.95rem;font-weight:700;display:flex}.dropdown-item.danger-action:hover{background:oklch(62% .2 25/.08)}.dropdown-item.danger-action .icon{opacity:.6;font-size:1.2rem}.dashboard-grid{grid-column:span 12}.dashboard-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.stat-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.stat-value{color:#fff;font-size:2rem;font-weight:800}.stat-value.primary{color:var(--primary-color)}.chart-card{flex-direction:column;min-height:450px;display:flex}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.chart-title-group h2{margin-bottom:.25rem}.chart-legend-container{text-align:right}.chart-legend-group{justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:.7rem;transition:opacity .3s;display:flex}.legend-item{align-items:center;gap:.4rem;display:flex}.legend-swatch.actual{background:var(--primary-color);border-radius:50%;width:8px;height:8px;display:inline-block}.legend-swatch.projected{background:var(--secondary-color);border-top:2px dashed var(--secondary-color);width:14px;height:2px;display:inline-block}.projected-val-lbl{color:var(--text-muted);margin:0;font-size:.85rem}.projected-val-num{color:var(--primary-color);font-size:1.25rem;font-weight:800}.chart-stage{flex-grow:1;height:320px;margin-bottom:1rem;position:relative}.slider-group{border-top:1px solid var(--border-color);padding:1rem 0}.slider-header{justify-content:space-between;margin-bottom:.75rem;display:flex}.slider-label{font-size:.9rem;font-weight:600}.slider-value{font-size:.8rem}.wealth-slider{width:100%;height:6px;accent-color:var(--primary-color);cursor:pointer;background:#ffffff1a;border-radius:3px}.slider-ticks{color:var(--text-muted);justify-content:space-between;margin-top:1rem;font-size:.7rem;display:flex}.chart-footer{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:1.5rem;padding-top:1rem;display:flex}.chart-footer p{margin:0;font-size:.8rem}.history-card h2{margin-bottom:1.5rem}.history-list{max-height:400px;padding-right:10px;overflow-y:auto}.history-empty{text-align:center;padding:2rem}.history-item{border-bottom:1px solid var(--border-color);opacity:0;animation:fadeIn .4s var(--ease-out-expo) forwards;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.history-date{margin:0;font-weight:600}.history-meta{margin:0;font-size:.75rem}.history-amount{color:var(--primary-color);font-weight:800}.modal-overlay{z-index:900;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s var(--ease-out-expo);background:oklch(0% 0 0/.75);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{width:100%;max-width:420px;padding:2rem}.modal-item-list{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:oklch(100% 0 0/.03);margin-bottom:1.75rem;padding:1rem}.modal-item-row{border-bottom:1px solid oklch(100% 0 0/.05);justify-content:space-between;align-items:center;padding:.4rem 0;display:flex}.modal-item-row:last-child{border-bottom:none;padding-bottom:0}.modal-item-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-size:.875rem;overflow:hidden}.modal-item-amount{color:var(--primary-color);flex-shrink:0;font-size:.875rem;font-weight:700}.modal-overflow{text-align:center;color:var(--text-muted);margin:.5rem 0 0;font-size:.8rem}.modal-actions{flex-direction:column;gap:.75rem;display:flex}:root{--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-expo:cubic-bezier(.87, 0, .13, 1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes shine{to{background-position:200%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.stagger-in>*{opacity:0;animation:fadeIn .6s var(--ease-out-expo) forwards}.stagger-in>:first-child{animation-delay:.1s}.stagger-in>:nth-child(2){animation-delay:.2s}.stagger-in>:nth-child(3){animation-delay:.3s}.stagger-in>:nth-child(4){animation-delay:.4s}.stagger-in>:nth-child(5){animation-delay:.5s}.glass-card{animation:fadeIn .8s var(--ease-out-expo) forwards;will-change:transform, opacity;transition:transform .4s var(--ease-out-expo), box-shadow .4s var(--ease-out-expo)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px oklch(0% 0 0/.3)}.title-gradient{background-size:200%;animation:8s linear infinite shine}.btn-primary,.btn-secondary,.week-nav-btn{transition:all .3s var(--ease-out-expo)}.hover-lift:hover{transform:translateY(-2px)}.number-update{background:linear-gradient(90deg,#0000,#ffffff1a,#0000) 0 0/200% 100%;animation:1s linear forwards shimmer}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}