:root{--font-family:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-app:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-subtle:#f1f5f9;--border-color:#e2e8f0;--border-focus:#16a34a;--text-main:#0f172a;--text-muted:#64748b;--text-inverse:#fff;--primary:#16a34a;--primary-hover:#15803d;--primary-light:#16a34a1f;--primary-gradient:linear-gradient(135deg, #16a34a 0%, #15803d 100%);--income:#059669;--income-bg:#0596691f;--income-hover:#047857;--expense:#e11d48;--expense-bg:#e11d481f;--expense-hover:#be123c;--warning:#f59e0b;--warning-bg:#f59e0b1f;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 12px -2px #0f172a14, 0 2px 6px -2px #0f172a0a;--shadow-lg:0 12px 24px -4px #0f172a1f, 0 4px 8px -2px #0f172a0f;--shadow-drawer:-4px 0 24px #0000002e;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.18s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-app:#0b0f19;--bg-card:#131c2e;--bg-card-hover:#1e293b;--bg-subtle:#19243b;--border-color:#24324f;--border-focus:#22c55e;--text-main:#f8fafc;--text-muted:#94a3b8;--text-inverse:#0f172a;--primary:#22c55e;--primary-hover:#4ade80;--primary-light:#22c55e33;--primary-gradient:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--income:#10b981;--income-bg:#10b9812e;--income-hover:#34d399;--expense:#f43f5e;--expense-bg:#f43f5e2e;--expense-hover:#fb7185;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 16px -2px #0006;--shadow-lg:0 12px 30px -4px #0009;--shadow-drawer:-6px 0 30px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-family:inherit}button:active{transform:scale(.97)}input,select,textarea{color:inherit;font-family:inherit}.app-container{flex:1;width:100%;max-width:1060px;margin:0 auto;padding:1.25rem 1rem 5rem}@media (width>=768px){.app-container{padding:2rem 1.5rem 4rem}}.navbar-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-normal), border-color var(--transition-normal);background-color:#ffffffd9;position:sticky;top:0}[data-theme=dark] .navbar-header{background-color:#131c2ed9}.navbar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1060px;margin:0 auto;padding:.85rem 1rem;display:flex}.brand-wrapper{cursor:pointer;align-items:center;gap:.65rem;text-decoration:none;display:flex}.brand-logo-img{object-fit:contain;border-radius:var(--radius-md);width:38px;height:38px;display:block}.brand-icon-box{border-radius:var(--radius-md);background:var(--primary-gradient);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden;box-shadow:0 4px 10px #16a34a59}.brand-title{letter-spacing:-.02em;color:var(--primary);font-size:1.32rem;font-weight:800}.brand-tagline{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-subtle);border-radius:var(--radius-sm);margin-left:.3rem;padding:.15rem .45rem;font-size:.72rem;font-weight:600;display:none}@media (width>=640px){.brand-tagline{display:inline-block}}.desktop-nav{background:var(--bg-subtle);border-radius:var(--radius-full);align-items:center;gap:.4rem;padding:.3rem;display:none}@media (width>=768px){.desktop-nav{display:flex}}.nav-item-btn{border-radius:var(--radius-full);color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.88rem;font-weight:600;display:flex}.nav-item-btn:hover{color:var(--text-main)}.nav-item-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.nav-actions{align-items:center;gap:.6rem;display:flex}.theme-toggle-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border-color);justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{color:var(--text-main);background:var(--bg-card-hover)}.btn-primary-add{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);white-space:nowrap;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 4px 12px #16a34a4d}.btn-primary-add:hover{transform:translateY(-1px);box-shadow:0 6px 16px #16a34a66}.hamburger-btn{border-radius:var(--radius-md);background:var(--bg-subtle);width:40px;height:40px;color:var(--text-main);border:1px solid var(--border-color);justify-content:center;align-items:center;display:flex}@media (width>=768px){.hamburger-btn{display:none}}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#0f172a99;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{background-color:var(--bg-card);z-index:1001;width:84%;max-width:340px;box-shadow:var(--shadow-drawer);transition:transform var(--transition-normal);border-left:1px solid var(--border-color);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.25rem 1rem;display:flex}.drawer-close-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);background:var(--bg-subtle);justify-content:center;align-items:center;display:flex}.drawer-close-btn:hover{color:var(--text-main)}.drawer-body{flex-direction:column;flex:1;gap:1.5rem;padding:1.25rem;display:flex;overflow-y:auto}.drawer-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.drawer-nav-list{flex-direction:column;gap:.4rem;display:flex}.drawer-nav-item{border-radius:var(--radius-md);color:var(--text-muted);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:600;display:flex}.drawer-nav-item .left-part{align-items:center;gap:.75rem;display:flex}.drawer-nav-item:hover{background:var(--bg-subtle);color:var(--text-main)}.drawer-nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:700}.drawer-count-badge{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-muted);padding:.15rem .5rem;font-size:.75rem}.drawer-nav-item.active .drawer-count-badge{background:var(--primary);color:#fff}.drawer-stat-mini{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:1rem}.drawer-stat-mini .stat-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.82rem;display:flex}.drawer-stat-mini .stat-row:last-child{margin-bottom:0}.drawer-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.summary-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.75rem;display:grid}@media (width>=640px){.summary-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;justify-content:space-between;padding:1.25rem 1.25rem 1.1rem;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.balance-card{background:var(--primary-gradient);color:#fff;border:none;box-shadow:0 8px 24px #16a34a47}.stat-card.balance-card .stat-label{color:#ffffffd9}.stat-card.balance-card .stat-value{color:#fff}.stat-card.balance-card .stat-sub{color:#ffffffbf}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.stat-label{color:var(--text-muted);font-size:.84rem;font-weight:600}.stat-icon-pill{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-icon-pill.balance{color:#fff;background:#fff3}.stat-icon-pill.income{background:var(--income-bg);color:var(--income)}.stat-icon-pill.expense{background:var(--expense-bg);color:var(--expense)}.stat-value{letter-spacing:-.02em;word-break:break-all;margin-bottom:.35rem;font-size:1.55rem;font-weight:800}.stat-sub{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.section-header-row{flex-direction:column;gap:.85rem;margin-bottom:1.25rem;display:flex}@media (width>=640px){.section-header-row{flex-direction:row;justify-content:space-between;align-items:center}}.section-title-wrap{align-items:center;gap:.6rem;display:flex}.section-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.section-badge{border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary);padding:.2rem .6rem;font-size:.78rem;font-weight:700}.filter-controls-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.search-input-wrapper{flex:1;min-width:200px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.search-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.65rem .85rem .65rem 2.4rem;font-size:.88rem}.search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.segmented-filter{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:.25rem;display:inline-flex}.segmented-btn{border-radius:calc(var(--radius-md) - 3px);color:var(--text-muted);padding:.45rem .85rem;font-size:.82rem;font-weight:600}.segmented-btn.active{background:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-sm)}.tx-list-wrapper{flex-direction:column;gap:.65rem;display:flex}.tx-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.tx-card:hover{background-color:var(--bg-card-hover);border-color:#16a34a4d;transform:translate(2px)}.tx-left-col{align-items:center;gap:.85rem;min-width:0;display:flex}.tx-icon-box{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.tx-details{flex-direction:column;min-width:0;display:flex}.tx-note{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.94rem;font-weight:600;overflow:hidden}.tx-meta-info{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.76rem;display:flex}.tx-dot-separator{opacity:.5}.tx-right-col{flex-shrink:0;align-items:center;gap:.85rem;margin-left:.75rem;display:flex}.tx-amount{text-align:right;letter-spacing:-.01em;font-size:.98rem;font-weight:700}.tx-amount.income{color:var(--income)}.tx-amount.expense{color:var(--expense)}.tx-delete-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);opacity:.7;justify-content:center;align-items:center;display:flex}.tx-delete-btn:hover{opacity:1;color:var(--expense);background:var(--expense-bg)}.empty-state{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1px dashed var(--border-color);color:var(--text-muted);padding:3rem 1.5rem}.empty-icon-circle{border-radius:var(--radius-full);background:var(--bg-subtle);width:56px;height:56px;color:var(--text-muted);justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.empty-state h3{color:var(--text-main);margin-bottom:.35rem;font-size:1.05rem}.analysis-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.category-bar-row{margin-bottom:1.1rem}.category-bar-row:last-child{margin-bottom:0}.cat-info-line{justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.86rem;display:flex}.cat-label{color:var(--text-main);align-items:center;gap:.5rem;font-weight:600;display:flex}.cat-amt{font-weight:700}.cat-progress-track{background:var(--bg-subtle);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.cat-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1050;overscroll-behavior:contain;background:#0f172ab3;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=640px){.modal-overlay{align-items:center;padding:1.5rem}}.modal-dialog{background:var(--bg-card);border:1px solid var(--border-color);border-bottom:none;border-radius:22px 22px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:88dvh;animation:.28s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 -8px 30px #00000040}@media (width>=640px){.modal-dialog{border-radius:var(--radius-lg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);max-height:85vh;animation:.22s cubic-bezier(.16,1,.3,1) modalPop}}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-handle-bar{background-color:var(--border-color);border-radius:var(--radius-full);flex-shrink:0;width:40px;height:4px;margin:10px auto 0}@media (width>=640px){.modal-handle-bar{display:none}}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}@media (width>=640px){.modal-header{padding:1.2rem 1.5rem}}.modal-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.modal-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;gap:1.1rem;min-height:0;padding:1rem 1.25rem;display:flex;overflow-y:auto}@media (width>=640px){.modal-body{gap:1.25rem;padding:1.35rem 1.5rem}}.type-toggle-container{background:var(--bg-subtle);border-radius:var(--radius-md);flex-shrink:0;grid-template-columns:1fr 1fr;gap:.4rem;padding:.3rem;display:grid}.type-toggle-btn{border-radius:calc(var(--radius-md) - 3px);color:var(--text-muted);justify-content:center;align-items:center;gap:.45rem;padding:.65rem .5rem;font-size:.9rem;font-weight:700;display:flex}.type-toggle-btn.active.expense{background:var(--expense);color:#fff;box-shadow:0 4px 10px #e11d484d}.type-toggle-btn.active.income{background:var(--income);color:#fff;box-shadow:0 4px 10px #16a34a4d}.quick-chips-row{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.quick-chip{border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-muted);padding:.3rem .65rem;font-size:.74rem;font-weight:600}.quick-chip:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.category-picker-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}@media (width<=440px){.category-picker-grid{grid-template-columns:repeat(4,1fr);gap:.35rem}}.cat-picker-item{border-radius:var(--radius-md);border:1.5px solid var(--border-color);background:var(--bg-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;min-height:64px;padding:.55rem .25rem;display:flex}.cat-picker-item .icon-circle{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.cat-picker-item span{color:var(--text-muted);word-break:break-word;font-size:.7rem;font-weight:600;line-height:1.2}.cat-picker-item:hover{border-color:var(--primary);background:var(--bg-subtle)}.cat-picker-item.selected{border-color:var(--primary);background:var(--primary-light)}.cat-picker-item.selected span{color:var(--primary);font-weight:700}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--text-muted);font-size:.8rem;font-weight:700}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);width:100%;transition:all var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.95rem}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.amount-input-box{align-items:center;display:flex;position:relative}.amount-prefix{color:var(--text-muted);pointer-events:none;font-size:1.1rem;font-weight:800;position:absolute;left:1rem}.amount-input{letter-spacing:-.01em;height:48px;padding-left:2.85rem;font-size:1.28rem;font-weight:800}.modal-grid-2col{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=480px){.modal-grid-2col{grid-template-columns:1fr 1fr}}.modal-footer{padding:.85rem 1.25rem calc(.85rem + env(safe-area-inset-bottom,0px)) 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0;gap:.65rem;display:flex}@media (width>=640px){.modal-footer{justify-content:flex-end;padding:1.1rem 1.5rem}}.btn-secondary{border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text-main);text-align:center;flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:700}@media (width>=640px){.btn-secondary{flex:initial;padding:.65rem 1.35rem}}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-submit{border-radius:var(--radius-md);background:var(--primary-gradient);color:#fff;text-align:center;flex:1.4;padding:.75rem 1.25rem;font-size:.92rem;font-weight:800;box-shadow:0 4px 12px #16a34a59}@media (width>=640px){.btn-submit{flex:initial;padding:.65rem 1.6rem}}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 16px #16a34a73}.toast-container{color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:2000;background:#0f172a;align-items:center;gap:.65rem;padding:.75rem 1.25rem;font-size:.88rem;font-weight:600;animation:.25s cubic-bezier(.16,1,.3,1) toastIn;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}[data-theme=dark] .toast-container{background:#334155;border:1px solid #475569}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.mobile-fab{border-radius:var(--radius-full);background:var(--primary-gradient);color:#fff;z-index:95;border:2px solid #fff3;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 8px 24px #16a34a73}@media (width>=768px){.mobile-fab{display:none}}.mobile-fab:hover{transform:scale(1.05)}.bottom-nav-bar{z-index:1000;-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border-color);padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom,0px)) .5rem;transition:background-color var(--transition-normal), border-color var(--transition-normal);background-color:#ffffffeb;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a0d}[data-theme=dark] .bottom-nav-bar{background-color:#131c2eeb;box-shadow:0 -4px 20px #0006}.bottom-nav-inner{justify-content:space-around;align-items:center;max-width:600px;margin:0 auto;display:flex;position:relative}.bottom-nav-item{color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;padding:.3rem 0;display:flex}.bottom-nav-item .nav-icon-container{transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.bottom-nav-item:hover{color:var(--text-main)}.bottom-nav-item.active{color:var(--primary);font-weight:700}.bottom-nav-item.active .nav-icon-container{transform:translateY(-2px)scale(1.1)}.bottom-nav-label{letter-spacing:-.01em;font-size:.68rem;font-weight:600}.bottom-nav-center-action{flex:1;justify-content:center;align-items:center;display:flex}.bottom-add-btn{border-radius:var(--radius-full);background:var(--primary-gradient);color:#fff;border:3px solid var(--bg-card);width:48px;height:48px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;transform:translateY(-12px);box-shadow:0 4px 16px #16a34a73}.bottom-add-btn:hover{transform:translateY(-14px)scale(1.05);box-shadow:0 6px 20px #16a34a8c}.bottom-add-btn:active{transform:translateY(-10px)scale(.96)}.landing-wrapper{background-color:var(--bg-app);flex-direction:column;min-height:100vh;display:flex}.landing-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:40;background-color:#ffffffd9;position:sticky;top:0}[data-theme=dark] .landing-header{background-color:#0b0f19d9}.landing-header-inner{justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto;padding:.85rem 1.25rem;display:flex}.brand-text-col{flex-direction:column;display:flex}.brand-tagline-micro{color:var(--primary);letter-spacing:.02em;font-size:.68rem;font-weight:600;line-height:1}.landing-nav-actions{align-items:center;gap:.6rem;display:flex}.btn-nav-ghost{color:var(--text-main);border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;padding:.5rem .9rem;font-size:.85rem;font-weight:600}.btn-nav-ghost:hover{background:var(--bg-subtle);color:var(--primary)}.btn-nav-primary{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-sm);transition:var(--transition-fast);padding:.5rem 1.1rem;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #16a34a40}.btn-nav-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #16a34a59}.btn-nav-demo{background:var(--bg-subtle);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition-fast);align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.btn-nav-demo:hover{border-color:var(--primary);color:var(--primary)}.btn-theme-toggle-landing{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.btn-theme-toggle-landing:hover{border-color:var(--primary);color:var(--primary)}@media (width<=520px){.btn-nav-ghost{padding:.4rem .6rem;font-size:.8rem}.btn-nav-primary{padding:.4rem .75rem;font-size:.8rem}.btn-nav-demo{display:none}}.landing-hero{grid-template-columns:1fr;align-items:center;gap:2.5rem;max-width:1160px;margin:0 auto;padding:3rem 1.25rem 2.5rem;display:grid}@media (width>=960px){.landing-hero{grid-template-columns:1.15fr .85fr;gap:3.5rem;padding:4.5rem 1.25rem 3.5rem}}.hero-pill-badge{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);border:1px solid #16a34a33;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem .95rem;font-size:.82rem;font-weight:700;display:inline-flex}.star-rating-pill{color:#d97706;border-radius:var(--radius-full);background:#f59e0b29;align-items:center;gap:.25rem;padding:.1rem .45rem;font-size:.74rem;display:inline-flex}[data-theme=dark] .star-rating-pill{color:#fbbf24}.pill-divider-dot{color:var(--text-muted);opacity:.6}.icon-pulse{animation:2s ease-in-out infinite pulseIcon}@keyframes pulseIcon{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.hero-heading{letter-spacing:-.035em;color:var(--text-main);margin-bottom:1.35rem;font-size:2.2rem;font-weight:800;line-height:1.2}@media (width>=640px){.hero-heading{font-size:2.85rem}}@media (width>=1024px){.hero-heading{font-size:3.2rem}}.highlight-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-support-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;margin-bottom:1.85rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.hero-support-card:before{content:"";background:var(--primary-gradient);width:4px;position:absolute;top:0;bottom:0;left:0}.support-block{flex-direction:column;gap:.35rem;display:flex}.support-icon-title{color:var(--text-main);align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;display:flex}.empathy-badge{color:var(--expense);border-radius:var(--radius-full);background:#e11d481f;padding:.15rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.support-text{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.6}.support-text strong{color:var(--text-main);font-weight:600}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:.85rem;display:flex}.btn-hero-primary{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);transition:var(--transition-normal);justify-content:center;align-items:center;gap:.65rem;padding:.85rem 1.65rem;font-size:.98rem;font-weight:700;display:inline-flex;box-shadow:0 6px 20px #16a34a59}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px #16a34a73}.btn-hero-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-normal);justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.45rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-hero-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-focus)}.hero-demo-trigger{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.text-muted-sm{color:var(--text-muted)}.link-demo-inline{color:var(--primary);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:700;text-decoration:underline}.link-demo-inline:hover{color:var(--primary-hover)}.hero-checks-row{flex-wrap:wrap;gap:1.15rem;display:flex}.check-item{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.84rem;font-weight:600;display:flex}.hero-preview-box{justify-content:center;display:flex}.preview-card-inner{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:410px;box-shadow:var(--shadow-lg);padding:1.5rem;position:relative}.preview-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.live-dot-badge{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.pulse-dot{background-color:var(--primary);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulseDot}@keyframes pulseDot{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.4)}to{opacity:.8;transform:scale(.9)}}.preview-stat-main{background:var(--primary-gradient);border-radius:var(--radius-md);color:#fff;margin-bottom:1rem;padding:1.35rem;box-shadow:0 6px 18px #16a34a4d}.preview-mini-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.mini-box{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:.2rem;padding:.85rem;display:flex}.mini-badge-sub{color:var(--text-muted);margin-top:2px;font-size:.68rem;font-weight:500}.preview-simulator-box{background:var(--bg-subtle);border:1px dashed var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);flex-direction:column;gap:.6rem;margin-bottom:1.15rem;padding:.8rem .95rem;display:flex}.preview-simulator-box:hover{border-color:var(--primary)}.sim-header-row{justify-content:space-between;align-items:center;font-size:.76rem;display:flex}.sim-label{color:var(--text-main);align-items:center;gap:.35rem;font-size:.78rem;display:flex}.sim-btn-reset{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.72rem;display:inline-flex}.sim-btn-reset:hover{background:var(--bg-card);color:var(--primary)}.sim-buttons-row{flex-wrap:wrap;gap:.45rem;display:flex}.sim-chip-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);padding:.35rem .65rem;font-size:.75rem;font-weight:600}.sim-chip-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);transform:translateY(-1px)}.sim-chip-btn:active{transform:scale(.95)}.sim-toast-feedback{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-sm);align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.74rem;font-weight:700;animation:.2s fadeIn;display:inline-flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.btn-preview-demo{border-radius:var(--radius-md);background:var(--primary-light);width:100%;color:var(--primary);text-align:center;transition:var(--transition-fast);padding:.85rem;font-size:.9rem;font-weight:700}.btn-preview-demo:hover{background:var(--primary);color:#fff}.landing-metrics-strip{background:var(--bg-card);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:2.25rem 1.25rem}.metrics-inner{grid-template-columns:1fr;gap:1.75rem;max-width:1160px;margin:0 auto;display:grid}@media (width>=640px){.metrics-inner{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.metrics-inner{grid-template-columns:repeat(4,1fr);align-items:center}.metric-divider{display:none}}.metric-col{flex-direction:column;gap:.35rem;display:flex}.metric-number{letter-spacing:-.02em;color:var(--text-main);align-items:center;gap:.55rem;font-size:1.85rem;font-weight:800;display:flex}.metric-icon{flex-shrink:0}.metric-label{color:var(--text-muted);font-size:.85rem;line-height:1.5}.section-head{max-width:720px;margin:0 auto 3rem}.text-center{text-align:center}.section-badge{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.85rem;padding:.3rem .85rem;font-size:.78rem;font-weight:700;display:inline-block}.section-title{letter-spacing:-.025em;color:var(--text-main);margin-bottom:.85rem;font-size:1.95rem;font-weight:800;line-height:1.25}@media (width>=640px){.section-title{font-size:2.35rem}}.section-desc{color:var(--text-muted);font-size:.98rem;line-height:1.6}.landing-comparison{max-width:1160px;margin:0 auto;padding:4rem 1.25rem}.comparison-cards-grid{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (width>=800px){.comparison-cards-grid{grid-template-columns:1fr 1fr}}.comparison-card{border-radius:var(--radius-lg);transition:var(--transition-normal);flex-direction:column;padding:2.25rem 1.75rem;display:flex;position:relative}.before-card{background:#e11d480a;border:1px solid #e11d4838}[data-theme=dark] .before-card{background:#e11d4814;border-color:#e11d484d}.after-card{border:2px solid var(--primary);background:#16a34a0d;box-shadow:0 10px 30px #16a34a26}[data-theme=dark] .after-card{background:#22c55e14}.comp-card-badge{border-radius:var(--radius-full);align-items:center;gap:.45rem;width:fit-content;margin-bottom:1.25rem;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.before-badge{color:var(--expense);background:#e11d4826}.after-badge{background:var(--primary);color:#fff}.comp-card-title{color:var(--text-main);margin-bottom:1.25rem;font-size:1.35rem;font-weight:800}.comp-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.comp-list li{color:var(--text-main);align-items:flex-start;gap:.75rem;font-size:.92rem;line-height:1.55;display:flex}.cross-icon{width:22px;height:22px;color:var(--expense);background:#e11d4826;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:1.1rem;font-weight:800;display:inline-flex}.check-icon{background:var(--primary-light);width:22px;height:22px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.85rem;font-weight:800;display:inline-flex}.landing-features{max-width:1160px;margin:0 auto;padding:4rem 1.25rem}.features-grid{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (width>=768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-normal);flex-direction:column;padding:1.85rem;display:flex}.feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-top-row{justify-content:space-between;align-items:center;margin-bottom:1.15rem;display:flex}.feature-icon-wrap{border-radius:var(--radius-md);background:var(--primary-light);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-tag{background:var(--bg-subtle);color:var(--text-muted);border-radius:var(--radius-full);padding:.2rem .6rem;font-size:.72rem;font-weight:700}.feature-card h3{color:var(--text-main);margin-bottom:.6rem;font-size:1.2rem;font-weight:800;line-height:1.35}.feature-desc{color:var(--text-muted);flex-grow:1;margin-bottom:1.25rem;font-size:.88rem;line-height:1.55}.feature-benefit-box{background:var(--bg-subtle);border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-main);flex-direction:column;gap:.25rem;padding:.75rem .85rem;font-size:.82rem;line-height:1.5;display:flex}.feature-benefit-box strong{color:var(--primary);font-weight:700}.landing-steps{max-width:1160px;margin:0 auto;padding:4rem 1.25rem}.steps-grid{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (width>=768px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);padding:2rem 1.5rem;position:relative}.step-number{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 1.25rem;font-size:1.25rem;font-weight:800;display:flex;box-shadow:0 4px 12px #16a34a4d}.step-card h4{color:var(--text-main);margin-bottom:.6rem;font-size:1.15rem;font-weight:700}.step-card p{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.55}.landing-faq{max-width:820px;margin:0 auto;padding:4rem 1.25rem}.faq-accordion-wrap{flex-direction:column;gap:1rem;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);overflow:hidden}.faq-item.active{border-color:var(--primary);box-shadow:var(--shadow-sm)}.faq-question-btn{text-align:left;cursor:pointer;width:100%;color:var(--text-main);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.35rem;display:flex}.faq-question-text{font-size:.98rem;font-weight:700;line-height:1.4}.faq-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .25s}.faq-chevron.rotated{color:var(--primary);transform:rotate(180deg)}.faq-answer-content{border-top:1px solid var(--border-color);padding:.9rem 1.35rem 1.25rem}.faq-answer-content p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.6}.landing-bottom-cta{max-width:1160px;margin:0 auto;padding:3rem 1.25rem 5rem}.bottom-cta-card{border-radius:var(--radius-lg);text-align:center;color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #ffffff1a;padding:3.5rem 2rem;position:relative;overflow:hidden}[data-theme=dark] .bottom-cta-card{background:linear-gradient(135deg,#131c2e 0%,#0b0f19 100%);border-color:#22c55e4d}.bottom-cta-badge{color:#4ade80;border-radius:var(--radius-full);background:#16a34a40;border:1px solid #4ade804d;align-items:center;gap:.45rem;margin-bottom:1.25rem;padding:.35rem .95rem;font-size:.8rem;font-weight:700;display:inline-flex}.bottom-cta-title{letter-spacing:-.025em;max-width:760px;margin-bottom:1.15rem;margin-left:auto;margin-right:auto;font-size:1.95rem;font-weight:800;line-height:1.25}@media (width>=640px){.bottom-cta-title{font-size:2.5rem}}.bottom-cta-subtitle{color:#cbd5e1;max-width:640px;margin:0 auto 2.25rem;font-size:1rem;line-height:1.65}.bottom-cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.btn-bottom-primary{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);transition:var(--transition-normal);align-items:center;gap:.6rem;padding:.95rem 1.85rem;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #16a34a80}.btn-bottom-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #16a34aa6}.btn-bottom-secondary{color:#fff;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-normal);background:#ffffff1f;border:1px solid #ffffff40;align-items:center;gap:.55rem;padding:.95rem 1.65rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-bottom-secondary:hover{background:#ffffff38}.btn-bottom-demo{color:#94a3b8;border-radius:var(--radius-md);transition:var(--transition-fast);background:0 0;padding:.75rem 1.25rem;font-size:.92rem;font-weight:600}.btn-bottom-demo:hover{color:#fff}.bottom-cta-guarantee{color:#94a3b8;align-items:center;gap:.5rem;font-size:.82rem;font-weight:500;display:inline-flex}.landing-footer{background:var(--bg-card);border-top:1px solid var(--border-color);margin-top:auto;padding:3.5rem 1.25rem 2rem}.footer-inner{grid-template-columns:1fr;gap:2.5rem;max-width:1160px;margin:0 auto 2.5rem;display:grid}@media (width>=768px){.footer-inner{grid-template-columns:1.5fr 1fr;align-items:flex-start}}.footer-tagline{color:var(--text-muted);max-width:440px;margin-top:.75rem;font-size:.88rem;line-height:1.6}.footer-links-side{grid-template-columns:1fr 1fr;gap:1.75rem;display:grid}.footer-link-group{color:var(--text-muted);flex-direction:column;gap:.65rem;font-size:.85rem;display:flex}.footer-link-group strong{color:var(--text-main);margin-bottom:.25rem;font-size:.9rem}.footer-btn-link{text-align:left;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:0;font-size:.85rem}.footer-btn-link:hover{color:var(--primary)}.footer-bottom-copy{border-top:1px solid var(--border-color);text-align:center;max-width:1160px;color:var(--text-muted);margin:0 auto;padding-top:1.5rem;font-size:.82rem}.auth-back-btn{color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:1.25rem;font-size:.82rem;font-weight:600;display:inline-flex}.auth-brand-center{text-align:center;margin-bottom:.5rem}.auth-error-box{background:var(--expense-bg);color:var(--expense);border-radius:var(--radius-md);margin-bottom:.75rem;padding:.65rem .85rem;font-size:.82rem;font-weight:600}.auth-divider{text-align:center;margin:1.25rem 0;position:relative}.auth-divider:before{content:"";background:var(--border-color);height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{background:var(--bg-card);color:var(--text-muted);padding:0 .75rem;font-size:.76rem;position:relative}.btn-quick-demo-login{border-radius:var(--radius-md);background:var(--primary-light);border:1px dashed var(--primary);width:100%;color:var(--primary);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.88rem;font-weight:700;display:flex}.btn-quick-demo-login:hover{background:var(--primary);color:#fff}.dashboard-greeting-bar{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.greeting-title{letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.greeting-sub{color:var(--text-muted);font-size:.82rem}.text-link-btn{color:var(--primary);font-size:.82rem;font-weight:700}.text-link-btn:hover{text-decoration:underline}.infographic-bar-container{background:var(--bg-subtle);border-radius:var(--radius-full);width:100%;height:28px;margin-bottom:.85rem;display:flex;overflow:hidden}.infographic-bar-segment{color:#fff;justify-content:center;align-items:center;height:100%;font-size:.75rem;font-weight:700;transition:width .6s cubic-bezier(.16,1,.3,1);display:flex}.infographic-bar-segment.income{background:var(--income)}.infographic-bar-segment.expense{background:var(--expense)}.infographic-legend-row{flex-wrap:wrap;gap:1.5rem;font-size:.84rem;display:flex}.legend-item{align-items:center;gap:.45rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.income{background:var(--income)}.legend-dot.expense{background:var(--expense)}.setting-avatar-circle{border-radius:var(--radius-full);background:var(--primary-gradient);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;font-weight:800;display:flex}.badge-active-status{border-radius:var(--radius-full);background:var(--income-bg);color:var(--income);padding:.2rem .6rem;font-size:.72rem;font-weight:700}.setting-group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:1rem;font-size:.82rem;font-weight:700}.setting-item-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.setting-item-row:last-child{border-bottom:none;padding-bottom:0}.setting-icon-pill{border-radius:var(--radius-md);background:var(--bg-subtle);width:36px;height:36px;color:var(--text-main);justify-content:center;align-items:center;display:flex}.setting-action-row-btn{border-bottom:1px solid var(--border-color);width:100%;color:inherit;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.setting-action-row-btn:last-child{border-bottom:none;padding-bottom:0}.setting-action-row-btn:hover{opacity:.85}.btn-logout-full{border-radius:var(--radius-md);background:var(--expense-bg);width:100%;color:var(--expense);justify-content:center;align-items:center;gap:.6rem;padding:.85rem;font-size:.92rem;font-weight:700;display:flex}.btn-logout-full:hover{background:var(--expense);color:#fff}.auth-wrapper{background-color:var(--bg-app);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.25rem;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:2.25rem 2rem;position:relative}.auth-back-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:.45rem;margin-bottom:1.25rem;padding:0;font-size:.85rem;font-weight:600;display:inline-flex}.auth-back-btn:hover{color:var(--primary)}.auth-brand-center{text-align:center;flex-direction:column;align-items:center;margin-bottom:.5rem;display:flex}.auth-input-box{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.95rem}.auth-error-box{color:var(--expense);border-radius:var(--radius-sm);background:#e11d4814;border:1px solid #e11d4840;align-items:flex-start;gap:.65rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.84rem;line-height:1.5;display:flex}.auth-success-box{color:var(--primary);border-radius:var(--radius-sm);background:#16a34a14;border:1px solid #16a34a40;align-items:flex-start;gap:.65rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.84rem;line-height:1.5;display:flex}.auth-divider{text-align:center;color:var(--text-muted);align-items:center;margin:1.35rem 0;font-size:.82rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.auth-divider span{padding:0 .85rem}.btn-quick-demo-login{background:var(--bg-subtle);border:1px dashed var(--border-color);width:100%;color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;gap:.55rem;padding:.8rem;font-size:.88rem;font-weight:700;display:flex}.btn-quick-demo-login:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.spin-animate{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-category-manager{flex-direction:column;max-width:520px;max-height:90vh;display:flex}.btn-ghost-icon{border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem;display:flex}.btn-ghost-icon:hover{background:var(--bg-subtle);color:var(--primary)}.modal-body-scrollable{max-height:calc(90vh - 75px);padding:1.25rem 1.5rem 1.5rem;overflow-y:auto}.btn-add-category-dash{border:1.5px dashed var(--primary);background:var(--primary-light);width:100%;color:var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.9rem;font-weight:700;display:flex}.btn-add-category-dash:hover{background:var(--primary);color:#fff}.category-items-list{flex-direction:column;gap:.65rem;display:flex}.category-manage-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.category-manage-item:hover{border-color:var(--border-focus);background:var(--bg-card-hover)}.cat-item-left{align-items:center;gap:.85rem;display:flex}.cat-icon-badge{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.cat-details{flex-direction:column;display:flex}.cat-name{color:var(--text-main);font-size:.95rem;font-weight:700}.cat-meta-usage{color:var(--text-muted);font-size:.75rem}.cat-actions-right{align-items:center;gap:.35rem;display:flex}.btn-cat-action{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.btn-cat-action.edit:hover{background:var(--primary-light);color:var(--primary);border-color:#16a34a33}.btn-cat-action.delete:hover{color:var(--expense);background:#e11d481f;border-color:#e11d4833}.btn-reset-categories-subtle{width:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:.45rem;padding:.5rem;font-size:.82rem;font-weight:600;display:flex}.btn-reset-categories-subtle:hover{color:var(--expense)}.category-editor-form{flex-direction:column;display:flex}.cat-live-preview{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding:.9rem 1.15rem;display:flex}.preview-cat-pill{border-radius:var(--radius-full);width:fit-content;box-shadow:var(--shadow-sm);align-items:center;gap:.65rem;padding:.6rem 1.15rem;display:inline-flex}.color-swatches-grid{grid-template-columns:repeat(6,1fr);gap:.65rem;display:grid}@media (width>=480px){.color-swatches-grid{grid-template-columns:repeat(12,1fr)}}.color-swatch-btn{cursor:pointer;width:34px;height:34px;transition:var(--transition-fast);box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex}.color-swatch-btn:hover{transform:scale(1.15)}.color-swatch-btn.selected{border-color:var(--text-main);box-shadow:0 0 0 2px var(--bg-card);transform:scale(1.12)}.icon-selector-grid{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);grid-template-columns:repeat(3,1fr);gap:.55rem;max-height:220px;padding:.25rem;display:grid;overflow-y:auto}@media (width>=440px){.icon-selector-grid{grid-template-columns:repeat(4,1fr)}}.icon-pick-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);text-align:center;border:1.5px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.7rem .35rem;display:flex}.icon-pick-btn:hover{transform:translateY(-1px)}.icon-pick-btn.selected{box-shadow:var(--shadow-sm);font-weight:700}.icon-pick-label{white-space:nowrap;text-overflow:ellipsis;max-width:85px;font-size:.68rem;line-height:1.2;overflow:hidden}.cat-form-actions{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}