*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #080818;--glass: rgba(255,255,255,.06);--glass-b: rgba(255,255,255,.12);--glass-hover: rgba(255,255,255,.1);--txt: #ffffff;--txt-muted: rgba(255,255,255,.55);--purple: #7c3aed;--purple-l: #a855f7;--blue: #3b82f6;--green: #10b981;--laundry: #4FC3F7;--goingout: #CE93D8;--clothes: #F06292;--trip: #FFB74D;--groceries: #6EE7B7;--coffees: #FCD34D}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;overflow-x:hidden}.bg-orb{position:fixed;border-radius:50%;filter:blur(120px);opacity:.18;pointer-events:none;z-index:0;animation:floatOrb 12s ease-in-out infinite}.orb-1{width:600px;height:600px;background:#7c3aed;top:-200px;left:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:#3b82f6;bottom:-150px;right:-150px;animation-delay:4s}.orb-3{width:400px;height:400px;background:#10b981;top:40%;left:40%;animation-delay:8s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.08)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.9rem 2rem;background:#080818d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-b);position:sticky;top:0;z-index:200}.nav-brand{display:flex;align-items:center;gap:.5rem}.brand-icon{font-size:1.7rem}.brand-name{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--purple-l),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.nav-tabs{display:flex;gap:.25rem;background:var(--glass);padding:.3rem;border-radius:12px;border:1px solid var(--glass-b)}.nav-tab{background:none;border:none;color:var(--txt-muted);padding:.5rem 1.1rem;border-radius:9px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .25s ease;white-space:nowrap}.nav-tab.active{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;box-shadow:0 0 20px #7c3aed73}.nav-tab:hover:not(.active){color:#fff;background:var(--glass-hover)}.page{display:none;position:relative;z-index:1}.page.active{display:block;animation:pageIn .4s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.content-block{max-width:880px;margin:0 auto;padding:0 2rem 2rem}.greeting-bar{display:flex;justify-content:space-between;align-items:center;max-width:880px;margin:1.5rem auto 0;padding:0 2rem;color:var(--txt-muted);font-size:.95rem}.greeting-tag{background:linear-gradient(135deg,#7c3aed40,#3b82f640);border:1px solid rgba(124,58,237,.4);padding:.3rem .9rem;border-radius:20px;font-size:.8rem;color:var(--purple-l);font-weight:600}.budget-hero{padding:1.2rem 2rem;display:flex;justify-content:center}.budget-card{background:linear-gradient(135deg,#7c3aed38,#3b82f626 60%,#10b9811a);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(124,58,237,.35);border-radius:28px;padding:2rem 2.2rem;width:100%;max-width:880px;box-shadow:0 24px 64px #7c3aed2e,inset 0 1px #ffffff1f}.budget-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6rem;flex-wrap:wrap;gap:1rem}.budget-label{font-size:.9rem;color:var(--txt-muted);font-weight:500;margin-bottom:.4rem;letter-spacing:.05em;text-transform:uppercase}.budget-amount{font-size:3rem;font-weight:900;line-height:1}.spent-amt{background:linear-gradient(135deg,var(--purple-l),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider,.total-amt{color:var(--txt-muted)}.budget-ring-wrap{position:relative;width:100px;height:100px;flex-shrink:0}.budget-ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff14;stroke-width:10}.ring-fill{fill:none;stroke:url(#ringGrad);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.ring-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;background:linear-gradient(135deg,var(--purple-l),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar-wrap{margin-bottom:1rem}.progress-bar{height:10px;background:#ffffff14;border-radius:99px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:99px;box-shadow:0 0 16px #7c3aed8c;transition:width 1.2s cubic-bezier(.4,0,.2,1);width:0!important}.progress-fill.animated{width:57.4%!important}.progress-labels{display:flex;justify-content:space-between;font-size:.82rem;color:var(--txt-muted)}.budget-card.over-budget{background:linear-gradient(135deg,#ef444438,#f9731626 60%,#ef444414);border-color:#ef444473;box-shadow:0 24px 64px #ef444433,inset 0 1px #ffffff1a}.budget-card.over-budget .spent-amt{background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.budget-card.over-budget .ring-fill{stroke:url(#ringGradRed)}.brand-name.splurge{background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.budget-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--green);font-weight:500}.status-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.stats-row{display:flex;gap:1rem;max-width:880px;margin:0 auto .5rem;padding:0 2rem;flex-wrap:wrap}.stat-pill{flex:1;min-width:150px;display:flex;align-items:center;gap:.8rem;background:var(--glass);border:1px solid var(--glass-b);border-radius:16px;padding:1rem 1.2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .25s ease;border-left:3px solid var(--pill-color)}.stat-pill:hover{background:var(--glass-hover);transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.stat-icon{font-size:1.6rem}.stat-val{font-size:1.1rem;font-weight:800}.stat-lbl{font-size:.75rem;color:var(--txt-muted);margin-top:.1rem}.income-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.inc-freq-badge{display:inline-block;padding:.15rem .55rem;border-radius:20px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.inc-freq-badge.monthly{background:#3b82f62e;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.inc-freq-badge.weekly{background:#a855f72e;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.inc-freq-badge.oneoff{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.inc-freq-badge.daily{background:#10b9812e;color:#34d399;border:1px solid rgba(16,185,129,.3)}.inc-freq-badge.custom{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.inc-date-info{font-size:.73rem;color:var(--txt-muted);margin-top:.2rem}.inc-monthly-equiv{font-size:.75rem;color:var(--txt-muted);font-weight:400;margin-left:.2rem}.add-expense-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.9rem;background:linear-gradient(135deg,#ef44441a,#dc26260f);border:1px solid rgba(239,68,68,.22);border-radius:16px;color:#f87171;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .25s ease;letter-spacing:.01em}.add-expense-btn:hover{background:linear-gradient(135deg,#ef44442e,#dc26261f);border-color:#ef444473;transform:translateY(-1px);box-shadow:0 6px 24px #ef44442e}.add-expense-icon{font-size:1.15rem}.expense-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:600;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.expense-modal-backdrop.open{opacity:1}.expense-modal-card{background:#0e0e20f7;border:1px solid rgba(255,255,255,.12);border-top:3px solid #ef4444;border-radius:22px;width:min(440px,94vw);box-shadow:0 32px 80px #0009;transform:translateY(20px);transition:transform .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.expense-modal-backdrop.open .expense-modal-card{transform:translateY(0)}.expense-save-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;padding:.85rem;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;width:100%;transition:opacity .2s,transform .15s;box-shadow:0 4px 20px #ef444459}.expense-save-btn:hover{opacity:.9;transform:translateY(-1px)}.exp-category-select{width:100%;color:#fff}.income-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:600;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.income-modal-backdrop.open{opacity:1}.income-modal-card{background:#0e0e20f7;border:1px solid rgba(255,255,255,.12);border-radius:22px;width:min(480px,94vw);max-height:88vh;overflow-y:auto;box-shadow:0 32px 80px #0009;transform:translateY(20px);transition:transform .25s cubic-bezier(.4,0,.2,1)}.income-modal-backdrop.open .income-modal-card{transform:translateY(0)}.income-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.07)}.income-modal-title{font-size:1.1rem;font-weight:800}.income-modal-close{background:none;border:none;color:var(--txt-muted);font-size:1.4rem;cursor:pointer;line-height:1;padding:.2rem;transition:color .2s}.income-modal-close:hover{color:#fff}.income-modal-body{padding:1.3rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.1rem}.income-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:0}.income-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--txt-muted)}.income-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;padding:.7rem 1rem;font-size:.92rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;width:100%}.income-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.income-input[type=date]{color-scheme:dark}.income-amount-wrap{position:relative}.income-currency{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--txt-muted);font-weight:700}.income-input-amount{padding-left:1.9rem}.income-freq-group{display:flex;flex-wrap:wrap;gap:.4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.3rem}.income-freq-btn{flex:1;min-width:60px;background:none;border:none;color:var(--txt-muted);padding:.48rem .5rem;border-radius:9px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.income-freq-btn.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 12px #10b98159}.income-n-row{display:flex;align-items:center;gap:.6rem}.income-input-n{width:74px;text-align:center;padding:.6rem .5rem}.income-n-unit{color:var(--txt-muted);font-size:.88rem;font-weight:500}.income-days-row{display:flex;gap:.4rem;flex-wrap:wrap}.income-day-btn{width:38px;height:38px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--txt-muted);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.income-day-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 2px 10px #10b98166}.income-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;padding:.55rem 2rem .55rem .7rem;font-size:.85rem;font-family:inherit;cursor:pointer;transition:border-color .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,0.4)' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.income-select:focus{outline:none;border-color:#10b981}.income-custom-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.inc-cust-lbl{font-size:.82rem;color:var(--txt-muted);white-space:nowrap}.inc-unit-echo{font-size:.82rem;color:var(--txt-muted);font-style:italic}.inc-custom-preview{font-size:.78rem;color:#10b981;margin-top:.5rem;font-style:italic}.income-label-sub{font-size:.7rem;font-weight:400;text-transform:none;letter-spacing:0;color:var(--txt-muted);margin-left:.3rem}.income-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.income-toggle-switch{position:relative;display:inline-flex;width:42px;height:24px;flex-shrink:0;cursor:pointer}.income-toggle-switch input{opacity:0;width:0;height:0}.income-toggle-thumb{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:24px;border:1px solid rgba(255,255,255,.15);transition:background .25s}.income-toggle-thumb:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#ffffff8c;transition:transform .25s,background .25s}.income-toggle-switch input:checked+.income-toggle-thumb{background:#10b981;border-color:#10b981}.income-toggle-switch input:checked+.income-toggle-thumb:after{transform:translate(18px);background:#fff}.income-date-row{display:flex;gap:.8rem;margin-top:.7rem}.income-modal-error{font-size:.82rem;color:#ef4444;min-height:1.1em;margin-bottom:-.4rem}.income-save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:.85rem;font-size:.95rem;font-weight:700;cursor:pointer;width:100%;transition:opacity .2s,transform .15s;box-shadow:0 4px 20px #10b98159}.income-save-btn:hover{opacity:.9;transform:translateY(-1px)}.summary-panels{padding-top:2rem}.summary-panels-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}.summary-panel{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-b);border-radius:20px;overflow:hidden;transition:border-color .25s ease}.summary-panel:hover{border-color:var(--panel-accent)}.sp-header{display:flex;align-items:center;gap:.85rem;padding:1.15rem 1.2rem 1rem;border-bottom:1px solid rgba(255,255,255,.07);position:relative}.sp-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--panel-accent);border-radius:20px 20px 0 0}.sp-header-icon{font-size:1.6rem;line-height:1}.sp-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--txt-muted);margin-bottom:.2rem}.sp-total{font-size:1.55rem;font-weight:800;letter-spacing:-.03em;color:var(--panel-accent)}.panel-items{padding:.9rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.85rem}.pi-top{display:flex;align-items:center;gap:.45rem;margin-bottom:.32rem}.pi-icon{font-size:.9rem;flex-shrink:0}.pi-name{flex:1;font-size:.8rem;font-weight:600;color:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi-amount{font-size:.8rem;font-weight:700;flex-shrink:0}.income-amt{color:#10b981}.spend-amt{color:#ffffffbf}.pi-bar-wrap{height:5px;background:#ffffff12;border-radius:3px;overflow:hidden;margin-bottom:.22rem}.pi-bar{height:100%;border-radius:3px;width:0}.pi-pct{font-size:.7rem;color:var(--txt-muted)}@media (max-width: 600px){.summary-panels-grid{grid-template-columns:1fr}}.saints-section{padding-top:2rem}.saints-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.saints-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .85rem;border-radius:20px;background:linear-gradient(135deg,#f973162e,#f59e0b24);border:1px solid rgba(249,115,22,.35);color:#fb923c;font-size:.75rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.categories-section{padding-top:2rem}.section-title{font-size:1.35rem;font-weight:800;margin-bottom:1.2rem;letter-spacing:-.02em}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.category-card{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-b);border-radius:20px;padding:1.4rem;cursor:pointer;position:relative;overflow:hidden;transition:all .28s cubic-bezier(.4,0,.2,1)}.category-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,var(--cat-color) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.category-card:hover{transform:translateY(-6px);border-color:var(--cat-color)}.category-card:hover:after{opacity:.12}.category-card:hover{box-shadow:0 16px 40px #0000004d,0 0 0 1px var(--cat-color)}.cat-top-bar{height:4px;background:var(--cat-color);border-radius:4px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 12px var(--cat-color)}.cat-icon{font-size:2rem;display:block;margin:.6rem 0 .5rem}.cat-name{font-size:.95rem;font-weight:700;color:var(--cat-color);margin-bottom:.2rem}.cat-amount{font-size:.82rem;color:var(--txt-muted);margin-bottom:.75rem}.cat-amount strong{color:var(--txt);font-weight:700}.cat-progress-bar{height:5px;background:#ffffff14;border-radius:99px;overflow:hidden;margin-bottom:.4rem}.cat-progress-fill{height:100%;border-radius:99px;width:0;transition:width 1s cubic-bezier(.4,0,.2,1)}.cat-pct{font-size:.72rem;color:var(--txt-muted);text-align:right}.analytics-section{padding-top:2rem}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;flex-wrap:wrap;gap:.8rem}.time-filters{display:flex;gap:.35rem;background:var(--glass);padding:.28rem;border-radius:12px;border:1px solid var(--glass-b)}.filter-btn{background:none;border:none;color:var(--txt-muted);padding:.38rem .95rem;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:700;letter-spacing:.03em;transition:all .2s ease}.filter-btn.active{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;box-shadow:0 0 16px #7c3aed66}.filter-btn:hover:not(.active){color:#fff;background:var(--glass-hover)}.chart-card{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-b);border-radius:20px;padding:1.5rem}.account-section{padding:3rem 2rem 4rem;display:flex;justify-content:center;min-height:calc(100vh - 70px)}.account-card{background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-b);border-radius:28px;padding:2.5rem 2rem;width:100%;max-width:480px;text-align:center;height:fit-content;box-shadow:0 24px 64px #0000004d}.account-avatar{width:84px;height:84px;background:linear-gradient(135deg,var(--purple),var(--blue));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;margin:0 auto 1rem;box-shadow:0 0 32px #7c3aed73}.account-name{font-size:1.6rem;font-weight:800;margin-bottom:.3rem}.account-email-display{color:var(--txt-muted);font-size:.9rem;margin-bottom:2rem}.form-group{text-align:left;margin-bottom:1.5rem;background:#ffffff0a;border:1px solid var(--glass-b);border-radius:18px;padding:1.4rem}.form-group-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--txt-muted);margin-bottom:1rem}.form-input{width:100%;background:#ffffff0f;border:1px solid var(--glass-b);border-radius:11px;padding:.72rem 1rem;color:#fff;font-size:.9rem;margin-bottom:.7rem;outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--purple);background:#7c3aed1a;box-shadow:0 0 0 3px #7c3aed33}.form-input::placeholder{color:#ffffff47}.btn-primary{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--purple),var(--blue));border:none;border-radius:11px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .25s ease;margin-top:.2rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #7c3aed66}.btn-primary:active{transform:translateY(0)}.btn-danger{width:100%;padding:.7rem;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:11px;color:#ef4444;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s ease;margin-top:.5rem}.btn-danger:hover{background:#ef444438}.toast{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;padding:.85rem 1.4rem;border-radius:14px;font-size:.9rem;font-weight:600;z-index:999;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none;box-shadow:0 8px 32px #7c3aed73}.toast.show{opacity:1;transform:translateY(0)}.plan-create-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.25rem;margin:.5rem 0 1.5rem;border-radius:1rem;border:1.5px dashed rgba(124,58,237,.5);background:#7c3aed14;color:#a78bfa;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;justify-content:center}.plan-create-btn:hover{background:#7c3aed2e;border-color:#a78bfa}.plan-empty{text-align:center;padding:1.5rem 0;color:#ffffff73}.plan-empty p{margin-bottom:.75rem}.plan-purchase-card{background:var(--card-bg);border:1px solid rgba(255,255,255,.08);border-radius:1.1rem;margin-bottom:.85rem;overflow:hidden}.ppc-top-bar{height:3px;background:linear-gradient(90deg,#7c3aed,#3b82f6)}.ppc-body{padding:1rem 1.25rem 1.1rem}.ppc-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.ppc-name{font-weight:700;font-size:1rem;color:var(--txt-main)}.ppc-date-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.ppc-date{font-size:.78rem;color:#fff6}.ppc-days-away{background:#7c3aed33;color:#a78bfa;padding:.1rem .45rem;border-radius:999px;font-size:.7rem;font-weight:600}.ppc-days-away.past{background:#ef444426;color:#f87171}.ppc-amounts-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.85rem}.ppc-stat{background:#ffffff0a;border-radius:.6rem;padding:.5rem .6rem;text-align:center}.ppc-stat-val{display:block;font-size:.95rem;font-weight:700;color:var(--txt-main)}.ppc-stat-lbl{display:block;font-size:.65rem;color:#ffffff59;margin-top:.1rem}.ppc-weekly-val{color:#10b981}.ppc-progress-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.ppc-progress-track{flex:1;height:7px;background:#ffffff1a;border-radius:999px;overflow:hidden}.ppc-progress-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#3b82f6);border-radius:999px;transition:width .6s ease}.ppc-progress-pct{font-size:.78rem;font-weight:700;color:#ffffff80;min-width:2.5rem;text-align:right}.ppc-weekly-note{font-size:.75rem;color:#fff6}.ppc-weekly-none{color:#ffffff40;font-style:italic}.ppc-delete-btn{background:#ef44441f;border:none;color:#f87171;width:1.6rem;height:1.6rem;border-radius:50%;font-size:1rem;cursor:pointer;transition:background .2s;flex-shrink:0}.ppc-delete-btn:hover{background:#ef44444d}.plan-calendar-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;margin-top:.5rem}.plan-calendar-hint{font-size:.78rem;color:#ffffff59;margin:0}.plan-calendar{width:100%}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-day-header{text-align:center;font-size:.7rem;font-weight:600;color:#ffffff4d;padding:.3rem 0}.cal-cell{min-height:56px;border-radius:.6rem;padding:.35rem .4rem;display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:background .15s}.cal-cell.out-range{background:transparent;opacity:.25;pointer-events:none}.cal-cell.in-range{background:#ffffff0a;cursor:pointer;border:1px solid rgba(255,255,255,.06)}.cal-cell.in-range:hover{background:#7c3aed26;border-color:#7c3aed66}.cal-cell.is-today{border-color:#7c3aed99!important;background:#7c3aed1f!important}.cal-cell.has-purchase{background:#10b9811a!important;border-color:#10b98166!important}.cal-day-num{font-size:.78rem;font-weight:600;color:#ffffffb3}.cal-cell.is-today .cal-day-num{color:#a78bfa}.cal-today-dot{width:5px;height:5px;border-radius:50%;background:#a78bfa;margin-top:2px}.cal-purchase-pip{display:block;margin-top:3px;background:#10b981;color:#fff;font-size:.6rem;font-weight:700;padding:.1rem .3rem;border-radius:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.plan-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2500;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .25s}.plan-modal-backdrop.open{opacity:1}.plan-modal-card{background:var(--card-bg);border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000080}.plan-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.plan-modal-title{font-size:1.05rem;font-weight:700;color:var(--txt-main);margin:0}.plan-modal-close{background:#ffffff14;border:none;color:var(--txt-muted);width:2rem;height:2rem;border-radius:50%;font-size:1.1rem;cursor:pointer}.plan-modal-close:hover{background:#ffffff26;color:#fff}.plan-modal-body{padding:1.25rem 1.5rem 1.5rem;overflow-y:auto}.plan-step2-intro p{font-size:.875rem;color:#fff9;margin-bottom:1rem}.plan-week-row{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.75rem;padding:.75rem 1rem;margin-bottom:.6rem}.plan-week-label{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;color:var(--txt-main);margin-bottom:.45rem}.plan-week-dates{font-weight:400;color:#fff6}.plan-week-slider-wrap{display:flex;align-items:center;gap:.75rem}.plan-week-slider-wrap input[type=range]{flex:1}.plan-week-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;outline:none;cursor:pointer}.plan-week-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #7c3aed;box-shadow:0 0 0 4px #7c3aed40,0 2px 6px #0006;cursor:grab;transition:box-shadow .15s,transform .15s}.plan-week-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15);box-shadow:0 0 0 6px #7c3aed59,0 2px 8px #00000080}.plan-week-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #7c3aed;box-shadow:0 0 0 4px #7c3aed40;cursor:grab}.plan-week-slider:disabled::-webkit-slider-thumb{border-color:#fff3;background:#ffffff4d;box-shadow:none;cursor:not-allowed}.plan-week-slider:disabled{opacity:.4;cursor:not-allowed}.plan-week-amt{font-size:.82rem;font-weight:700;color:var(--txt-main);min-width:3rem;text-align:right}.plan-week-saving{font-size:.72rem;color:#10b981;margin-top:.3rem}.plan-savings-bar-wrap{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:.75rem;padding:.85rem 1rem;margin-top:.75rem}.plan-savings-label{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;color:var(--txt-main);margin-bottom:.5rem}.plan-savings-track{height:10px;background:#ffffff14;border-radius:999px;overflow:hidden;position:relative;margin-bottom:.5rem}.plan-savings-fill{height:100%;border-radius:999px;transition:width .4s ease,background .3s}.plan-savings-hint{font-size:.75rem;color:#fff6;margin:0}.plan-back-btn{padding:.65rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff9;font-size:.875rem;cursor:pointer;transition:background .2s}.plan-back-btn:hover{background:#ffffff1f}.bp-empty{text-align:center;padding:1.5rem 0;color:#fff6}.bp-purchase-widget{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#ffffff0a;border:1px solid rgba(245,158,11,.18);border-radius:.9rem;padding:.9rem 1.1rem;margin-bottom:.65rem}.bpw-left{flex:1;min-width:0}.bpw-name{font-weight:700;font-size:.9rem;color:var(--txt-main);margin-bottom:.25rem}.bpw-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.bpw-date{font-size:.73rem;color:#ffffff59}.bpw-weekly{background:#10b98126;color:#10b981;font-size:.68rem;font-weight:700;padding:.1rem .4rem;border-radius:999px}.bpw-bar-row{display:flex;align-items:center;gap:.6rem}.bpw-pct{font-size:.72rem;font-weight:700;color:#fff6;min-width:2rem;text-align:right}.bpw-right{text-align:right;flex-shrink:0}.bpw-saved{font-size:1.15rem;font-weight:800;color:#f59e0b}.bpw-of{font-size:.72rem;color:#ffffff59}.bpw-remaining{font-size:.72rem;color:#fff6;margin-top:.15rem}.bpw-done{font-size:.75rem;color:#10b981;font-weight:700;margin-top:.15rem}.savings-alloc-row{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:.85rem;padding:.85rem 1rem;margin-bottom:.65rem}.savings-alloc-general{border-color:#06b6d440;background:#06b6d40f}.sar-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.2rem}.sar-name{font-weight:700;font-size:.875rem;color:var(--txt-main);flex:1}.sar-date{font-size:.75rem;color:#fff6}.sar-amt{font-size:.82rem;font-weight:600;color:var(--txt-main)}.sar-alloc-note{font-size:.73rem;color:#10b981;margin-bottom:.3rem}.site-footer{text-align:center;padding:2.5rem 1.5rem 2rem;margin-top:3rem;border-top:1px solid rgba(255,255,255,.07);background:#ffffff04}.footer-brand{font-size:.9rem;font-weight:600;color:#ffffff8c;margin-bottom:.75rem}.footer-links{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.footer-link{background:none;border:none;color:#ffffff73;font-size:.8rem;cursor:pointer;padding:.1rem .2rem;transition:color .2s;text-decoration:underline;text-underline-offset:3px}.footer-link:hover{color:#ffffffd9}.footer-sep{color:#fff3;font-size:.8rem}.footer-copy{font-size:.72rem;color:#ffffff40;margin:0}.footer-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .25s ease}.footer-modal-backdrop.open{opacity:1;pointer-events:all}.footer-modal-card{background:var(--card-bg);border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000080}.footer-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.footer-modal-title{font-size:1.05rem;font-weight:700;color:var(--txt-main);margin:0}.footer-modal-close{background:#ffffff14;border:none;color:var(--txt-muted);width:2rem;height:2rem;border-radius:50%;font-size:1.1rem;cursor:pointer;line-height:1;transition:background .2s}.footer-modal-close:hover{background:#ffffff26;color:#fff}.footer-modal-body{padding:1.5rem;overflow-y:auto;color:#ffffffb3;font-size:.875rem;line-height:1.7}.footer-modal-body h4{color:var(--txt-main);font-size:.9rem;margin:1.2rem 0 .4rem}.footer-modal-body h4:first-child{margin-top:0}.footer-modal-body p{margin:0 0 .6rem}.footer-modal-body a{color:#a78bfa}@media (max-width: 700px){.categories-grid{grid-template-columns:repeat(2,1fr)}.budget-amount{font-size:2.2rem}.stats-row{flex-direction:column}.navbar{padding:.8rem 1.2rem}.content-block,.budget-hero,.greeting-bar,.stats-row{padding-left:1rem;padding-right:1rem}}@media (max-width: 420px){.categories-grid{grid-template-columns:1fr 1fr}.budget-amount{font-size:1.8rem}}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:transparent;overflow-y:auto}.site-footer--hero{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.5rem;margin-top:0;border-top:1px solid rgba(255,255,255,.07);background:#0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#shader-canvas~.bg-orb,body:has(#shader-canvas) .bg-orb{display:none}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.6rem;padding:3rem 1.5rem 4rem;max-width:680px;width:100%;animation:pageIn .6s ease}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#7c3aed26;border:1px solid rgba(124,58,237,.35);border-radius:99px;padding:.4rem 1rem;font-size:.82rem;font-weight:600;color:var(--purple-l);letter-spacing:.01em}.hero-badge-dot{width:7px;height:7px;background:var(--purple-l);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero-headline{font-size:clamp(2.4rem,7vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;color:#fff;margin:0}.hero-gradient{background:linear-gradient(135deg,var(--purple-l) 0%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.05rem;color:var(--txt-muted);line-height:1.65;max-width:520px;margin:0}.hero-cta{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center}.hero-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.82rem 1.8rem;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s ease;border:none;letter-spacing:-.01em}.hero-btn--primary{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;box-shadow:0 4px 24px #7c3aed73}.hero-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 36px #7c3aed99}.hero-btn--ghost{background:#ffffff12;border:1px solid var(--glass-b);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-btn--ghost:hover{background:#ffffff1f;transform:translateY(-2px)}.hero-arrow{font-style:normal}.hero-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}.hero-pill{background:#ffffff0d;border:1px solid var(--glass-b);border-radius:99px;padding:.35rem .9rem;font-size:.8rem;color:var(--txt-muted);font-weight:500}.auth-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;align-items:center;justify-content:center;padding:1.5rem}.auth-modal.is-open{display:flex}.auth-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;opacity:0;transition:opacity .3s ease}.auth-modal.is-open .auth-modal-backdrop{opacity:1;transition:opacity .3s ease}.auth-modal:not(.is-open) .auth-modal-backdrop{transition:none}.auth-modal-panel{position:relative;display:flex;width:100%;max-width:880px;max-height:92vh;border-radius:28px;overflow:hidden;box-shadow:0 40px 100px #00000080,inset 0 1px #ffffff14;will-change:transform,opacity}.modal-close-btn{position:absolute;top:1rem;right:1rem;z-index:10;width:34px;height:34px;border-radius:50%;border:1px solid var(--glass-b);background:#ffffff14;color:#fff;font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.modal-close-btn:hover{background:#ffffff2e}.auth-modal-left{flex:0 0 340px;display:flex;flex-direction:column;gap:1.6rem;padding:2.8rem 2.2rem;background:linear-gradient(160deg,#7c3aed40,#3b82f626);border-right:1px solid var(--glass-b);overflow-y:auto}.modal-left-headline{font-size:1.6rem;font-weight:900;line-height:1.2;letter-spacing:-.03em;color:#fff;margin:0}.modal-left-sub{color:var(--txt-muted);font-size:.88rem;line-height:1.6;margin:.5rem 0 0}.modal-features{display:flex;flex-direction:column;gap:1rem}.modal-feature{display:flex;align-items:flex-start;gap:.9rem}.modal-feature-icon{font-size:1.3rem;flex-shrink:0;margin-top:.1rem}.modal-feature-title{font-size:.88rem;font-weight:700;color:#fff;margin-bottom:.2rem}.modal-feature-desc{font-size:.78rem;color:var(--txt-muted);line-height:1.5}.modal-quote{margin-top:auto;padding:1rem 1.2rem;background:#ffffff0f;border-left:3px solid var(--purple-l);border-radius:0 10px 10px 0}.modal-quote blockquote{font-size:.82rem;color:var(--txt-2);line-height:1.6;font-style:italic;margin:0 0 .5rem}.modal-quote-author{font-size:.75rem;color:var(--txt-muted);font-weight:600}.auth-modal-right{flex:1;background:#12121ef7;padding:2.5rem 2.2rem;overflow-y:auto}.auth-brand--right{justify-content:flex-start}#signup-form,#login-form{margin-top:2.4rem}.auth-modal--login .auth-modal-left{display:none}.auth-modal--login .auth-modal-panel{max-width:460px}.auth-modal--login .auth-modal-right{border-radius:28px;padding:2.8rem 2.6rem}.auth-modal .auth-tabs{display:none}.auth-modal--login .auth-brand--right{justify-content:center;margin-bottom:2rem}@media (max-width: 640px){.auth-modal-left{display:none}.auth-modal-right{padding:2rem 1.4rem}.auth-modal-panel{max-width:440px}}.auth-card{background:#ffffff0d;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-b);border-radius:28px;padding:2.5rem 2.2rem;width:100%;max-width:440px;box-shadow:0 32px 80px #0006,inset 0 1px #ffffff1a;animation:pageIn .5s ease}.auth-brand{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.4rem}.auth-brand-icon{font-size:2rem}.auth-brand-name{font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,var(--purple-l),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.auth-tagline{text-align:center;color:var(--txt-muted);font-size:.88rem;margin-bottom:1.8rem}.auth-tabs{display:flex;gap:.4rem;background:var(--glass);border:1px solid var(--glass-b);border-radius:14px;padding:.3rem;margin-bottom:1.6rem}.auth-tab{flex:1;background:none;border:none;color:var(--txt-muted);padding:.55rem;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .25s ease}.auth-tab.active{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;box-shadow:0 0 18px #7c3aed66}.auth-field{margin-bottom:1.1rem}.auth-field-row{display:flex;gap:.75rem}.auth-field-half{flex:1;min-width:0}.auth-label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--txt-muted);margin-bottom:.4rem}.auth-input-wrap{position:relative}.auth-input{width:100%;background:#ffffff0f;border:1px solid var(--glass-b);border-radius:12px;padding:.75rem 2.4rem .75rem 1rem;color:#fff;font-size:.92rem;outline:none;transition:all .2s ease}.auth-input:focus{border-color:var(--purple);background:#7c3aed1a;box-shadow:0 0 0 3px #7c3aed33}.auth-input::placeholder{color:#ffffff40}.pass-wrap .auth-input{padding-right:3rem}.toggle-pass-btn{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:.2rem;opacity:.6;transition:opacity .2s}.toggle-pass-btn:hover{opacity:1}.field-status{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:600;pointer-events:none}.pass-wrap+.field-status,.pass-wrap .field-status{right:2.8rem}.status-ok{color:var(--green)}.status-err{color:#ef4444;font-size:.7rem;right:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.auth-input-wrap .field-status{right:.8rem}.strength-wrap{display:flex;align-items:center;gap:.7rem;margin-top:.5rem;margin-bottom:.5rem}.strength-track{flex:1;height:5px;background:#ffffff14;border-radius:99px;overflow:hidden}.strength-bar{height:100%;width:0;border-radius:99px;transition:width .3s ease,background .3s ease}.strength-label{font-size:.75rem;font-weight:700;min-width:70px;text-align:right}.password-rules{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.3rem .8rem;margin-top:.5rem;margin-bottom:.2rem}.password-rules li{font-size:.76rem;color:var(--txt-muted);display:flex;align-items:center;gap:.35rem;transition:color .2s ease}.password-rules li.pass{color:var(--green)}.rule-icon{font-size:.72rem;width:12px;display:inline-block;text-align:center}.auth-btn{width:100%;padding:.82rem;background:linear-gradient(135deg,var(--purple),var(--blue));border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;margin-top:.6rem;transition:all .25s ease;box-shadow:0 4px 20px #7c3aed59}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed80}.auth-btn:disabled{opacity:.65;cursor:not-allowed}.auth-error{color:#f87171;font-size:.82rem;font-weight:500;min-height:1.2em;margin-top:.5rem;display:none}.auth-switch{text-align:center;font-size:.82rem;color:var(--txt-muted);margin-top:1rem}.auth-switch-link{color:var(--purple-l);font-weight:600;text-decoration:none;cursor:pointer}.auth-switch-link:hover{text-decoration:underline}.confirmation-banner{text-align:center;padding:1.5rem .5rem}.confirm-icon{font-size:3rem;margin-bottom:.8rem}.confirmation-banner h3{font-size:1.3rem;font-weight:800;margin-bottom:.6rem}.confirmation-banner p{color:var(--txt-muted);font-size:.9rem;line-height:1.6}.cat-detail-nav{display:flex;align-items:center;gap:1rem;padding-top:1.4rem;padding-bottom:1.2rem}.cat-back-btn{background:var(--glass);border:1px solid var(--glass-b);color:var(--txt-muted);padding:.45rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .22s ease;white-space:nowrap}.cat-back-btn:hover{color:#fff;border-color:var(--purple-l);background:#a855f714}.cat-detail-page-title{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;color:#ffffffe6}.cat-detail-hero{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--cat-color);border-radius:20px;padding:1.6rem 1.8rem;margin-bottom:0}.cat-table-block{padding-top:2rem}.cat-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--glass-b);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cat-week-table{width:100%;border-collapse:collapse;font-size:.88rem}.cat-week-table thead tr{border-bottom:1px solid rgba(255,255,255,.1)}.cat-week-table thead th{padding:.9rem 1.1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--txt-muted)}.cat-week-row td{padding:.85rem 1.1rem;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.05)}.cat-week-row:hover td{background:#ffffff08}.cwr-date{color:#ffffffb3;font-size:.82rem;white-space:nowrap}.cwr-amount{font-weight:700;color:#f87171;white-space:nowrap}.cwr-reasons{color:var(--txt-muted);font-size:.82rem}.cwr-toggle{width:40px;text-align:right}.week-toggle-btn{background:none;border:1px solid rgba(255,255,255,.12);color:var(--txt-muted);border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:.7rem;transition:all .2s ease}.week-toggle-btn:hover{border-color:var(--purple-l);color:#fff}.cat-tx-container{display:none}.cat-tx-container.open{display:table-row}.cat-tx-container>td{padding:0 1.1rem .6rem;background:#00000026}.cat-tx-table{width:100%;border-collapse:collapse}.cat-tx-row td{padding:.55rem .6rem;font-size:.82rem;border-bottom:1px solid rgba(255,255,255,.04)}.cat-tx-row:last-child td{border-bottom:none}.cat-tx-real td{background:#10b9810d}.real-badge{display:inline-block;margin-left:.4rem;padding:.1rem .4rem;border-radius:999px;font-size:.7rem;font-weight:600;background:#10b98133;color:#10b981;vertical-align:middle}.ctx-date{color:var(--txt-muted);width:160px}.ctx-amount{font-weight:600;color:#f87171;width:100px}.ctx-reason{color:#fffc}.ctx-delete{width:36px;text-align:center}.tx-delete-btn{background:none;border:none;cursor:pointer;color:#ffffff4d;font-size:.85rem;padding:.2rem .4rem;border-radius:4px;transition:color .15s,background .15s}.tx-delete-btn:hover{color:#f87171;background:#f871711f}.show-more-cell{padding:.8rem 1.1rem!important;text-align:center;border-bottom:none!important}.show-more-btn{background:none;border:1px dashed rgba(255,255,255,.18);color:var(--txt-muted);padding:.45rem 1.4rem;border-radius:20px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .22s ease}.show-more-btn:hover{color:#fff;border-color:var(--purple-l)}.quiz-cta-btn{width:100%;display:flex;align-items:center;gap:1rem;margin-top:1.25rem;background:linear-gradient(135deg,#7c3aed33,#3b82f626);border:1px solid rgba(124,58,237,.4);border-radius:18px;padding:1.1rem 1.4rem;cursor:pointer;text-align:left;transition:all .25s ease;margin-bottom:1.5rem}.quiz-cta-btn:hover{background:linear-gradient(135deg,#7c3aed52,#3b82f640);transform:translateY(-2px);box-shadow:0 12px 32px #7c3aed40}.quiz-cta-icon{font-size:2rem;flex-shrink:0}.quiz-cta-text{flex:1;display:flex;flex-direction:column;gap:.2rem}.quiz-cta-title{font-size:1rem;font-weight:800;color:#fff;letter-spacing:-.01em}.quiz-cta-sub{font-size:.78rem;color:var(--txt-muted)}.quiz-cta-arrow{font-size:1.3rem;color:var(--purple-l);flex-shrink:0}.quiz-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background .3s ease,backdrop-filter .3s ease}.quiz-modal-backdrop.open{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quiz-modal-backdrop.open .quiz-modal-card{opacity:1;transform:translateY(0) scale(1)}.quiz-modal-card{background:#111124;border:1px solid var(--glass-b);border-radius:28px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 40px 100px #00000080;opacity:0;transform:translateY(20px) scale(.97);transition:opacity .3s ease,transform .3s ease;display:flex;flex-direction:column}.quiz-header{padding:1.4rem 1.6rem 1rem;display:flex;flex-direction:column;gap:.6rem;border-bottom:1px solid rgba(255,255,255,.06)}.quiz-close{align-self:flex-end;background:#ffffff12;border:none;color:var(--txt-muted);width:30px;height:30px;border-radius:50%;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.quiz-close:hover{background:#ef444433;color:#ef4444}.quiz-progress-bar{height:5px;background:#ffffff14;border-radius:99px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:99px;transition:width .4s ease;box-shadow:0 0 10px #7c3aed80}.quiz-counter{font-size:.75rem;color:var(--txt-muted);font-weight:600;text-align:right}.quiz-body{padding:1.4rem 1.6rem;flex:1}.quiz-q-icon{font-size:2.4rem;margin-bottom:.6rem;display:block}.quiz-question{font-size:1.25rem;font-weight:800;margin-bottom:.4rem;line-height:1.3}.quiz-context{font-size:.82rem;color:var(--txt-muted);margin-bottom:1.2rem;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:.7rem}.quiz-option{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:.9rem 1.1rem;text-align:left;cursor:pointer;transition:all .2s ease}.quiz-option:hover{background:#ffffff17;border-color:#fff3;transform:translate(3px)}.quiz-option.selected{background:#7c3aed26;border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.quiz-option-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.3rem}.quiz-option-labels{display:flex;flex-direction:column;gap:.15rem}.quiz-option-label{font-size:.92rem;font-weight:700;color:#fff}.quiz-option-detail{font-size:.75rem;color:var(--txt-muted)}.quiz-option-check{color:var(--purple-l);font-size:1rem;font-weight:800}.quiz-saving-badge{display:inline-flex;flex-direction:column;gap:.1rem;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;margin-top:.4rem}.quiz-saving-badge.good{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399}.quiz-saving-badge.bad{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#f87171}.quiz-saving-badge.neutral{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--txt-muted)}.badge-main{font-size:.82rem}.badge-sub{font-size:.7rem;font-weight:500}.quiz-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.6rem 1.4rem;border-top:1px solid rgba(255,255,255,.06);gap:.8rem}.quiz-back-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--txt-muted);padding:.6rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz-back-btn:hover{color:#fff;border-color:#ffffff40}.quiz-skip-btn{background:none;border:none;color:var(--txt-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:color .2s}.quiz-skip-btn:hover{color:#fff}.quiz-apply-btn{background:linear-gradient(135deg,var(--purple),var(--blue));border:none;color:#fff;padding:.7rem 1.4rem;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 16px #7c3aed59}.quiz-apply-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #7c3aed80}.quiz-results-sub{font-size:.85rem;font-weight:700;color:var(--txt-muted);text-transform:uppercase;letter-spacing:.06em;margin:1.2rem 0 .7rem}.quiz-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:.5rem}.quiz-total-pill{border-radius:14px;padding:.9rem .7rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center}.quiz-total-pill.saving{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.quiz-total-pill.rec{background:#7c3aed26;border:1px solid rgba(124,58,237,.3)}.quiz-total-pill.year{background:#3b82f626;border:1px solid rgba(59,130,246,.3)}.qtp-val{font-size:1.3rem;font-weight:900;color:#fff}.qtp-sub{font-size:.65rem;font-weight:500;color:var(--txt-muted)}.qtp-lbl{font-size:.7rem;color:var(--txt-muted);font-weight:600}.quiz-result-rows{display:flex;flex-direction:column;gap:.5rem}.quiz-result-row{display:flex;align-items:center;gap:.6rem;font-size:.82rem}.qrr-icon{font-size:1rem;flex-shrink:0;width:20px;text-align:center}.qrr-name{flex-shrink:0;width:130px;font-weight:600;color:var(--txt-muted);font-size:.78rem}.qrr-bar-wrap{flex:1;height:6px;background:#ffffff12;border-radius:99px;overflow:hidden}.qrr-bar{height:100%;border-radius:99px;min-width:4px}.qrr-rec{flex-shrink:0;font-weight:700;color:#fff;font-size:.8rem;white-space:nowrap}.qrr-saving{color:#34d399;font-weight:600;font-size:.72rem;margin-left:.3rem}@media (max-width: 480px){.quiz-totals{grid-template-columns:1fr}.qrr-name{width:90px}}svg defs{display:none}.budget-input-card{display:flex;gap:2rem;background:linear-gradient(135deg,#7c3aed38,#3b82f626 60%,#10b9811a);border:1px solid rgba(124,58,237,.35);border-radius:24px;padding:1.8rem 2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 48px #7c3aed26;flex-wrap:wrap;align-items:center}.bic-left,.bic-right{flex:1;min-width:180px}.bic-right{border-left:1px solid rgba(255,255,255,.08);padding-left:2rem}.bic-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--txt-muted);margin-bottom:.6rem}.bic-input-wrap{display:flex;align-items:center;gap:.4rem}.bic-symbol{font-size:2rem;font-weight:800;color:var(--purple-l)}.bic-input{font-size:2.4rem;font-weight:900;background:none;border:none;outline:none;color:#fff;width:140px;caret-color:var(--purple-l);-moz-appearance:textfield}.bic-input::-webkit-inner-spin-button,.bic-input::-webkit-outer-spin-button{-webkit-appearance:none}.bic-allocated-amt{font-size:1.2rem;font-weight:800;margin-bottom:.6rem;background:linear-gradient(135deg,var(--purple-l),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bic-alloc-bar-wrap{margin-bottom:.5rem}.bic-alloc-bar{height:8px;background:#ffffff14;border-radius:99px;overflow:hidden}.bic-alloc-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:99px;box-shadow:0 0 12px #7c3aed80;transition:width .35s ease}.bic-unallocated{font-size:.82rem;color:var(--txt-muted)}.bic-unallocated.over{color:#ef4444}.use-suggested-btn{margin-top:.7rem;background:none;border:1px solid rgba(168,85,247,.45);color:var(--purple-l);padding:.35rem .9rem;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.use-suggested-btn:hover{background:#a855f726;border-color:var(--purple-l)}.sliders-header{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:1.2rem;flex-wrap:wrap;gap:.6rem}.reset-all-btn{background:none;border:1px solid rgba(255,255,255,.15);color:var(--txt-muted);padding:.38rem .9rem;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-all-btn:hover{color:#fff;border-color:#ffffff59;background:#ffffff0f}.slider-row{background:var(--glass);border:1px solid var(--glass-b);border-radius:18px;padding:1.2rem 1.4rem;margin-bottom:.9rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .2s ease}.slider-row:hover{border-color:var(--row-color)}.slider-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.slider-cat{display:flex;align-items:center;gap:.6rem}.slider-icon{font-size:1.4rem}.slider-name{font-size:.95rem;font-weight:700;color:var(--row-color)}.suggested-chip{font-size:.7rem;font-weight:600;color:var(--row-color);background:#ffffff0f;border:1px solid var(--row-color);border-radius:20px;padding:.15rem .55rem;opacity:.7;white-space:nowrap}.reset-btn{background:none;border:none;color:var(--txt-muted);font-size:1rem;cursor:pointer;padding:0 .2rem;transition:all .2s ease;line-height:1;flex-shrink:0}.reset-btn:hover{color:var(--row-color);transform:rotate(-30deg)}.delete-cat-btn{background:none;border:none;color:var(--txt-muted);font-size:1.2rem;line-height:1;cursor:pointer;padding:0 .15rem;margin-left:.4rem;transition:all .2s ease;opacity:.4;flex-shrink:0}.slider-row:hover .delete-cat-btn{opacity:1}.delete-cat-btn:hover{color:#ef4444;transform:scale(1.2)}.custom-chip{font-size:.7rem;font-weight:600;color:#ffffff80;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:.15rem .55rem}.add-cat-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;background:none;border:1px dashed rgba(255,255,255,.18);border-radius:18px;color:var(--txt-muted);padding:1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease;margin-bottom:.9rem}.add-cat-btn:hover{color:#fff;border-color:var(--purple-l);background:#a855f714}.add-cat-btn--top{width:auto;padding:.45rem 1rem;border-radius:20px;font-size:.85rem;margin-bottom:0}.add-cat-btn-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--purple),var(--blue));border-radius:50%;color:#fff;font-size:1rem;flex-shrink:0}.cat-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background .25s ease,backdrop-filter .25s ease}.cat-modal-backdrop.open{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cat-modal-backdrop.open .cat-modal-card{opacity:1;transform:translateY(0) scale(1)}.cat-modal-card{background:#141428;border:1px solid var(--glass-b);border-radius:24px;width:100%;max-width:540px;max-height:85vh;overflow-y:auto;padding:1.8rem;box-shadow:0 32px 80px #00000080;opacity:0;transform:translateY(16px) scale(.97);transition:opacity .25s ease,transform .25s ease}.cat-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}.cat-modal-title{font-size:1.2rem;font-weight:800}.cat-modal-close{background:#ffffff14;border:none;color:var(--txt-muted);width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.cat-modal-close:hover{background:#ef444433;color:#ef4444}.cat-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.cat-option{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;border-top:3px solid var(--opt-color)}.cat-option:hover{background:#ffffff1a;border-color:var(--opt-color);transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.cat-option-icon{font-size:1.8rem}.cat-option-name{font-size:.75rem;font-weight:600;text-align:center;color:var(--opt-color);line-height:1.2}.cat-modal-empty{text-align:center;color:var(--txt-muted);padding:1.5rem 0;font-size:.9rem}@media (max-width: 480px){.cat-modal-grid{grid-template-columns:repeat(2,1fr)}}.slider-values{display:flex;align-items:baseline;gap:.3rem}.slider-amount{font-size:1.25rem;font-weight:800;color:#fff}.slider-of-total{font-size:.8rem;color:var(--txt-muted)}.slider-track-row{display:flex;align-items:center;gap:.6rem}.slider-track-row input[type=range]{flex:1}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:#ffffff14;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--row-color);box-shadow:0 0 10px var(--row-color),0 0 0 3px #ffffff26;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 18px var(--row-color),0 0 0 4px #fff3}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:none;background:var(--row-color);box-shadow:0 0 10px var(--row-color);cursor:pointer}.slider-pct-label{font-size:.72rem;color:var(--txt-muted);text-align:right;margin-top:.35rem}@media (max-width: 600px){.budget-input-card{flex-direction:column;gap:1.2rem}.bic-right{border-left:none;border-top:1px solid rgba(255,255,255,.08);padding-left:0;padding-top:1.2rem}}