.header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 20px}.header-inner{display:flex;align-items:center;height:52px}.header-brand{display:flex;align-items:center;gap:9px}.header-logo{font-size:18px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-title{font-family:DM Sans,sans-serif;font-weight:700;font-size:20px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}@media (min-width: 900px){.header{display:none}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:100;box-shadow:0 -2px 12px #0000000f}.nav-tabs-group{display:contents}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--ink-muted);flex:1;padding:8px 0;transition:color .15s}.nav-tab.active{color:var(--accent)}.nav-icon{font-size:20px;line-height:1}.nav-label{font-size:11px;font-weight:500;letter-spacing:.3px}.nav-sidebar-brand,.nav-user-section{display:none}@media (min-width: 900px){.bottom-nav{position:sticky;top:0;height:100vh;width:220px;flex-shrink:0;flex-direction:column;justify-content:flex-start;align-items:stretch;border-top:none;border-right:1px solid var(--border);box-shadow:none;padding:0;background:var(--surface)}.nav-tabs-group{display:flex;flex-direction:column;flex:1;padding:8px 0}.nav-tab{flex-direction:row;justify-content:flex-start;gap:12px;padding:11px 20px;flex:none;border-radius:0;font-size:14px}.nav-tab:hover:not(.active){background:var(--surface-2);color:var(--ink)}.nav-tab.active{background:var(--accent-light);font-weight:600}.nav-tab.active .nav-label,.nav-tab.active .nav-icon{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-icon{font-size:17px;width:20px;text-align:center}.nav-label{font-size:14px;letter-spacing:0}.nav-sidebar-brand{display:flex;align-items:center;gap:10px;padding:22px 20px 20px;border-bottom:1px solid var(--border)}.nav-brand-logo{font-size:20px;color:var(--accent)}.nav-brand-title{font-family:DM Sans,sans-serif;font-size:21px;font-weight:700;color:var(--accent);letter-spacing:.5px}.nav-user-section{display:flex;flex-direction:column;gap:8px;padding:16px 20px;border-top:1px solid var(--border)}.nav-user-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user-email{font-size:12px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-logout-btn{background:transparent;border:1px solid var(--border);color:var(--ink-muted);padding:7px 14px;border-radius:7px;font-size:13px;cursor:pointer;transition:all .15s;text-align:left;font-family:DM Sans,sans-serif}.nav-logout-btn:hover{border-color:var(--accent);color:var(--accent)}}.login-page{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:40px;width:100%;max-width:400px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}.login-logo{font-size:24px;color:var(--accent)}.login-title{font-family:DM Sans,sans-serif;font-size:26px;font-weight:700;color:var(--ink)}.login-subtitle{color:var(--ink-muted);font-size:14px;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:16px}.login-btn{width:100%;padding:12px;background:var(--grad);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:opacity .15s}.login-btn:hover{opacity:.85}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{font-size:13px;color:var(--red);background:var(--red-light);padding:10px 12px;border-radius:6px}.login-message{font-size:13px;color:var(--green);background:var(--green-light);padding:10px 12px;border-radius:6px}.login-toggle{text-align:center;font-size:13px;color:var(--ink-muted);margin-top:24px}.login-toggle button{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;margin-left:4px;font-size:13px}.input-password-wrap{position:relative;display:flex;align-items:center}.input-password-wrap input{width:100%;padding-right:40px}.password-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:var(--ink-muted);display:flex;align-items:center;padding:0;transition:color .15s}.password-toggle:hover{color:var(--ink)}.password-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.password-label-row label{margin-bottom:0}.login-link-btn{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;font-size:13px;padding:0}.login-link-btn.small{font-size:12px;font-weight:500}.login-check-email{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:16px 0 8px}.login-check-icon{font-size:40px;line-height:1}.login-check-email h3{font-size:18px;color:var(--ink)}.login-check-email p{font-size:14px;color:var(--ink-muted);line-height:1.5}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--ink);background:#ffffff8c;outline:none;transition:border-color .15s;box-sizing:border-box}.form-group input:focus{border-color:var(--accent)}.name-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.name-prompt-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 36px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #0003}.name-prompt-icon{font-size:36px;color:var(--accent);margin-bottom:16px}.name-prompt-title{font-family:DM Sans,sans-serif;font-weight:700;font-size:24px;color:var(--ink);margin:0 0 8px}.name-prompt-subtitle{font-size:15px;color:var(--ink-muted);margin:0 0 28px}.name-prompt-form{display:flex;flex-direction:column;gap:14px}.name-prompt-input{padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--ink);font-size:15px;font-family:DM Sans,sans-serif;outline:none;transition:border-color .15s;text-align:center}.name-prompt-input:focus{border-color:var(--accent)}.name-prompt-btn{padding:12px;background:var(--grad);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:opacity .15s}.name-prompt-btn:disabled{opacity:.5;cursor:not-allowed}.name-prompt-btn:not(:disabled):hover{opacity:.88}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.onboarding-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 36px 32px;max-width:440px;width:100%;text-align:center;box-shadow:0 20px 60px #0003}.onboarding-icon{font-size:40px;color:var(--accent);margin-bottom:12px}.onboarding-greeting{font-size:16px;color:var(--ink-muted);margin:0 0 6px}.onboarding-title{font-family:DM Sans,sans-serif;font-weight:700;font-size:24px;color:var(--ink);margin:0 0 12px}.onboarding-body{font-size:15px;color:var(--ink-muted);line-height:1.6;margin:0 0 28px}.onboarding-dots{display:flex;justify-content:center;gap:8px;margin-bottom:28px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .2s}.onboarding-dot.active{background:var(--accent)}.onboarding-actions{display:flex;gap:10px;justify-content:center}.onboarding-back{padding:11px 20px;background:transparent;border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:500;color:var(--ink-muted);cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.onboarding-back:hover{border-color:var(--accent);color:var(--accent)}.onboarding-next{padding:11px 24px;background:var(--grad);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:opacity .15s}.onboarding-next:hover{opacity:.88}.lp-root{--bg: linear-gradient(170deg, #fde68a 0%, #fcd34d 100%);--surface: rgba(255,255,255,.62);--surface-2: rgba(255,255,255,.4);--ink: #1a0f00;--ink-muted: rgba(120,60,0,.62);--border: rgba(180,120,0,.18);--grad: linear-gradient(135deg, #92400e, #b45309, #d97706);background:linear-gradient(170deg,#fde68a,#fcd34d) fixed;background-attachment:fixed;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.lp-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,3rem);height:60px;background:#fde68ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.lp-nav-actions{display:flex;align-items:center;gap:10px}.lp-nav-logo{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#92400e,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.lp-btn-primary{background:var(--grad);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s;text-decoration:none;display:inline-flex;align-items:center}.lp-btn-primary:hover{opacity:.88;transform:translateY(-1px)}.lp-btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--border);border-radius:8px;font-weight:600;cursor:pointer;transition:background .15s,transform .15s;text-decoration:none;display:inline-flex;align-items:center}.lp-btn-ghost:hover{background:var(--surface-2);transform:translateY(-1px)}.lp-btn-sm{padding:.45rem 1rem;font-size:.875rem}.lp-btn-lg{padding:.75rem 1.75rem;font-size:1rem}.lp-hero{display:flex;flex-direction:column;align-items:center;gap:3rem;padding:clamp(3rem,8vw,6rem) clamp(1.25rem,5vw,3rem);text-align:center;max-width:1100px;margin:0 auto}@media (min-width: 768px){.lp-hero{flex-direction:row;text-align:left;align-items:flex-start}}.lp-hero-inner{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.25rem}@media (min-width: 768px){.lp-hero-inner{align-items:flex-start}}.lp-badge{display:inline-block;padding:6px 18px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#92400e;background:#92400e1a;border:1px solid rgba(146,64,14,.3);box-shadow:0 0 12px #92400e26;margin-bottom:28px}.lp-h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin:0}.lp-gradient-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero-sub{color:var(--ink-muted);font-size:1.05rem;line-height:1.65;max-width:420px;margin:0}.lp-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@media (min-width: 768px){.lp-hero-actions{justify-content:flex-start}}.lp-mock{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;min-width:0;width:100%;max-width:400px}.lp-mock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.lp-mock-title{font-size:.9rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-mock-month{font-size:.75rem;color:var(--ink-muted)}.lp-mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1.25rem}.lp-mock-card{background:var(--surface-2);border-radius:10px;padding:.75rem .6rem;display:flex;flex-direction:column;gap:.25rem;border:1px solid var(--border)}.lp-mock-card-label{font-size:.65rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em}.lp-mock-card-value{font-size:1rem;font-weight:700}.lp-mock-card--income .lp-mock-card-value{color:#00875a}.lp-mock-card--expenses .lp-mock-card-value{color:#dc2626}.lp-mock-card--savings .lp-mock-card-value{color:#1a6fcc}.lp-mock-budgets{display:flex;flex-direction:column;gap:.6rem}.lp-mock-budget-label{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:var(--ink);margin-bottom:.25rem}.lp-mock-budget-month{color:var(--ink-muted);font-weight:400}.lp-mock-budget-item{display:grid;grid-template-columns:90px 1fr 36px;align-items:center;gap:.5rem;font-size:.75rem;color:var(--ink-muted)}.lp-mock-bar{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden}.lp-mock-bar-fill{height:100%;border-radius:99px}.lp-mock-budget-pct{font-size:.7rem;color:var(--ink-muted);text-align:right}.lp-features{padding:clamp(3rem,8vw,5rem) clamp(1.25rem,5vw,3rem);max-width:1100px;margin:0 auto;text-align:center}.lp-section-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin:0 0 .5rem;letter-spacing:-.02em}.lp-section-sub{color:var(--ink-muted);margin:0 0 2.5rem;font-size:1rem}.lp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.lp-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;text-align:left;transition:border-color .2s,transform .2s}.lp-feature-card:hover{border-color:#92400e59;transform:translateY(-2px)}.lp-feature-icon{font-size:1.5rem;display:block;margin-bottom:.75rem}.lp-feature-card h3{font-size:1rem;font-weight:700;margin:0 0 .5rem}.lp-feature-card p{color:var(--ink-muted);font-size:.875rem;line-height:1.6;margin:0}.lp-stats{display:flex;align-items:center;justify-content:center;gap:0;padding:clamp(2rem,5vw,3.5rem) clamp(1.25rem,5vw,3rem);background:#ffffff59;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lp-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:0 clamp(1.5rem,4vw,3rem)}.lp-stat-value{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-stat-label{font-size:.85rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}.lp-stat-divider{width:1px;height:48px;background:var(--border)}.lp-cta{padding:clamp(3.5rem,8vw,6rem) clamp(1.25rem,5vw,3rem);text-align:center;max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.lp-cta-title{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin:0}.lp-cta-sub{color:var(--ink-muted);margin:0;font-size:1rem;line-height:1.65}.lp-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem clamp(1.25rem,5vw,3rem);border-top:1px solid var(--border);flex-wrap:wrap;gap:.5rem}.lp-footer-logo{font-size:.95rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-footer-copy{font-size:.8rem;color:var(--ink-muted)}.summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;gap:24px;box-shadow:var(--shadow)}.summary-hero{display:flex;flex-direction:column;gap:6px}.summary-period-label{font-size:12px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:1px}.summary-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.summary-rate-wrap{display:flex;align-items:baseline;gap:14px}.summary-left-wrap{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.summary-left-value{font-family:DM Sans,sans-serif;font-weight:700;font-size:64px;line-height:1;background:var(--green-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-left-value.over{background:var(--red-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-rate-value{font-family:DM Sans,sans-serif;font-weight:700;font-size:64px;line-height:1;background:var(--blue-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-rate-label{font-size:13px;color:var(--ink-muted);letter-spacing:.5px}.summary-divider{height:1px;background:var(--border)}.summary-stats{display:flex;align-items:center;gap:0}.stat{flex:1;display:flex;flex-direction:column;gap:3px}.stat-sep{width:1px;height:40px;background:var(--border);flex-shrink:0;margin:0 24px}.stat-label{display:block;font-size:11px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:22px;font-weight:500}.stat.income .stat-value{background:var(--green-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat.expense .stat-value{background:var(--red-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat.savings .stat-value{background:var(--blue-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-message{display:block;font-size:11px;font-weight:600;margin-top:2px}.stat-message.under{color:var(--ink-muted)}.stat-message.over{color:#b45309}.stat-bar-track{height:4px;background:#b4780026;border-radius:999px;overflow:hidden;margin-top:6px;width:100%}.stat-bar-fill{height:100%;border-radius:999px;transition:width .6s ease}.stat-bar-fill.income{background:var(--green-grad)}.stat-bar-fill.expense{background:var(--red-grad)}.stat-bar-fill.savings{background:var(--blue-grad)}@media (max-width: 600px){.summary-rate-value,.summary-left-value{font-size:52px}.stat-value{font-size:18px}.stat-sep{margin:0 16px}}.card{background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border)}.card-title{font-size:18px;margin-bottom:20px;color:var(--ink)}.type-toggle{display:flex;gap:8px;margin-bottom:20px;background:var(--surface-2);padding:4px;border-radius:8px}.toggle-btn{flex:1;padding:8px;border:none;border-radius:6px;background:transparent;color:var(--ink-muted);cursor:pointer;font-size:14px;font-weight:500;transition:all .15s}.toggle-btn.active.income{background:var(--green-light);color:var(--green)}.toggle-btn.active.expense{background:var(--red-light);color:var(--red)}.toggle-btn.active.savings{background:var(--blue-light);color:var(--blue)}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-muted);margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff8c;color:var(--ink);font-size:14px;transition:border-color .15s;outline:none}.form-group input::placeholder{color:var(--ink-muted)}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submit-btn{width:100%;padding:12px;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:opacity .15s}.submit-btn:hover{opacity:.85}.submit-btn.income{background:var(--green-grad)}.submit-btn.expense{background:var(--red-grad)}.submit-btn.savings{background:var(--blue-grad)}.form-optional{font-weight:400;text-transform:none;letter-spacing:0;color:var(--ink-muted);font-size:11px}.txn-success-toast{margin-top:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;text-align:center;animation:fadeInOut 3s ease forwards}.txn-success-toast.income{background:var(--green-light);color:var(--green)}.txn-success-toast.expense{background:var(--red-light);color:var(--red)}.txn-success-toast.savings{background:var(--blue-light);color:var(--blue)}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-4px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.form-no-categories{font-size:13px;color:var(--ink-muted);text-align:center;padding:24px 16px;line-height:1.6}.form-no-categories strong{color:var(--accent)}.track-page{display:flex;flex-direction:column;gap:24px}.txn-table-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.txn-table-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.txn-table-header.income{background:var(--green-light);border-bottom:1px solid var(--border)}.txn-table-header.expense{background:var(--red-light);border-bottom:1px solid var(--border)}.txn-table-title{font-weight:600;font-size:14px}.txn-table-header.income .txn-table-title{color:var(--green)}.txn-table-header.expense .txn-table-title{color:var(--red)}.txn-table-count{font-size:12px;color:var(--ink-muted)}.txn-table-filter{padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.txn-category-filter{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--ink);font-size:12px;font-family:DM Sans,sans-serif;outline:none;cursor:pointer}.txn-category-filter:focus{border-color:var(--accent)}.txn-table-empty{padding:32px 20px;text-align:center;color:var(--ink-muted);font-size:13px}.txn-table-list{list-style:none;flex:1}.txn-table-row{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border);transition:background .1s}.txn-table-row:last-child{border-bottom:none}.txn-table-row:hover{background:var(--surface-2)}.txn-table-icon{font-size:18px;width:28px;text-align:center;flex-shrink:0}.txn-table-info{flex:1;min-width:0}.txn-table-desc{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-table-meta{display:block;font-size:11px;color:var(--ink-muted)}.txn-table-amount{font-size:13px;font-weight:600;flex-shrink:0}.txn-table-amount.income{color:var(--green)}.txn-table-amount.expense{color:var(--red)}.txn-table-delete{background:none;border:none;color:var(--border);cursor:pointer;padding:4px;border-radius:4px;display:flex;transition:color .15s;flex-shrink:0}.txn-table-delete:hover{color:var(--red)}.txn-table-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;border-top:1px solid var(--border)}.page-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:4px 8px;cursor:pointer;display:flex;align-items:center;color:var(--ink);transition:all .15s}.page-btn:hover:not(:disabled){background:var(--border)}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-info{font-size:12px;color:var(--ink-muted);min-width:40px;text-align:center}.txn-table-header.savings{background:var(--blue-light);border-bottom:1px solid var(--border)}.txn-table-header.savings .txn-table-title,.txn-table-amount.savings{color:var(--blue)}.txn-table-edit{background:none;border:none;color:var(--ink-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;transition:color .15s;flex-shrink:0}.txn-table-edit:hover{color:var(--blue)}.txn-table-row--editing{padding:12px 20px}.txn-edit-form{display:flex;flex-wrap:wrap;gap:8px;width:100%;align-items:center}.txn-edit-input{background:#ffffff8c;border:1px solid var(--border);border-radius:6px;padding:6px 10px;color:var(--ink);font-size:13px;font-family:DM Sans,sans-serif;min-width:0}.txn-edit-input:first-child{flex:2;min-width:120px}.txn-edit-input:nth-child(2){flex:1;min-width:80px}.txn-edit-input:nth-child(3){flex:1;min-width:110px}.txn-edit-actions{display:flex;gap:6px}.txn-edit-save{padding:6px 14px;background:var(--grad);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif}.txn-edit-cancel{padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--ink-muted);font-size:12px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-label{font-size:13px;color:var(--ink-muted);font-weight:500}.filter-select{padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff8c;color:var(--ink);font-size:14px;font-weight:500;cursor:pointer;outline:none;transition:border-color .15s}.filter-select:focus{border-color:var(--accent)}.records-page{display:flex;flex-direction:column;gap:16px}.records-filter{display:flex;align-items:center}.records-tab-switcher{display:none}.records-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.records-tab-panel{display:block}@media (max-width: 900px){.records-tab-switcher{display:flex;gap:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--surface)}.records-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:all .15s;border-right:1px solid var(--border)}.records-tab-btn:last-child{border-right:none}.records-tab-btn.active.income{background:var(--green-light);color:var(--green)}.records-tab-btn.active.expense{background:var(--red-light);color:var(--red)}.records-tab-btn.active.savings{background:var(--blue-light);color:var(--blue)}.records-tab-count{font-size:11px;font-weight:400;opacity:.75}.records-grid{grid-template-columns:1fr;gap:0}.records-tab-panel{display:none}.records-tab-panel.active{display:block}}.budget-page,.budget-mode{display:flex;flex-direction:column;gap:16px}.budget-mode.visible{animation:fadeSlideIn .25s ease forwards}.budget-mode.hidden{display:none}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.budget-top-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:18px 24px}.overview-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.zbb-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.zbb-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.zbb-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted);font-weight:600}.zbb-stat-value{font-family:DM Sans,sans-serif;font-weight:700;font-size:20px}.zbb-stat-value.income{background:var(--green-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.zbb-stat-value.expense{background:var(--red-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.zbb-stat-value.savings{background:var(--blue-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.zbb-stat-value.balanced{color:var(--green)}.zbb-stat-value.under{color:var(--ink-muted)}.zbb-stat-value.over{color:var(--red)}.zbb-separator{font-size:20px;color:var(--ink-muted);font-weight:300;margin-top:14px}.budget-year-select{padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff8c;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;outline:none;transition:border-color .15s}.budget-year-select:focus{border-color:var(--accent)}.chart-card{padding:20px 24px}.chart-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;flex-wrap:wrap;gap:8px}.chart-legend{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--ink-muted);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-border{display:inline-block;width:14px;height:10px;border:2px solid var(--green);border-radius:2px;opacity:.6}.chart-subtitle{font-size:11px;color:var(--ink-muted);margin-bottom:8px}.chart-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:12px;box-shadow:var(--shadow)}.tooltip-month{font-weight:600;margin-bottom:6px;color:var(--ink)}.tooltip-balanced{color:var(--green);font-size:11px;margin-left:4px}.tooltip-income{color:var(--green);margin:2px 0}.tooltip-expense{color:var(--red);margin:2px 0}.tooltip-savings{color:var(--blue);margin:2px 0}.tooltip-unalloc{color:var(--ink-muted);margin:2px 0}.detail-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.back-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;color:var(--ink);transition:background .15s;flex-shrink:0}.back-btn:hover{background:var(--border)}.detail-title{font-size:20px;color:var(--ink);flex:1}.detail-status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.unallocated-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;border:1px solid transparent}.unallocated-badge.balanced{background:var(--green-light);border-color:var(--border)}.unallocated-badge.under{background:var(--surface-2);border-color:var(--border)}.unallocated-badge.over{background:var(--red-light);border-color:var(--border)}.unallocated-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.unallocated-badge.balanced .unallocated-label{color:var(--green)}.unallocated-badge.under .unallocated-label{color:var(--ink-muted)}.unallocated-badge.over .unallocated-label{color:var(--red)}.unallocated-amount{font-family:DM Sans,sans-serif;font-weight:700;font-size:18px}.unallocated-badge.under .unallocated-amount{color:var(--ink)}.unallocated-badge.over .unallocated-amount{color:var(--red)}.detail-actions{display:flex;gap:8px;align-items:center}.detail-month-nav{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px;flex-wrap:wrap}.month-nav-btn{flex:1;min-width:40px;padding:6px 4px;border:none;border-radius:6px;background:transparent;color:var(--ink-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;text-align:center}.month-nav-btn:hover{background:var(--surface-2)}.month-nav-btn.active{background:var(--grad);color:#fff}.month-nav-btn.has-budget:not(.active){color:var(--green);font-weight:600}.detail-tabs{display:flex;gap:8px}.detail-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-size:13px;font-weight:500;color:var(--ink-muted);transition:all .15s}.detail-tab:hover{background:var(--surface-2)}.detail-tab.active.income{background:var(--green-light);border-color:var(--green);color:var(--green)}.detail-tab.active.expense{background:var(--red-light);border-color:var(--red);color:var(--red)}.detail-tab.active.savings{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}.tab-total{font-family:DM Sans,sans-serif;font-weight:700;font-size:16px}.detail-section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.detail-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;font-size:14px;font-weight:600}.detail-section-header.income{background:var(--green-light);color:var(--green);border-bottom:1px solid var(--border)}.detail-section-header.expense{background:var(--red-light);color:var(--red);border-bottom:1px solid var(--border)}.detail-section-header.savings{background:var(--blue-light);color:var(--blue);border-bottom:1px solid var(--border)}.detail-category-list{list-style:none}.detail-category-row{padding:10px 20px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.detail-category-row:last-child{border-bottom:none}.detail-cat-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-cat-name{font-size:13px;color:var(--ink);flex:1}.detail-cat-amount{font-size:13px;font-weight:600;flex-shrink:0}.detail-cat-amount.income{color:var(--green)}.detail-cat-amount.expense{color:var(--red)}.detail-cat-amount.savings{color:var(--blue)}.detail-cat-bar-track{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden}.detail-cat-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.detail-cat-bar-fill.income{background:var(--green-grad)}.detail-cat-bar-fill.expense{background:var(--red-grad)}.detail-cat-bar-fill.savings{background:var(--blue-grad)}.budget-btn{padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.budget-btn.actions{background:var(--surface-2);color:var(--ink);border:1px solid var(--border)}.budget-btn.edit{background:var(--grad);color:#fff}.budget-btn.save{background:var(--green);color:#fff}.budget-btn.cancel{background:var(--surface-2);color:var(--ink);border:1px solid var(--border)}.budget-btn.reset{background:var(--red-light);color:var(--red);border:1px solid var(--border)}.budget-btn:hover{opacity:.85}.budget-btn:disabled{opacity:.5;cursor:not-allowed}.actions-menu-wrap{position:relative}.actions-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 20px #0000001a;min-width:220px;z-index:50;overflow:hidden}.actions-item{display:block;width:100%;padding:11px 16px;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);font-size:13px;color:var(--ink);cursor:pointer;transition:background .1s}.actions-item:last-child{border-bottom:none}.actions-item:hover{background:var(--surface-2)}.actions-item:disabled{opacity:.5;cursor:not-allowed}.actions-item.danger{color:var(--red)}.actions-item.danger:hover{background:var(--red-light)}.reset-confirm{background:var(--red-light);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.reset-confirm p{font-size:14px;color:var(--ink);flex:1}.reset-confirm strong{color:var(--red)}.reset-confirm-actions{display:flex;gap:8px}.budget-message{font-size:13px;padding:10px 16px;border-radius:8px}.budget-message.success{background:var(--green-light);color:var(--green)}.budget-message.error{background:var(--red-light);color:var(--red)}.budget-input{width:110px;padding:5px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--ink);background:#ffffff8c;outline:none;text-align:right;transition:border-color .15s}.budget-input:focus{border-color:var(--accent)}.budget-no-categories{font-size:13px;color:var(--ink-muted);text-align:center;padding:20px}.budget-loading{text-align:center;color:var(--ink-muted);padding:40px}@media (max-width: 700px){.detail-tabs{flex-direction:column}.detail-header{flex-direction:column;align-items:flex-start}.detail-status-row{width:100%}.zbb-stats{gap:8px}}.month-table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.month-table{width:100%;border-collapse:collapse}.month-table thead tr{background:#b4780012}.month-table thead th{padding:10px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-muted);text-align:left;border-bottom:1px solid var(--border)}.month-table thead th:not(:first-child){text-align:right}.month-row{border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.month-row:last-child{border-bottom:none}.month-row:hover{background:var(--surface-2)}.month-row.current{background:#92400e0d}.month-row.current:hover{background:#92400e17}.month-table td{padding:10px 16px;font-size:13px;text-align:right}.month-table td:first-child{text-align:left}.month-row-name{display:flex;align-items:center;gap:7px;font-weight:600;color:var(--ink);font-size:13px}.month-row-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.val-income{color:var(--green);font-weight:600}.val-expense{color:var(--red);font-weight:600}.val-savings{color:var(--blue);font-weight:600}.val-muted{color:var(--ink-muted);font-weight:600}.val-empty{color:#783c0047;font-weight:400}.unalloc-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.unalloc-chip.balanced{background:var(--green-light);color:var(--green);border:1px solid rgba(0,135,90,.25)}.unalloc-chip.under{background:#eab30824;color:#92400e;border:1px solid rgba(234,179,8,.35)}.unalloc-chip.over{background:var(--red-light);color:var(--red);border:1px solid rgba(220,38,38,.25)}.unalloc-chip.empty{color:var(--ink-muted);font-weight:400;font-size:12px}.month-table tfoot tr{border-top:2px solid var(--border);background:#b478000f}.month-table tfoot td{padding:10px 16px;font-weight:700;font-size:13px}.foot-label{font-size:11px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted)!important;text-align:left}@media (max-width: 600px){.month-table thead th,.month-table td{padding:9px 10px;font-size:12px}}.zbb-alloc-bar-wrap{margin-top:14px;display:flex;flex-direction:column;gap:6px}.zbb-alloc-bar{height:6px;background:#b4780026;border-radius:999px;overflow:hidden;display:flex}.zbb-alloc-seg{height:100%;transition:width .5s ease}.zbb-alloc-seg.expense{background:linear-gradient(90deg,#f87171,#e879f9)}.zbb-alloc-seg.savings{background:linear-gradient(90deg,#60a5fa,#818cf8)}.zbb-alloc-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-muted)}.detail-cat-pct{font-size:10px;color:var(--ink-muted);flex-shrink:0;margin-left:8px}.dashboard-page{display:flex;flex-direction:column;gap:20px}.dashboard-filter{display:flex;align-items:center}.dashboard-empty{text-align:center;padding:60px 24px;color:var(--ink-muted);display:flex;flex-direction:column;gap:8px;font-size:14px}.hero-section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:20px 24px;display:flex;flex-direction:row;align-items:center;gap:24px}.hero-left{display:flex;flex-direction:column;gap:14px;min-width:180px}.hero-title{font-size:18px;color:var(--ink);line-height:1.2}.hero-subtitle{font-size:11px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:600;margin-top:2px}.hero-divider{width:1px;align-self:stretch;background:var(--border);flex-shrink:0}.period-progress-wrap{display:flex;flex-direction:column;gap:5px}.period-progress-top{display:flex;justify-content:space-between;align-items:center}.period-progress-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted);font-weight:600}.period-progress-pct{font-size:10px;color:var(--ink-muted)}.period-progress-track{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden}.period-progress-fill{height:100%;background:var(--grad);border-radius:2px;transition:width .4s ease}.budget-progress-row{display:flex;flex-direction:column;gap:4px;margin-top:4px}.budget-progress-top{display:flex;justify-content:space-between;align-items:center}.budget-progress-pct{font-size:10px;font-weight:600}.budget-progress-pct.income{color:var(--green)}.budget-progress-pct.expense{color:var(--red)}.budget-progress-pct.savings{color:var(--blue)}.budget-progress-pct.over{opacity:.85}.budget-progress-fill{height:100%;border-radius:2px;transition:width .4s ease}.budget-progress-fill.income{background:var(--green)}.budget-progress-fill.expense{background:var(--red)}.budget-progress-fill.savings{background:var(--blue)}.hero-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}.hero-stat-tile{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:var(--surface-2);border-radius:10px;border:1px solid var(--border)}.hero-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted);font-weight:600}.hero-stat-amount{font-family:DM Sans,sans-serif;font-weight:700;font-size:17px;line-height:1.2}.hero-stat-amount.income{background:var(--green-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-amount.expense{background:var(--red-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-amount.savings{background:var(--blue-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-sub{font-size:10px;color:var(--ink-muted)}@media (max-width: 700px){.hero-section{flex-direction:column;align-items:stretch}.hero-divider{width:100%;height:1px;align-self:auto}.hero-stats-grid{grid-template-columns:1fr 1fr}}.donut-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.donut-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:18px 20px;display:flex;flex-direction:column;gap:6px}.donut-card.income{border-top:3px solid var(--green)}.donut-card.expense{border-top:3px solid var(--red)}.donut-card.savings{border-top:3px solid var(--blue)}.donut-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.donut-card-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-muted)}.summary-diff-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}.summary-diff-badge.good{background:var(--green-light);color:var(--green);border:1px solid rgba(0,135,90,.25)}.summary-diff-badge.bad{background:var(--red-light);color:var(--red);border:1px solid rgba(220,38,38,.25)}.donut-card-budget{font-size:12px;color:var(--ink-muted)}.donut-empty{padding:40px 0;text-align:center;font-size:13px;color:var(--ink-muted)}.donut-chart-wrap{display:flex;align-items:center}.donut-legend{display:flex;flex-direction:column;gap:7px;flex:1;padding-left:8px}.donut-legend-item{display:flex;align-items:center;gap:6px}.donut-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.donut-legend-name{font-size:11px;color:var(--ink);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-legend-value{font-size:11px;font-weight:600;color:var(--ink-muted);flex-shrink:0}@media (max-width: 900px){.donut-cards-grid{grid-template-columns:1fr}.hero-header{flex-direction:column}}.area-card{padding:20px 24px}.area-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;flex-wrap:wrap;gap:8px}.area-subtitle{font-size:11px;color:var(--ink-muted);margin-bottom:16px}.area-legend{display:flex;gap:12px;flex-wrap:wrap}.area-legend-item{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.area-legend-item.income{background:var(--green-light);color:var(--green)}.area-legend-item.expense{background:var(--red-light);color:var(--red)}.area-legend-item.savings{background:var(--blue-light);color:var(--blue)}.area-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:12px;box-shadow:var(--shadow)}.area-tooltip-label{font-weight:600;color:var(--ink);margin-bottom:6px}.area-tooltip-item{margin:3px 0;font-weight:500}.sankey-card{padding:20px 24px}.sankey-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;flex-wrap:wrap;gap:8px}.sankey-subtitle{font-size:11px;color:var(--ink-muted);margin-bottom:16px}.sankey-legend{display:flex;gap:12px;flex-wrap:wrap}.sankey-legend-item{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.sankey-legend-item.income{background:var(--green-light);color:var(--green)}.sankey-legend-item.expense{background:var(--red-light);color:var(--red)}.sankey-legend-item.savings{background:var(--blue-light);color:var(--blue)}.sankey-svg{display:block;overflow:visible}.sankey-empty{text-align:center;padding:40px 0;font-size:13px;color:var(--ink-muted)}.hero-savings-rate{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.hero-savings-rate-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted);font-weight:600}.hero-savings-rate-value{font-size:13px;font-weight:700;background:var(--blue-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-page{display:flex;flex-direction:column;gap:20px;max-width:960px}.settings-profile-card{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow)}.settings-avatar{width:48px;height:48px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.settings-profile-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.settings-profile-name{font-size:15px;font-weight:600;color:var(--ink)}.settings-profile-email{font-size:13px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-logout-btn{padding:8px 18px;background:transparent;border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:all .15s;font-family:DM Sans,sans-serif;flex-shrink:0}.settings-logout-btn:hover{border-color:var(--red);color:var(--red)}.settings-section-label{font-size:11px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:1px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.settings-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.settings-grid{grid-template-columns:1fr}}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;border-left-width:3px}.settings-section.income{border-left-color:var(--green);box-shadow:var(--shadow),-4px 0 16px #34d39914}.settings-section.expense{border-left-color:var(--red);box-shadow:var(--shadow),-4px 0 16px #f8717114}.settings-section.savings{border-left-color:var(--blue);box-shadow:var(--shadow),-4px 0 16px #60a5fa14}.settings-section-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.settings-section-title{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.3px}.settings-section-count{font-size:11px;font-weight:600;background:#b478001a;color:var(--ink-muted);padding:2px 8px;border-radius:999px;border:1px solid var(--border)}.settings-pills{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px;min-height:48px;flex:1}.settings-pills-empty{font-size:12px;color:var(--ink-muted);align-self:center}.settings-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff73;font-size:12px;font-weight:500;color:var(--ink);transition:border-color .15s,background .15s}.settings-pill:hover{background:#ffffffa6}.settings-pill.income:hover{border-color:var(--green)}.settings-pill.expense:hover{border-color:var(--red)}.settings-pill.savings:hover{border-color:var(--blue)}.settings-pill-name{cursor:pointer;line-height:1}.settings-pill-delete{background:none;border:none;color:var(--ink-muted);cursor:pointer;font-size:14px;line-height:1;padding:0;display:flex;align-items:center;transition:color .15s}.settings-pill-delete:hover{color:var(--red)}.settings-pill-edit{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;border:1px solid var(--accent);background:#92400e14}.settings-pill-input{background:transparent;border:none;outline:none;font-size:12px;color:var(--ink);font-family:DM Sans,sans-serif;width:100px;padding:2px 0}.settings-pill-save{background:none;border:none;color:var(--green);cursor:pointer;font-size:13px;font-weight:700;padding:0 2px}.settings-pill-cancel{background:none;border:none;color:var(--ink-muted);cursor:pointer;font-size:13px;padding:0 2px}.settings-add-row{display:flex;gap:6px;padding:10px 16px;border-top:1px solid var(--border);background:#ffffff59}.settings-input{flex:1;padding:7px 10px;border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--ink);background:#ffffff8c;outline:none;transition:border-color .15s;font-family:DM Sans,sans-serif}.settings-input::placeholder{color:var(--ink-muted)}.settings-input:focus{border-color:var(--accent)}.settings-add-btn{padding:7px 14px;border:none;border-radius:8px;font-size:16px;font-weight:400;cursor:pointer;transition:opacity .15s;line-height:1;color:#fff;background:var(--grad)}.settings-add-btn:hover{opacity:.85}.settings-message{font-size:12px;padding:6px 16px;border-top:1px solid var(--border)}.settings-message.error{color:var(--red)}.settings-message.success{color:var(--ink-muted)}.settings-edit-error{font-size:11px;color:var(--red);padding:0 16px 8px}.settings-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.settings-confirm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;max-width:400px;width:100%;box-shadow:0 8px 48px #0006;display:flex;flex-direction:column;gap:12px}.settings-confirm-card h3{font-size:17px;color:var(--ink);font-weight:700}.settings-confirm-card p{font-size:14px;color:var(--ink-muted);line-height:1.5}.settings-confirm-warning{background:#f871711a;color:var(--red)!important;padding:10px 12px;border-radius:8px;font-size:13px!important;border:1px solid rgba(248,113,113,.2)}.settings-confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.settings-confirm-btn{padding:9px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s;font-family:DM Sans,sans-serif}.settings-confirm-btn.cancel{background:var(--surface-2);color:var(--ink);border:1px solid var(--border)}.settings-confirm-btn.delete{background:var(--red);color:#fff}.settings-confirm-btn:hover{opacity:.85}.settings-confirm-btn:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 900px){.settings-logout-btn{display:none}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-right{display:flex;flex-direction:column;flex:1;min-width:0}.app-main{max-width:1100px;width:100%;margin:0 auto;padding:24px 24px 80px;flex:1}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--accent);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (min-width: 900px){.app-layout{flex-direction:row;align-items:stretch}.app-main{padding:32px;max-width:none}}@media (max-width: 600px){.app-main{padding:16px 16px 80px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: linear-gradient(170deg, #fde68a 0%, #fcd34d 100%);--surface: rgba(255,255,255,.62);--surface-2: rgba(255,255,255,.4);--ink: #1a0f00;--ink-muted: rgba(120,60,0,.62);--accent: #92400e;--accent-light: rgba(146,64,14,.1);--border: rgba(180,120,0,.18);--radius: 12px;--shadow: 0 4px 24px rgba(0,0,0,.08);--green: #00875a;--green-grad: linear-gradient(135deg, #00875a, #059669);--green-light: rgba(0,135,90,.12);--red: #dc2626;--red-grad: linear-gradient(135deg, #dc2626, #db2777);--red-light: rgba(220,38,38,.1);--blue: #1a6fcc;--blue-grad: linear-gradient(135deg, #1a6fcc, #4f46e5);--blue-light: rgba(26,111,204,.1);--grad: linear-gradient(135deg, #92400e, #b45309, #d97706)}body{font-family:DM Sans,sans-serif;background:linear-gradient(170deg,#fde68a,#fcd34d) fixed;background-attachment:fixed;color:var(--ink);min-height:100vh;font-size:15px;line-height:1.6}h1,h2,h3{font-family:DM Sans,sans-serif;line-height:1.2}input,select,button{font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}