:root{--primary:#16a34a;--primary-dark:#006b2c;--primary-darker:#064e3b;--primary-deep:#0a4a2a;--primary-light:#4ade80;--primary-bg:#f0fdf4;--bg:#f0fdf4;--surface:#fff;--surface-muted:#f3f4f6;--border:#16a34a26;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--cat-food:#f97316;--cat-travel:#3b82f6;--cat-marketing:#8b5cf6;--cat-utilities:#f59e0b;--cat-other:#6b7280;--error:#ef4444;--error-bg:#fef2f2;--warning:#f59e0b;--warning-bg:#fffbeb;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 20px #0000000f, 0 2px 8px #0000000a;--shadow-lg:0 10px 40px #00000014, 0 4px 16px #0000000d;--shadow-card-hover:0 16px 48px #0000001f, 0 6px 20px #00000012;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg:#0c1a0f;--surface:#1a2e1e;--surface-muted:#243028;--border:#4ade801f;--text-primary:#f0fdf4;--text-secondary:#9ca3af;--text-muted:#6b7280;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 20px #00000040;--shadow-lg:0 10px 40px #00000059;--shadow-card-hover:0 16px 48px #00000073;--primary-bg:#0c1a0f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color var(--transition-slow), color var(--transition-slow);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.db-loading{min-height:60vh;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-size:.9375rem;font-weight:500;display:flex}.db-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.db-error-banner{background:var(--warning-bg);border-radius:var(--radius-md);color:#92400e;border:1px solid #f59e0b4d;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;font-size:.875rem;font-weight:500;animation:.25s both fadeSlideIn;display:flex}[data-theme=dark] .db-error-banner{color:#fcd34d;background:#f59e0b26}.db-error-close{cursor:pointer;color:inherit;opacity:.6;transition:opacity var(--transition);background:0 0;border:none;flex-shrink:0;padding:0 4px;font-family:inherit;font-size:1.1rem;line-height:1}.db-error-close:hover{opacity:1}.header{background:linear-gradient(135deg, var(--primary-deep) 0%, var(--primary-darker) 50%, var(--primary-dark) 100%);z-index:100;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0;box-shadow:0 4px 24px #0003}.header-brand{align-items:center;gap:12px;display:flex}.header-logo{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.header-title{color:#fff;letter-spacing:-.04em;font-size:1.5rem;font-weight:800}.header-tagline{color:#ffffffa6;letter-spacing:.01em;margin-top:1px;font-size:.8rem;font-weight:400}.header-actions{align-items:center;gap:16px;display:flex}.dark-mode-toggle{border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:background var(--transition), transform var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.02em;background:#ffffff1f;border:1px solid #fff3;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.8rem;font-weight:600;display:flex}.dark-mode-toggle:hover{background:#ffffff38;transform:translateY(-1px)}.auth-btn{border-radius:var(--radius-full);color:#ffffffe6;cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #fff3;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.8rem;font-weight:600;display:flex}.auth-btn:hover{color:#feaca5;background:#ef444426;border-color:#ef444466;transform:translateY(-1px)}.main-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:36px 40px}.top-grid{grid-template-columns:40% 60%;gap:28px;margin-bottom:28px;display:grid}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:background-color var(--transition-slow), box-shadow var(--transition);overflow:hidden}.card-inner{padding:28px}.card-title{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:10px;margin-bottom:24px;font-size:1rem;font-weight:700;display:flex}.card-title-chip{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #16a34a59}.expense-form-card{border-left:4px solid var(--primary)}.form-group{margin-bottom:18px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.form-input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);width:100%;color:var(--text-primary);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);outline:none;padding:12px 16px;font-family:inherit;font-size:.9375rem;font-weight:500}.form-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #16a34a1f}.form-input::placeholder{color:var(--text-muted);font-weight:400}.amount-wrapper{position:relative}.amount-prefix{color:var(--primary);pointer-events:none;z-index:1;font-size:1.1rem;font-weight:700;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.amount-input{padding-left:30px;font-size:1rem;font-weight:600}.category-pills{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.category-pill{border-radius:var(--radius-full);background:var(--surface-muted);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:600;display:flex}.category-pill:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.category-pill.active{color:#fff;border-color:#0000;box-shadow:0 4px 12px #00000026}.category-pill.active[data-cat=Food]{background:var(--cat-food)}.category-pill.active[data-cat=Travel]{background:var(--cat-travel)}.category-pill.active[data-cat=Marketing]{background:var(--cat-marketing)}.category-pill.active[data-cat=Utilities]{background:var(--cat-utilities)}.category-pill.active[data-cat=Other]{background:var(--cat-other)}.category-pill.active[data-cat=Custom]{background:var(--text-muted)}.pill-emoji{font-size:14px}.form-error{color:var(--error);align-items:center;gap:4px;margin-top:6px;font-size:.8125rem;font-weight:500;display:flex}.submit-btn{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition);letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:14px 24px;font-family:inherit;font-size:.9375rem;font-weight:700;display:flex;position:relative;overflow:hidden}.submit-btn:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.submit-btn:hover:after{transform:translate(100%)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #16a34a59}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.generate-btn{width:100%;color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);letter-spacing:.01em;background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.9375rem;font-weight:600;display:flex}.generate-btn:hover{background:#16a34a1a;transform:translateY(-1px);box-shadow:0 4px 14px #16a34a33}.generate-btn:active{transform:translateY(0)}.auth-tabs{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface-muted);gap:0;display:flex;overflow:hidden}.auth-tab{cursor:pointer;color:var(--text-secondary);transition:all var(--transition);letter-spacing:.01em;background:0 0;border:none;flex:1;padding:10px 16px;font-family:inherit;font-size:.875rem;font-weight:600}.auth-tab:hover{color:var(--text-primary)}.auth-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #16a34a4d}.summary-top{margin-bottom:24px}.summary-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:.75rem;font-weight:700}.summary-total{color:var(--text-primary);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:3rem;font-weight:900;line-height:1}.summary-badge{color:var(--primary);border-radius:var(--radius-full);background:#16a34a1f;align-items:center;gap:4px;margin-top:8px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.summary-divider{background:var(--border);height:1px;margin:20px 0}.category-breakdown{flex-direction:column;gap:14px;display:flex}.category-row{grid-template-columns:100px 1fr 80px;align-items:center;gap:12px;display:grid}.category-label-group{align-items:center;gap:8px;display:flex}.category-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.category-name{color:var(--text-primary);font-size:.8125rem;font-weight:600}.progress-track{background:var(--surface-muted);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar{border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.category-amount-group{text-align:right}.category-amount{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700}.category-pct{color:var(--text-muted);font-size:.7rem;font-weight:500}.converter-card{background:linear-gradient(135deg, var(--primary-deep) 0%, var(--primary-darker) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;padding:28px}.converter-title{color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.9rem;font-weight:700}.converter-usd{color:#fff;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-bottom:20px;font-size:2rem;font-weight:900}.converter-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.converter-label{color:#fff9;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:.75rem;font-weight:600}.converter-select{border-radius:var(--radius-md);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color var(--transition), background var(--transition);background:#ffffff1a;border:1.5px solid #fff3;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:.875rem;font-weight:600}.converter-select:focus{background:#ffffff26;border-color:#ffffff80}.converter-select option{background:var(--primary-darker);color:#fff}.converter-result{color:var(--primary-light);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:2.25rem;font-weight:900}.converter-status{color:#ffffff8c;align-items:center;gap:8px;margin-top:12px;font-size:.8rem;display:flex}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.converter-error{border-radius:var(--radius-sm);color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b66;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:.8125rem;font-weight:500;display:flex}.charts-section{margin-bottom:28px}.charts-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.charts-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.chart-card-title{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:10px;margin-bottom:20px;font-size:.9375rem;font-weight:700;display:flex}.chart-canvas-wrap{width:100%;position:relative}@media (width<=768px){.charts-grid{grid-template-columns:1fr;gap:16px}}.expense-list-section{margin-top:4px}.expense-list-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.expense-list-title{color:var(--text-primary);letter-spacing:-.03em;font-size:1.1rem;font-weight:800}.expense-count-badge{background:var(--surface);color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius-full);padding:4px 12px;font-size:.75rem;font-weight:700}.expense-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.empty-state{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:60px 24px;display:flex}.empty-icon{opacity:.35;margin-bottom:4px;font-size:3rem}.empty-title{color:var(--text-secondary);font-size:1rem;font-weight:700}.empty-subtitle{color:var(--text-muted);max-width:280px;font-size:.875rem}.expense-item{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--border);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;gap:12px;padding:20px;animation:.28s cubic-bezier(.4,0,.2,1) both fadeSlideIn;display:flex}.expense-item:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.expense-item[data-cat=Food]{border-left-color:var(--cat-food)}.expense-item[data-cat=Travel]{border-left-color:var(--cat-travel)}.expense-item[data-cat=Marketing]{border-left-color:var(--cat-marketing)}.expense-item[data-cat=Utilities]{border-left-color:var(--cat-utilities)}.expense-item[data-cat=Other]{border-left-color:var(--cat-other)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}.expense-item.removing{animation:.22s forwards fadeSlideOut}.expense-item-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.expense-name{color:var(--text-primary);letter-spacing:-.01em;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:.9375rem;font-weight:700;display:-webkit-box;overflow:hidden}.delete-btn{background:var(--surface-muted);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:16px;line-height:1;display:flex}.delete-btn:hover{background:var(--error);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #ef444459}.expense-item-bottom{justify-content:space-between;align-items:center;display:flex}.category-badge{border-radius:var(--radius-full);letter-spacing:.02em;color:var(--text-secondary);background:#9ca3af1f;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.category-badge[data-cat=Food]{color:var(--cat-food);background:#f973161f}.category-badge[data-cat=Travel]{color:var(--cat-travel);background:#3b82f61f}.category-badge[data-cat=Marketing]{color:var(--cat-marketing);background:#8b5cf61f}.category-badge[data-cat=Utilities]{color:var(--cat-utilities);background:#f59e0b1f}.category-badge[data-cat=Other]{color:var(--cat-other);background:#6b72801f}.expense-amount{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.0625rem;font-weight:800}.landing-shell{gap:52px;width:100%;max-width:1120px;margin:0 auto;padding:40px 20px 80px;display:grid}.landing-hero{text-align:center;background:radial-gradient(circle at 10% 10%, #16a34a1f, transparent 45%), radial-gradient(circle at 85% 15%, #f59e0b1a, transparent 40%), var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:48px 32px;animation:.5s both fadeSlideIn}.landing-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary-dark);margin-bottom:14px;font-size:.8rem;font-weight:700}.landing-title{letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.08}.landing-title-accent{color:var(--primary-dark);margin-top:8px;display:block}.landing-subtitle{max-width:760px;color:var(--text-secondary);margin:0 auto;font-size:1.05rem}.landing-cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.landing-primary-cta{border-radius:var(--radius-full);width:auto;min-width:240px;padding-inline:24px}.landing-secondary-cta{color:var(--primary-dark);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-muted);transition:all var(--transition);padding:12px 18px;font-size:.9rem;font-weight:700;text-decoration:none}.landing-secondary-cta:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.landing-microcopy{color:var(--text-muted);margin-top:12px;font-size:.82rem}.landing-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.landing-proof-pill{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);padding:10px 12px;font-size:.8rem}.landing-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.landing-kpi-item{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffffa6;padding:14px 10px}.landing-kpi-value{color:var(--text-primary);font-size:1.25rem;font-weight:900}.landing-kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.78rem}.landing-section-title{text-align:center;letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(1.35rem,3.5vw,2rem)}.landing-flow-grid,.landing-features-grid,.landing-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.landing-flow-card,.landing-feature-card,.landing-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 18px}.landing-flow-step{background:var(--primary-dark);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:10px;font-size:.78rem;font-weight:800;display:inline-flex}.landing-flow-card h3,.landing-feature-card h3{margin-bottom:8px;font-size:1rem}.landing-flow-card p,.landing-feature-card p,.landing-stat-label{color:var(--text-secondary);font-size:.9rem}.landing-feature-icon{margin-bottom:10px;font-size:1.45rem}.landing-stat-value{letter-spacing:-.03em;margin-bottom:6px;font-size:1.8rem;font-weight:900}.landing-testimonial{background:var(--surface);border:1px solid var(--border);border-left:6px solid var(--primary);border-radius:var(--radius-lg);max-width:760px;box-shadow:var(--shadow-sm);margin:20px auto 0;padding:22px}.landing-testimonial p{color:var(--text-primary);font-size:1rem;font-style:italic}.landing-testimonial footer{align-items:center;gap:10px;margin-top:14px;display:flex}.landing-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:inline-flex}.landing-testimonial footer span{color:var(--text-secondary);font-size:.84rem;display:block}.landing-final-cta{text-align:center;background:linear-gradient(135deg, var(--primary-deep), var(--primary-dark));color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:34px 24px}.landing-final-cta h2{letter-spacing:-.02em;font-size:clamp(1.35rem,3.2vw,2rem)}.landing-final-cta p{color:#ffffffdb;margin-top:8px}.landing-final-cta .landing-secondary-cta{color:#fff;background:#ffffff1f;border-color:#ffffff38}@media (width<=768px){.header{padding:16px 20px}.header-tagline{display:none}.main-content{padding:20px 16px}.top-grid{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.card-inner{padding:20px}.summary-total{font-size:2.25rem}.category-row{grid-template-columns:90px 1fr 70px;gap:8px}.converter-card{padding:20px}.converter-usd{font-size:1.6rem}.converter-result{font-size:1.8rem}.expense-grid{grid-template-columns:1fr}.submit-btn{font-size:.875rem}.landing-shell{gap:28px;padding:24px 14px 42px}.landing-hero{padding:28px 16px}.landing-proof-grid,.landing-kpi-row,.landing-flow-grid,.landing-features-grid,.landing-stats-grid{grid-template-columns:1fr}.landing-primary-cta{width:100%}.landing-secondary-cta{text-align:center;width:100%}.category-pills{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}