:root{--bottom-nav-h:72px;--primary:#4e8a47;--primary-light:#6fa968;--primary-dark:#3b6e36;--primary-soft:#a8d5a0;--primary-tint:#e3f0de;--purple-start:#3b6e36;--purple-mid:#6fa968;--purple-end:#a8d5a0;--success:#4e8a47;--success-bg:#e3f0de;--warning:#c75b3c;--warning-bg:#fde7df;--info:#3f6fa8;--info-bg:#e6eff8;--danger:#c4453c;--danger-bg:#fbe8e6;--text-primary:#1b2340;--text-secondary:#8a8f9c;--border:#e6e8ec;--bg-page:#f6f7f9;--bg-card:#fff;--bg-input:#fafbfc;--bg-surface:#f2f3f5;--accent-cream:#fdebcd;--accent-mint:#e3f0de;--accent-lav:#ece7fa;--accent-peach:#f5a68f;--btn-fill:#a8d5a0;--btn-fill-hover:#9bcd92;--btn-text:#14301a;--on-primary:#fff;--shadow-card:0 2px 8px #1b234012;--shadow-btn:0 6px 18px #4e8a4747;--radius-card:14px;--radius-input:10px;--radius-btn:12px;--font:"Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--primary:#8ccb83;--primary-light:#a8d5a0;--primary-dark:#6fb066;--primary-soft:#3b6e36;--primary-tint:#1e2a1c;--purple-start:#23351f;--purple-mid:#3b6e36;--purple-end:#558e4e;--success:#8ccb83;--success-bg:#1e2a1c;--warning:#f5a68f;--warning-bg:#3a2420;--info:#86b4e8;--info-bg:#16243a;--danger:#e8796f;--danger-bg:#3a1f1c;--text-primary:#e8eaf0;--text-secondary:#9aa0ae;--border:#2e3442;--bg-page:#12151c;--bg-card:#1b1f29;--bg-input:#232836;--bg-surface:#232836;--accent-cream:#3a3122;--accent-mint:#1e2a1c;--accent-lav:#272338;--accent-peach:#4a2c24;--btn-fill:#6fb066;--btn-fill-hover:#7fbf77;--btn-text:#0c1a0a;--on-primary:#12151c;--shadow-card:0 2px 8px #0006;--shadow-btn:0 6px 18px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg-page);color:var(--text-primary);transition:background .3s,color .3s}.lbl{color:var(--text-secondary);text-transform:uppercase;margin-top:14px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.inp{border:1.5px solid var(--border);border-radius:var(--radius-input);background:var(--bg-input);width:100%;color:var(--text-primary);outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s,background .2s}.inp:focus{border-color:var(--primary)}.btn-primary{background:var(--btn-fill);width:100%;color:var(--btn-text);border-radius:var(--radius-btn);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:14px;font-size:15px;font-weight:700;transition:background .2s;display:flex}.btn-primary:hover{background:var(--btn-fill-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-input);width:100%;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-btn);cursor:pointer;margin-top:8px;padding:12px;font-size:14px;transition:background .2s}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger-bg);width:100%;color:var(--danger);border-radius:var(--radius-btn);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px;font-size:14px;font-weight:600;display:flex}.modal-overlay{z-index:200;background:#1b23408c;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--bg-card);width:100%;max-width:var(--content-max,900px);max-height:90vh;color:var(--text-primary);border-radius:24px 24px 0 0;margin:0 auto;padding:24px;overflow-y:auto}.modal-handle{background:var(--border);border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{color:var(--primary);align-items:center;gap:9px;margin-bottom:0;font-size:20px;display:flex}.modal-close{background:var(--bg-page);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:background .2s,color .2s;display:flex}.modal-close:hover{background:var(--danger-bg);color:var(--danger)}.modal-overlay{align-items:flex-end}@media (min-width:640px){.modal-overlay{align-items:center}.modal-sheet{border-radius:24px}}.type-segment{background:var(--bg-surface);border:1px solid var(--border);border-radius:99px;margin-bottom:16px;padding:4px;display:flex}.type-segment-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:99px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 0;font-size:13px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.type-segment-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-card)}.dashboard{--content-max:900px;background:var(--bg-page);min-height:100vh;overflow-x:clip}.app-container{width:100%;max-width:var(--content-max);margin:0 auto}.demo-banner{background:var(--warning-bg);color:var(--warning);text-align:center;border-bottom:1px solid var(--border);padding:8px 16px;font-size:13px;font-weight:600}.demo-banner a{color:var(--primary);margin-left:8px}.dash-section{margin-top:24px;padding:0 14px}.app-bottom-spacer{height:calc(var(--bottom-nav-h) + 40px + env(safe-area-inset-bottom));flex-shrink:0}.bottom-nav{width:100%;max-width:var(--content-max);height:var(--bottom-nav-h);background:var(--bg-card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:100;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #1b23400f}.bottom-nav-inner{width:100%;max-width:var(--content-max);align-items:center;height:72px;margin:0 auto;display:flex;position:relative;overflow:visible}.bottom-nav:before{content:"";background:var(--bg-page);pointer-events:none;z-index:1;border-radius:50%;width:72px;height:72px;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.nav-item{height:72px;color:var(--text-secondary);text-align:center;cursor:pointer;z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 0;text-decoration:none;transition:color .15s,opacity .15s;display:flex;position:relative}.nav-item.active{color:var(--primary)}.nav-icon{opacity:.55;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .15s,transform .15s;display:flex}.nav-item.active .nav-icon{opacity:1}.nav-label{margin-top:3px;font-size:11px;font-weight:500;line-height:16px}.nav-item.active .nav-label{font-weight:700}.nav-add-slot{z-index:3;flex:1;justify-content:center;align-items:center;height:72px;display:flex;position:relative}.nav-add-btn{background:var(--btn-fill);width:58px;height:58px;color:var(--btn-text);cursor:pointer;box-shadow:0 6px 18px var(--shadow-btn), 0 2px 6px #0000001a;z-index:20;border:0;border-radius:50%;justify-content:center;align-items:center;margin:0;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.nav-add-btn svg{stroke-width:2px;pointer-events:none;width:25px;height:25px}.nav-add-btn:hover{box-shadow:0 8px 22px var(--shadow-btn), 0 3px 8px #0000001f;transform:translate(-50%,-50%)scale(1.05)}.nav-add-btn:active{transform:translate(-50%,-50%)scale(.94)}.nav-add-btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (min-width:900px){.bottom-nav{border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:24px 24px 0 0}}@media (max-width:600px){.bottom-nav,.bottom-nav-inner,.nav-item,.nav-add-slot{height:68px}.nav-add-btn{width:56px;height:56px}.nav-add-btn svg{width:24px;height:24px}.nav-label{font-size:11px}}@media (max-width:380px){.nav-add-btn{width:54px;height:54px}.nav-add-btn svg{width:23px;height:23px}.nav-label{font-size:10px}}[data-theme=dark] .nav-label{color:inherit}.sort-menu-container{flex-shrink:0;padding-top:2px;position:relative}.hamburger-btn{border:none;border-right:1px solid var(--border);cursor:pointer;width:44px;height:44px;color:var(--text-primary);background:0 0;justify-content:center;align-items:center;padding:0;font-size:20px;transition:background .15s;display:flex}.hamburger-btn:hover{background:#0000000d}.hamburger-btn:active{background:#0000001a}.sort-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:200;border-radius:8px;min-width:180px;margin-top:2px;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #1b234024}.sort-option{background:var(--bg-card);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.sort-option:first-child{border-radius:7px 7px 0 0}.sort-option:last-child{border-radius:0 0 7px 7px}.sort-option:hover{background:var(--bg-page)}.sort-option.active{background:var(--primary-tint);color:var(--primary);font-weight:600}.sort-option-icon{min-width:18px;font-size:14px}.sort-option-label{flex:1}.checkmark{color:var(--primary);margin-left:auto;font-size:14px;font-weight:700}.cat-filter{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--bg-card);flex:1;gap:6px;padding:8px 14px 8px 12px;display:flex;overflow:auto hidden}.cat-filter::-webkit-scrollbar{display:none}.cat-pill{cursor:pointer;white-space:nowrap;border:none;border-radius:16px;flex:none;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #1b234012}.cat-pill.active{background:var(--primary);border:1px solid var(--primary);box-shadow:0 2px 8px #4e8a4747;color:#fff!important}.cat-pill.inactive{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.cat-pill.inactive:hover{color:var(--primary);border-color:var(--primary)}.cat-count{background:var(--bg-surface);border-radius:8px;padding:1px 4px;font-size:10px;font-weight:700}.cat-pill.active .cat-count{color:#fff;background:#ffffff40}.cat-empty{text-align:center;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:500}.filter-divider{background:var(--border);flex-shrink:0;align-self:center;width:1px;height:20px;margin:0 4px}.expense-list{flex-direction:column;gap:10px;padding:0 14px;display:flex}.expense-card{background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;align-items:stretch;transition:transform .15s;display:flex;position:relative;overflow:hidden}.expense-card:hover{transform:translateY(-1px)}.expense-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:42px;height:42px;margin:0 8px 0 14px;display:flex}.expense-body{flex:1;justify-content:space-between;align-items:stretch;gap:10px;min-width:0;padding:12px 14px 12px 0;display:flex}.expense-main{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.expense-title{display:block}.expense-name{color:var(--text-primary);overflow-wrap:anywhere;margin-right:7px;font-size:14px;font-weight:700;line-height:1.3;display:inline}.expense-category{color:var(--text-secondary);font-size:11px}.expense-side{text-align:right;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:5px;display:flex}.expense-amount{color:var(--text-primary);white-space:nowrap;font-size:16px;font-weight:800}.expense-amount.income{color:var(--success)}.status-badge{cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;transition:opacity .15s;display:inline-flex}.status-badge:hover{opacity:.8}.due-label{color:var(--text-secondary);font-size:11px}.paid-on{color:var(--success);font-weight:600}.paid-on.estimated{color:var(--text-secondary);font-weight:500}.recurring-badge{vertical-align:middle;white-space:nowrap;background:var(--primary-tint);color:var(--primary-dark);border:1px solid var(--primary-soft);letter-spacing:.3px;border-radius:20px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}[data-theme=dark] .recurring-badge{color:var(--primary);border-color:var(--primary-soft)}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-state-icon{color:var(--text-secondary);opacity:.45;justify-content:center;font-size:60px;display:flex}.empty-state h3{color:var(--text-primary);margin:12px 0 6px}.analytics-empty{text-align:center;color:var(--text-secondary);padding:40px;font-size:14px}.confirm-overlay{z-index:999;background:#1b234080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirm-box{background:var(--bg-card);border-radius:20px;width:100%;max-width:320px;padding:24px;box-shadow:0 8px 32px #1b234033}.confirm-icon{text-align:center;color:var(--primary);justify-content:center;margin-bottom:12px;font-size:32px;display:flex}.confirm-box.danger .confirm-icon{color:var(--danger)}.confirm-msg{text-align:center;color:var(--text-primary);margin:0 0 24px;font-size:15px;font-weight:600;line-height:1.5}.confirm-actions{gap:12px;display:flex}.confirm-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:700}.confirm-btn.cancel{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border)}.confirm-btn.paid{background:var(--btn-fill);color:var(--btn-text)}.confirm-btn.pending{background:var(--warning)}.confirm-btn.danger{background:var(--danger);color:#fff}.cat-section-header{background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 14px 16px;display:flex}.cat-section-header-left{align-items:center;gap:10px;min-width:0;display:flex}.cat-section-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.cat-section-title{color:#fff;font-size:13px;font-weight:700;line-height:1.2}.cat-section-sub{color:#ffffffb3;margin-top:2px;font-size:11px;font-weight:500}.cat-section-toggles{flex-shrink:0;gap:4px;display:flex}.cat-toggle-btn{cursor:pointer;color:#fffc;background:#ffffff26;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .15s;display:flex}.cat-toggle-btn:hover{color:#fff;background:#ffffff40}.cat-toggle-btn.active{color:var(--primary);background:#fff;font-weight:700}.cat-section-body{background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:0 0 14px 14px;padding:14px}.cv-accent-list{flex-direction:column;gap:8px;display:flex}.cv-accent-row{background:var(--bg-surface);border-left:4px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;display:flex}.cv-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:inline-flex}.cv-info{flex:1;min-width:0}.cv-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.cv-pct{color:var(--text-secondary);font-size:10px;font-weight:500}.cv-amount{color:var(--primary);flex-shrink:0;font-size:13px;font-weight:800}.cv-tiles-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cv-tile{background:var(--bg-surface);text-align:center;border:1px solid var(--border);border-radius:12px;padding:12px 10px}.cv-tile-icon{justify-content:center;align-items:center;margin:0 auto 6px;font-size:22px;display:flex}.cv-tile-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:10px;font-weight:600;overflow:hidden}.cv-tile-amount{color:var(--text-primary);font-size:14px;font-weight:800}.cv-tile-track{background:var(--border);border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.cv-tile-bar{border-radius:2px;height:100%;transition:width .4s}.cv-bars-list{flex-direction:column;gap:12px;display:flex}.cv-bar-row{align-items:center;gap:8px;display:flex}.cv-bar-icon{text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:15px;display:flex}.cv-bar-info{flex:1;min-width:0}.cv-bar-top{justify-content:space-between;margin-bottom:5px;display:flex}.cv-bar-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:55%;font-size:11px;font-weight:600;overflow:hidden}.cv-bar-amount{color:var(--text-primary);flex-shrink:0;font-size:11px;font-weight:800}.cv-bar-track{background:var(--border);border-radius:6px;height:8px;overflow:hidden}.cv-bar-fill{border-radius:6px;height:100%;transition:width .4s}.cv-chips-wrap{flex-wrap:wrap;gap:8px;display:flex}.cv-chip{background:var(--bg-card);border:1.5px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:7px 12px;display:flex}.cv-chip-icon{align-items:center;gap:5px;font-size:14px;display:inline-flex}.cv-chip-name{color:var(--text-primary);font-size:11px;font-weight:600}.cv-chip-sep{opacity:.3;width:1px;height:12px}.cv-chip-amount{font-size:11px;font-weight:800}.exp{padding:14px 14px 0}.exp-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.exp-title{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.exp-period{background:var(--bg-card);border:1px solid var(--border);border-radius:99px;align-items:center;gap:2px;padding:3px;display:flex}.exp-period-label{color:var(--text-primary);text-align:center;white-space:nowrap;min-width:104px;padding:0 6px;font-size:12px;font-weight:700}.exp-period-arrow{background:var(--bg-page);width:28px;height:28px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;font-size:17px;font-weight:700;line-height:1}.exp-period-arrow:disabled{color:var(--border);cursor:not-allowed}@media (max-width:380px){.exp-period-label{min-width:88px;font-size:11px}}.amt-toggle{border:1px solid var(--border);background:var(--bg-card);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.amt-toggle:hover{color:var(--text-primary)}.amt-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.amt-row{align-items:center;gap:10px;margin-top:4px;display:flex}.amt-row>.exp-summary-amount,.amt-row>.income-total-value{margin-top:0;line-height:1.2}.dash-hero-amount-row{justify-content:center;align-items:center;gap:10px;margin-top:2px;display:flex}.dash-hero-amount-row .dash-hero-amount{margin-top:0}.dash-hero .amt-toggle{background:var(--hero-surface);border-color:var(--hero-border);color:var(--hero-text);opacity:.9}.dash-money-label-row{align-items:center;gap:6px;display:flex}.amt-toggle-sm{width:22px;height:22px}
.admin-content{padding:16px 16px 0}.admin-header{padding:18px 16px 8px}.admin-header-title{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.admin-tabs{border-bottom:2px solid var(--border);gap:8px;margin-bottom:20px;display:flex}.admin-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;align-items:center;gap:5px;margin-bottom:-2px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.admin-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.admin-tab:hover:not(.active){color:var(--text-primary)}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;display:grid}.stat-card{border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-card);padding:24px 16px}.stat-card.users,.stat-card.expenses,.stat-card.categories{color:var(--text-primary);border:1px solid var(--border);background:var(--bg-card)}.stat-card.users{background:var(--primary-tint);border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.stat-card.expenses{background:var(--info-bg);border-color:var(--info)}.stat-card.categories{background:var(--warning-bg);border-color:color-mix(in srgb, var(--warning) 60%, transparent)}.stat-card.users .stat-icon,.stat-card.users .stat-value{color:var(--primary)}.stat-card.expenses .stat-icon,.stat-card.expenses .stat-value{color:var(--info)}.stat-card.categories .stat-icon,.stat-card.categories .stat-value{color:var(--warning)}.stat-label{color:var(--text-secondary)}.stat-icon{justify-content:center;align-items:center;margin:0 auto 8px;font-size:32px;display:flex}.stat-value{font-size:36px;font-weight:900;line-height:1}.stat-label{margin-top:6px;font-size:13px;font-weight:600}.icon-grid{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.icon-btn{background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:background .15s,border-color .15s;display:flex}.icon-btn.selected{border:2px solid var(--primary);background:var(--primary-tint);color:var(--primary)}.icon-btn.unselected{border:2px solid var(--border)}.color-input{border:1.5px solid var(--border);border-radius:var(--radius-input);cursor:pointer;background:var(--bg-input);width:100%;height:40px}.admin-section{margin-top:8px}.admin-section-title{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:700}.admin-add-btn{white-space:nowrap;border-radius:99px;flex-shrink:0;width:auto;padding:9px 18px;font-size:13px}.admin-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-section-header .admin-section-title{margin:0}.cat-list{flex-direction:column;gap:8px;display:flex}.cat-item{background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.cat-item-left{align-items:center;gap:12px;display:flex}.cat-item-icon{justify-content:center;align-items:center;font-size:22px;display:flex}.cat-item-name{color:var(--text-primary);font-size:14px;font-weight:600}.cat-item-actions{gap:8px;display:flex}.cat-edit-btn,.cat-delete-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;font-size:18px;transition:background .15s;display:flex}.cat-edit-btn:hover{background:var(--info-bg);color:var(--info)}.cat-delete-btn:hover{background:var(--danger-bg);color:var(--danger)}.users-list{flex-direction:column;gap:10px;display:flex}.user-card{background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border-left:4px solid var(--border);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.admin-switch-card{background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border-left:4px solid var(--primary);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px 16px;display:flex}.admin-switch-text{text-align:left;min-width:0}.user-card.admin-user{border-left-color:var(--primary);background:var(--bg-surface)}.user-card-top{align-items:flex-start;gap:12px;display:flex}.user-info{flex:1;min-width:0}.user-avatar{background:var(--primary);width:42px;height:42px;color:var(--on-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.user-name{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.user-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.user-username{color:var(--primary);margin-top:2px;font-size:12px;font-weight:500}.admin-badge{background:var(--primary-tint);color:var(--primary-dark);border:1px solid var(--primary-soft);border-radius:20px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}[data-theme=dark] .admin-badge{color:var(--primary)}.user-card-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.user-expense-count{flex-direction:column;flex-shrink:0;align-items:center;min-width:46px;margin-right:8px;display:flex}.expense-count-num{color:var(--primary);font-size:18px;font-weight:900;line-height:1}.expense-count-label{color:var(--text-secondary);font-size:10px;font-weight:600}.user-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}@media (max-width:480px){.admin-stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:28px}.admin-section-header{flex-direction:column;align-items:flex-start;gap:10px}.admin-add-btn{text-align:center;width:100%}.admin-tabs{gap:4px}.admin-tab{padding:8px 12px;font-size:13px}}.an-grid{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.an-ranges{gap:6px;display:flex}.an-range{border-radius:var(--radius-input);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;padding:6px 12px;font-size:13px}.an-range.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.an-panels{grid-template-columns:1fr 1fr;gap:16px;display:grid}.an-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px}.an-card.an-wide{grid-column:1/-1}.an-card h3{color:var(--text-primary);margin:0 0 14px;font-size:14px;font-weight:700}.an-note{color:var(--text-secondary);margin-left:6px;font-size:12px;font-weight:400}.an-empty{color:var(--text-secondary);margin:0;font-size:13px}.an-bars{gap:12px;margin:0;padding:0;list-style:none;display:grid}.an-bar-head{color:var(--text-primary);justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.an-bar-name{text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;overflow:hidden}.an-bar-count{color:var(--text-secondary);font-variant-numeric:tabular-nums}.an-bar-track{background:var(--bg-surface);border-radius:4px;height:8px;overflow:hidden}.an-bar-fill{background:var(--primary);border-radius:4px;height:100%}.an-cols{align-items:flex-end;gap:3px;height:130px;display:flex}.an-col{flex:1;align-items:flex-end;height:100%;display:flex}.an-col-bar{background:var(--primary-soft);border-radius:3px 3px 0 0;width:100%;min-height:2px}.an-col-bar.peak{background:var(--primary)}.an-axis{color:var(--text-secondary);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.an-admin-line{color:var(--text-primary);margin:0;font-size:14px;line-height:1.6}.an-own{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 14px;font-size:12px;display:flex}.an-own strong{color:var(--text-primary)}@media (max-width:720px){.an-grid{grid-template-columns:1fr 1fr}.an-panels{grid-template-columns:1fr}}button.stat-card.clickable{font:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}button.stat-card.clickable:hover{transform:translateY(-2px)}button.stat-card.clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button.stat-card.analytics{color:var(--text-primary);background:var(--bg-card);border:1px solid color-mix(in srgb, var(--primary) 45%, transparent)}button.stat-card.analytics .stat-icon,button.stat-card.analytics .stat-value{color:var(--primary)}button.stat-card.analytics:hover{border-color:var(--primary)}.stat-card .stat-hint{color:var(--text-secondary);margin-top:8px;font-size:11px}@media (max-width:900px){.admin-stats-grid:not(.an-grid){grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.admin-stats-grid:not(.an-grid){grid-template-columns:1fr}}.an-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.an-metrics li{flex-direction:column;gap:4px;min-width:0;display:flex}.an-metric-value{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1.1}.an-metric-label{color:var(--text-secondary);font-size:11px;line-height:1.3}.cat-exclude{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:10px;margin:12px 0 4px;font-size:12px;line-height:1.45;display:flex}.cat-exclude input{flex-shrink:0;margin-top:2px}.cat-exclude strong{color:var(--text-primary)}
.auth-container{background:var(--bg-page);justify-content:center;align-items:center;min-height:100vh;padding:24px 20px;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";background:var(--primary);opacity:.08;filter:blur(90px);pointer-events:none;border-radius:50%;width:520px;height:420px;position:absolute;top:-180px;left:50%;transform:translate(-50%)}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;width:100%;max-width:400px;padding:32px 28px;position:relative;box-shadow:0 12px 40px #1b23401f}.auth-brand{text-align:center;margin-bottom:22px}.auth-logo-ring{background:var(--primary-tint);border:1px solid var(--primary-soft);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;display:flex}.auth-title{color:var(--text-primary);letter-spacing:-.4px;margin:0;font-size:24px;font-weight:800}.auth-tagline{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 0;font-size:11px;font-weight:600}.auth-sub{text-align:center;color:var(--text-secondary);margin-bottom:22px;font-size:13px;line-height:1.55}.auth-steps{justify-content:center;align-items:center;gap:10px;margin-bottom:22px;display:flex}.auth-step{color:var(--text-secondary);align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.auth-step-dot{background:var(--bg-surface);border:1px solid var(--border);width:22px;height:22px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.auth-step.done{color:var(--primary)}.auth-step.done .auth-step-dot{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.auth-step-line{background:var(--border);border-radius:2px;width:32px;height:2px}.auth-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:16px;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.auth-label-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.auth-label-row .auth-label{margin-bottom:7px}.auth-input{border:1.5px solid var(--border);background:var(--bg-input);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;outline:none;padding:13px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.auth-input::placeholder{color:var(--text-secondary);opacity:.7}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.auth-input.input-error{border-color:var(--danger)}.auth-input.input-success{border-color:var(--success)}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-wrap .auth-input{padding-right:44px}.auth-eye-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:13px}.auth-eye-btn:hover{color:var(--primary)}.auth-field-msg{align-items:center;gap:5px;min-height:16px;margin-top:6px;font-size:11px;font-weight:600;display:flex}.auth-field-msg.error{color:var(--danger)}.auth-field-msg.success{color:var(--success)}.auth-btn{background:var(--btn-fill);width:100%;color:var(--btn-text);cursor:pointer;border:none;border-radius:12px;margin-top:24px;padding:14px;font-size:15px;font-weight:700;transition:background .2s,transform .12s}.auth-btn:hover:not(:disabled){background:var(--btn-fill-hover)}.auth-btn:active:not(:disabled){transform:scale(.99)}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border);margin-top:22px;padding-top:18px;font-size:13px}.auth-link{color:var(--primary);font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.auth-link-btn:hover:not(:disabled){text-decoration:underline}.auth-link-btn:disabled{color:var(--text-secondary);cursor:not-allowed}.auth-back{cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding:0;font-size:13px;font-weight:600;display:flex}.auth-back:hover{color:var(--primary)}.auth-back-arrow{display:flex;transform:rotate(180deg)}.auth-otp-email{color:var(--primary);text-align:center;word-break:break-all;margin:-14px 0 18px;font-size:14px;font-weight:700}.auth-otp-input{letter-spacing:10px;text-align:center;padding-left:10px;font-size:22px;font-weight:700}.auth-otp-actions{justify-content:space-between;gap:12px;margin-top:16px;display:flex}@media (max-width:420px){.auth-card{border-radius:20px;padding:26px 20px}.auth-container:before{width:340px}}
.dash-hero{background:linear-gradient(160deg, var(--purple-mid), var(--primary));color:#fff;padding:16px 16px 44px}.dash-hero-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.dash-hero-avatar{color:#fff;cursor:pointer;background:#ffffff2e;border:2px solid #ffffff80;border-radius:50%;flex-shrink:0;width:42px;height:42px;font-size:14px;font-weight:800}.dash-hero-month{white-space:nowrap;background:#ffffff29;border-radius:99px;padding:6px 14px;font-size:12px;font-weight:600}.dash-hero-actions{flex-shrink:0;gap:8px;display:flex}.dash-hero-icon{cursor:pointer;background:#ffffff29;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex;position:relative}.dash-hero-icon:focus-visible,.dash-hero-avatar:focus-visible{outline-offset:2px;outline:2px solid #fff}.dash-hero-body{text-align:center;margin-top:18px}.dash-hero-greeting{opacity:.85;font-size:13px;font-weight:600}.dash-hero-label{opacity:.75;margin-top:10px;font-size:12px;font-weight:500}.dash-hero-amount{letter-spacing:-1px;margin-top:2px;font-size:38px;font-weight:800;line-height:1.15}.dash-hero-pill{background:#ffffff2e;border-radius:99px;align-items:center;gap:4px;margin-top:10px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.dash-money{background:var(--bg-page);border-radius:24px 24px 0 0;margin-top:-24px;padding:18px 14px 0;position:relative}.dash-money-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dash-money-title{color:var(--text-primary);font-size:15px;font-weight:800}.dash-chip-link{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:99px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.dash-money-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dash-money-grid+.dash-money-grid{margin-top:10px}.dash-money-card{background:var(--bg-card);border:1px solid var(--border);color:inherit;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:12px;min-width:0;padding:14px;text-decoration:none;display:grid}.dash-money-icon{background:var(--bg-surface);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:16px;font-size:17px;display:flex}.dash-money-main{grid-column:1/-1;min-width:0}.dash-money-text{min-width:0}.dash-money-icon.paid{color:var(--success)}.dash-money-icon.due{color:var(--warning)}.dash-money-icon.income{color:var(--success)}.dash-money-icon.spent{color:var(--text-primary)}.dash-spark{grid-column:2;width:100%;height:40px;display:block}.dash-spark.income,.dash-spark.paid{color:var(--success)}.dash-spark.due{color:var(--warning)}.dash-spark.spent{color:var(--primary)}.dash-money-label{color:var(--text-secondary);font-size:11px;font-weight:600}.dash-money-value{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:20px;font-weight:800;overflow:hidden}.dash-money-sub{color:var(--text-secondary);min-width:0;margin-top:4px;font-size:10px;font-weight:500;line-height:1.4}.dash-money-value-row{align-items:center;gap:8px;margin-top:2px;display:flex}.dash-money-value-row>.dash-money-value{margin-top:0}.income-eye-phone{display:none}@media (max-width:480px){.dash-money-card{border-radius:16px;flex-direction:column;align-items:stretch;padding:12px;display:flex}.dash-money-icon{border-radius:10px;flex-shrink:0;width:32px;height:32px;margin-bottom:0;font-size:15px}.dash-money-main{align-items:center;gap:10px;display:flex}.dash-money-sub{margin-top:10px}.dash-spark{width:100%;height:30px;margin-top:8px}.dash-money-value{font-size:18px}.dash-hero-amount{font-size:34px}.income-eye-phone{display:inline-flex}.income-eye-wide{display:none}}.dash-link{cursor:pointer;color:var(--primary);white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px;font-weight:700;text-decoration:none}.dash-link:hover{text-decoration:underline}.due-soon-card{background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:14px;overflow:hidden}.due-soon-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.due-soon-title{color:var(--text-primary);align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.due-soon-row{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;align-items:center;gap:10px;padding:10px 14px;transition:background .15s;display:flex}.due-soon-row:last-child{border-bottom:none}.due-soon-row:hover{background:var(--bg-surface)}.due-soon-row:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.due-soon-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:0;display:inline-flex}.due-soon-info{flex:1;min-width:0}.due-soon-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.due-soon-meta{color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:500}.due-soon-meta.overdue{color:var(--warning);font-weight:700}.due-soon-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.due-soon-amount{color:var(--text-primary);font-size:14px;font-weight:800}.due-soon-status{letter-spacing:.04em;border-radius:99px;padding:2px 8px;font-size:9px;font-weight:700}.due-soon-status.pending{background:var(--warning-bg);color:var(--warning)}.due-soon-status.upcoming{background:var(--bg-surface);color:var(--primary);border:1px solid var(--border)}.due-soon-empty{text-align:center;color:var(--text-secondary);padding:18px 14px;font-size:12px;font-weight:600}.qs{background:var(--bg-page);padding:18px 0 0}.qs-head{color:var(--text-primary);margin:0 14px 10px;font-size:15px;font-weight:800}.qs-strip{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:0 14px 4px;display:flex;overflow-x:auto}.qs-strip::-webkit-scrollbar{display:none}.qs-tile{--qs-c:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);scroll-snap-align:start;color:inherit;border-radius:18px;flex-direction:column;flex:1 0 160px;padding:14px;text-decoration:none;display:flex}.qs-tile.success{--qs-c:var(--success)}.qs-tile.danger{--qs-c:var(--danger)}.qs-tile.warning{--qs-c:var(--warning)}.qs-tile.info{--qs-c:var(--info)}.qs-top{align-items:center;gap:8px;margin-bottom:12px;display:flex}.qs-icon{background:var(--bg-surface);width:30px;height:30px;color:var(--qs-c);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.qs-title{color:var(--text-secondary);font-size:11px;font-weight:600}.qs-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:800;overflow:hidden}.qs-tile.change .qs-value,.qs-tile.due .qs-value{color:var(--qs-c)}.qs-sub{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;font-weight:500;overflow:hidden}.qs-tile:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.exp-summary-card{border-radius:var(--radius-card,16px);background:var(--bg-card);box-shadow:var(--shadow-card);margin:14px 0;padding:16px 18px}.exp-summary-label{color:var(--text-secondary);font-size:13px;font-weight:600}.exp-summary-amount{color:var(--primary);margin-top:6px;font-size:28px;font-weight:800}.exp-summary-sub{color:var(--text-secondary);margin-top:4px;font-size:12px;font-weight:600}.exp-search{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;align-items:center;gap:8px;height:44px;margin-bottom:10px;padding:0 14px;display:flex}.exp-search:focus-within{border-color:var(--primary)}.exp-search-icon{color:var(--text-secondary);flex-shrink:0;display:flex}.exp-search-input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px;font-weight:500}.exp-search-input::placeholder{color:var(--text-secondary);font-weight:500}.exp-search-input::-webkit-search-cancel-button{display:none}.exp-search-clear{background:var(--bg-surface);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.exp-result-group{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;padding:4px 18px 8px;font-size:11px;font-weight:700}.exp-filters{background:var(--bg-card);border:1px solid var(--border);z-index:20;border-radius:18px;align-items:center;gap:4px;display:flex;position:relative;overflow:visible}.exp-filters-sort{flex-shrink:0}.exp-filters .hamburger-btn{border:none;border-right:1px solid var(--border);width:42px;height:42px;color:var(--text-secondary);border-radius:18px 0 0 18px}.exp-filters .sort-dropdown{z-index:300;border-radius:14px;margin-top:6px}.exp-filters .cat-filter{background:0 0;border-radius:0 18px 18px 0;gap:6px;padding:8px 12px}.exp-filters .cat-pill{box-shadow:none;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);border-radius:99px;padding:7px 13px}.exp-filters .cat-pill.inactive:hover{color:var(--primary);border-color:var(--primary)}.exp-filters .cat-count{background:var(--bg-card);color:var(--text-secondary);border-radius:99px;padding:1px 6px}.exp-filters .cat-pill.active .cat-count{color:var(--on-primary);background:#80808040}.exp-filters .filter-divider{height:18px;margin:0 6px}.exp-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;padding:10px 4px 0;font-size:11px;font-weight:600;display:flex}.exp-clear{cursor:pointer;color:var(--primary);background:0 0;border:none;padding:0;font-size:11px;font-weight:700}.exp-clear:hover{text-decoration:underline}.exp+.expense-list{padding-top:12px}.exp-summary-card-line{border-top:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:6px;margin-top:8px;padding-top:8px;font-size:12px;font-weight:600;display:flex}.exp-summary-card-line strong{color:var(--text-primary);font-weight:800}.card-tag{color:var(--primary-dark);background:var(--primary-tint);vertical-align:middle;border-radius:20px;align-items:center;gap:3px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}[data-theme=dark] .card-tag{color:var(--primary)}.card-tag.muted{color:var(--text-secondary);background:var(--bg-surface)}.paidby-row{margin-bottom:4px}.exp-summary-cards{flex-direction:column;gap:3px;margin-top:6px;display:flex}.exp-summary-cards-row{color:var(--text-secondary);justify-content:space-between;gap:12px;padding-left:19px;font-size:12px;font-weight:600;display:flex}.exp-summary-cards-row strong{color:var(--text-primary);font-weight:700}.card-pick{flex-direction:column;gap:8px;margin-top:10px;display:flex}.card-pick-add{gap:8px;display:flex}.card-pick-add input{flex:1;min-width:0}.card-pick-add .card-pick-last4{flex:0 0 96px}.card-pick-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px;font-weight:700}.card-pick-note{color:var(--text-secondary);font-size:12px;font-weight:600}.card-gap{border:1px solid var(--warning);background:var(--warning-bg);border-radius:14px;margin:12px 0;padding:14px}.card-gap-title{text-align:left;width:100%;color:var(--warning);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:0;font-size:13px;font-weight:800;display:flex}.card-gap-title-text{align-items:center;gap:6px;display:inline-flex}.card-gap-toggle{flex-shrink:0;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.card-gap-title+.card-gap-row{margin-top:8px}.card-gap-row{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.card-gap-row+.card-gap-row{border-top:1px solid var(--border)}.card-gap-info{min-width:0}.card-gap-card{color:var(--text-primary);font-size:14px;font-weight:700}.card-gap-sub{color:var(--text-secondary);margin-top:2px;font-size:12px;font-weight:600}.card-gap-sub strong{color:var(--text-primary)}.card-gap-btn{background:var(--primary);color:var(--on-primary,#fff);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:8px 12px;font-size:12px;font-weight:800}.card-gap-btn:disabled{opacity:.6;cursor:default}.card-gap-note{color:var(--text-secondary);margin:8px 0 0;font-size:11px;font-weight:600}.expense-tags{flex-wrap:wrap;gap:4px;margin:2px 0;display:flex}.expense-tags .card-tag{margin-left:0}.not-spending-corner{margin:0;position:absolute;top:8px;right:10px}
.income-total{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;margin-bottom:4px;padding:16px}.income-total-label{color:var(--text-secondary);font-size:12px;font-weight:600}.income-total-value{color:var(--success);letter-spacing:-.5px;margin-top:2px;font-size:28px;font-weight:800}.income-total-sub{color:var(--text-secondary);margin-top:4px;font-size:11px;font-weight:500}
.lp{background:var(--bg-page);color:var(--text-primary);min-height:100vh;overflow-x:clip}.lp-section-inner,.lp-nav-inner,.lp-hero-inner{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}.lp-section-inner.narrow{max-width:720px}.lp-nav{z-index:50;background:color-mix(in srgb, var(--bg-page) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.lp-nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.lp-brand{align-items:center;gap:8px;display:flex}.lp-brand-name{letter-spacing:-.4px;font-size:18px;font-weight:800}.lp-brand-name.sm{font-size:15px}.lp-nav-actions{align-items:center;gap:8px;display:flex}.lp-btn{cursor:pointer;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.lp-btn.lg{padding:13px 24px;font-size:14px}.lp-btn:active{transform:scale(.97)}.lp-btn.solid{background:var(--btn-fill);color:var(--btn-text)}.lp-btn.solid:hover{background:var(--btn-fill-hover)}.lp-btn.ghost{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}.lp-btn.ghost:hover{border-color:var(--primary);color:var(--primary)}.lp-hero{padding:56px 0 64px}.lp-hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.lp-eyebrow{background:var(--primary-tint);color:var(--primary);letter-spacing:.06em;text-transform:uppercase;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.lp-eyebrow.center{display:inline-flex}.lp-h1{letter-spacing:-1.4px;margin:18px 0 0;font-size:46px;font-weight:800;line-height:1.1}.lp-lede{color:var(--text-secondary);max-width:52ch;margin:16px 0 0;font-size:16px;line-height:1.65}.lp-hero-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.lp-hero-actions.center{justify-content:center}.lp-hero-note{color:var(--text-secondary);margin:14px 0 0;font-size:12px;font-weight:500}.lp-hero-art{justify-content:center;display:flex}.lp-section{padding:64px 0}.lp-section.alt{background:var(--bg-surface);border-block:1px solid var(--border)}.lp-h2{letter-spacing:-.8px;text-align:center;margin:14px 0 0;font-size:30px;font-weight:800}.lp-sub{text-align:center;max-width:54ch;color:var(--text-secondary);margin:12px auto 0;font-size:15px;line-height:1.6}.lp-features{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:36px;display:grid}.lp-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:20px}.lp-feature-icon{background:var(--primary-tint);width:40px;height:40px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.lp-feature-title{margin:0 0 6px;font-size:15px;font-weight:800}.lp-feature-body{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.lp-screens{flex-wrap:wrap;justify-content:center;gap:28px;margin-top:40px;display:flex}.lp-phone{flex-shrink:0;width:252px;position:relative}.lp-phone-screen{border:8px solid var(--text-primary);background:var(--bg-page);border-radius:30px;height:470px;position:relative;overflow:hidden;box-shadow:0 20px 48px #00000038}.lp-phone-notch{background:var(--text-primary);z-index:3;border-radius:0 0 12px 12px;width:78px;height:18px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.lp-phone-label{text-align:center;color:var(--text-secondary);margin-top:12px;font-size:12px;font-weight:700}.mk-hero{background:var(--hero-gradient);color:var(--hero-text);text-align:center;padding:26px 14px 30px}.mk-hero-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mk-avatar{background:var(--hero-surface);border-radius:50%;width:26px;height:26px}.mk-pill{background:var(--hero-surface);border-radius:99px;padding:3px 10px;font-size:9px;font-weight:600}.mk-label{opacity:.75;font-size:9px}.mk-amount{letter-spacing:-.8px;margin-top:2px;font-size:26px;font-weight:800}.mk-chip{background:var(--hero-surface);border-radius:99px;margin-top:8px;padding:3px 10px;font-size:9px;font-weight:600;display:inline-block}.mk-sheet{background:var(--bg-page);border-radius:18px 18px 0 0;margin-top:-16px;padding:14px 12px;position:relative}.mk-row-head{margin-bottom:8px;font-size:11px;font-weight:800}.mk-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mk-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:3px;padding:10px;display:flex}.mk-dot{background:var(--bg-surface);border-radius:7px;width:20px;height:20px;margin-bottom:4px}.mk-dot.income{background:color-mix(in srgb, var(--success) 22%, transparent)}.mk-dot.spent{background:var(--bg-surface)}.mk-card-label{color:var(--text-secondary);font-size:8px;font-weight:600}.mk-card-value{font-size:12px;font-weight:800}.mk-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.mk-item{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.mk-item-icon{background:var(--primary-tint);border-radius:5px;flex-shrink:0;width:16px;height:16px}.mk-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:9px;font-weight:700;overflow:hidden}.mk-item-amt{font-size:9px;font-weight:800}.mk-item-amt.paid{color:var(--success)}.mk-item-amt.pending{color:var(--warning)}.mk-plain{padding:26px 12px 12px}.mk-title{margin-bottom:10px;font-size:14px;font-weight:800}.mk-search{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;height:26px;margin-bottom:8px}.mk-pills{gap:5px;margin-bottom:10px;display:flex}.mk-fpill{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:99px;padding:4px 9px;font-size:8px;font-weight:700}.mk-fpill.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.mk-seg{background:var(--bg-surface);border:1px solid var(--border);border-radius:99px;margin-bottom:12px;padding:3px;display:flex}.mk-seg span{text-align:center;color:var(--text-secondary);border-radius:99px;flex:1;padding:5px 0;font-size:9px;font-weight:700}.mk-seg span.active{background:var(--bg-card);color:var(--primary)}.mk-donut{justify-content:center;padding:6px 0 12px;display:flex}.mk-bars{flex-direction:column;gap:7px;display:flex}.mk-bar-track{background:var(--bg-surface);border-radius:99px;height:7px;display:block;overflow:hidden}.mk-bar-fill{border-radius:99px;height:100%;display:block}.mk-field{background:var(--bg-card);border:1px solid var(--border);border-radius:9px;align-items:center;height:30px;margin-bottom:8px;padding:0 9px;display:flex}.mk-field.sm{flex:1;margin-bottom:0}.mk-field-row{gap:8px;margin-bottom:8px;display:flex}.mk-field-label{color:var(--text-secondary);font-size:8px;font-weight:600}.mk-cta{background:var(--btn-fill);height:32px;color:var(--btn-text);border-radius:10px;justify-content:center;align-items:center;margin-top:4px;font-size:10px;font-weight:800;display:flex}.lp-security{flex-direction:column;gap:14px;margin-top:30px;display:flex}.lp-sec-row{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;gap:14px;padding:16px 18px;display:flex}.lp-sec-icon{background:var(--primary-tint);width:38px;height:38px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.lp-sec-title{margin-bottom:4px;font-size:14px;font-weight:800}.lp-sec-body{color:var(--text-secondary);font-size:13px;line-height:1.6}.lp-cta{background:var(--bg-surface);border-top:1px solid var(--border);padding:64px 0 72px}.lp-footer{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:8px;padding:28px 20px 36px;display:flex}.lp-footer-year{color:var(--text-secondary);font-size:12px;font-weight:500}.lp-footer-by{color:var(--text-secondary);font-size:12px}.lp-footer-by strong{color:var(--text-primary);font-weight:700}.lp-heart{color:var(--accent-peach)}.lp-footer-links{align-items:center;gap:10px;margin-top:2px;display:flex}.lp-footer-links a{color:var(--text-secondary);font-size:12px;font-weight:600;text-decoration:none}.lp-footer-links a:hover{color:var(--primary)}.lp-footer-dot{background:var(--border);border-radius:50%;width:3px;height:3px}@media (max-width:900px){.lp-hero-inner{grid-template-columns:1fr;gap:36px}.lp-h1{letter-spacing:-1px;font-size:34px}.lp-lede{font-size:15px}.lp-h2{font-size:24px}.lp-hero{padding:36px 0 44px}.lp-section{padding:48px 0}.lp-brand-name{font-size:16px}.lp-nav-actions .lp-btn.ghost{display:none}}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.lp-screens>.reveal{flex-shrink:0}.lp-crypto-demo{border-radius:var(--radius-card,16px);background:var(--bg-card,#fff);box-shadow:var(--shadow-card,0 2px 8px #1b234012);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:28px;padding:20px;display:flex}.lp-crypto-col{flex-direction:column;gap:8px;min-width:180px;display:flex}.lp-crypto-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary,#8a8f9c);margin-bottom:2px;font-size:11px;font-weight:700}.lp-crypto-row{background:var(--bg-surface,#f2f3f5);color:var(--text-primary,#1b2340);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.lp-crypto-row.cipher{color:var(--text-secondary,#8a8f9c);letter-spacing:.01em;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:500}.lp-crypto-arrow{background:var(--primary-tint,#f5f6f7);width:32px;height:32px;color:var(--primary,#374151);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (max-width:520px){.lp-crypto-demo{flex-direction:column}}
.month-row-block{align-items:center;gap:8px;margin-bottom:8px;display:flex}.month-fields{flex:1;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;min-width:0;display:grid}.month-fields.no-dates{grid-template-columns:1fr 1fr}.month-label{flex-shrink:0;width:30px;font-size:11px;font-weight:700}.month-label.current{color:var(--primary)}.month-label.other{color:var(--text-secondary)}.month-amount,.month-status,.month-date{border:1.5px solid var(--border);border-radius:var(--radius-input);background:var(--bg-input);width:100%;color:var(--text-primary);outline:none;min-width:0;padding:7px 6px;font-size:13px}.month-status,.month-date{padding:7px 4px;font-size:11px}.month-date{cursor:pointer}.month-amount:focus,.month-status:focus,.month-date:focus{border-color:var(--primary)}.monthly-section-title{color:var(--text-secondary);text-transform:uppercase;margin:16px 0 10px;font-size:12px;font-weight:700}.category-toggle-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px;display:grid}.category-half{flex-direction:column;display:flex}.toggle-half{cursor:pointer;flex-direction:column;display:flex}.recurring-toggle-box{border:1.5px solid var(--border);border-radius:var(--radius-input);background:var(--bg-input);box-sizing:border-box;align-items:center;gap:10px;height:100%;padding:9px 12px;display:flex}.recurring-sub{color:var(--text-secondary);font-size:11px}.toggle-switch{cursor:pointer;border-radius:13px;flex-shrink:0;align-items:center;width:44px;height:26px;padding:2px;transition:background .3s;display:flex}.toggle-switch.on{background:var(--primary);justify-content:flex-end}.toggle-switch.off{background:var(--border);justify-content:flex-start}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;box-shadow:0 1px 4px #1b234040}.single-dates-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px;display:grid}.lbl-hint{color:var(--primary);text-transform:none;font-size:10px;font-weight:500}.lbl-required{color:var(--danger)}.no-category-warning{background:var(--warning-bg);border-radius:var(--radius-input);color:var(--warning);align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;display:flex}.cat-picker{position:relative}.cat-picker-btn{border:1.5px solid var(--border);border-radius:var(--radius-input);background:var(--bg-input);width:100%;color:var(--text-primary);font:inherit;cursor:pointer;text-align:left;align-items:center;gap:10px;min-height:44px;padding:9px 12px;font-size:14px;transition:border-color .15s;display:flex}.cat-picker-btn:hover{border-color:var(--primary)}.cat-picker-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cat-picker-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.cat-picker-placeholder{color:var(--text-secondary);flex:1}.cat-picker-caret{color:var(--text-secondary);transition:transform .15s;display:flex;transform:rotate(90deg)}.cat-picker-caret.open{transform:rotate(-90deg)}.cat-picker-list{background:var(--bg-card);border:1px solid var(--border);z-index:400;-webkit-overflow-scrolling:touch;border-radius:14px;max-height:280px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 28px #1b23402e}.cat-picker-item{width:100%;color:var(--text-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:background .12s;display:flex}.cat-picker-item:hover{background:var(--bg-surface)}.cat-picker-item.active{background:var(--primary-tint);color:var(--primary)}.cat-picker-check{color:var(--primary);flex-shrink:0;display:flex}.confirm-sub{color:var(--text-secondary);font-size:12px;font-weight:500}.single-dates-row.single-col{grid-template-columns:1fr}.month-fields.income{grid-template-columns:1fr 1fr}.month-fields.income.no-dates{grid-template-columns:1fr}.recurring-note{color:var(--text-secondary);margin:-2px 0 10px;font-size:11px;line-height:1.45}
.profile-content{flex-direction:column;gap:14px;padding:16px 14px 0;display:flex}.profile-hero{background:var(--hero-gradient);text-align:center;color:var(--hero-text);border-radius:16px;padding:28px 20px}.profile-avatar{background:var(--hero-surface);border:2px solid var(--hero-border);width:64px;height:64px;color:var(--hero-text);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:22px;font-weight:800;display:flex}.profile-name{margin:0 0 4px;font-size:18px;font-weight:700}.profile-email{opacity:.85;margin:0 0 10px;font-size:13px}.profile-username{opacity:.75;margin:2px 0 6px;font-size:13px;font-weight:500}.profile-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.profile-badge{background:var(--hero-surface);border:1px solid var(--hero-border);border-radius:99px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.profile-demo-note{text-align:center;color:var(--warning);padding:20px;font-size:13px;font-weight:600;line-height:1.6}.profile-demo-note a{color:var(--primary)}.profile-admin-btn{cursor:pointer;text-align:left;width:100%;font:inherit;background:var(--primary-tint);border:1px solid var(--primary-soft);color:var(--text-primary);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:background .15s,border-color .15s;display:flex}.profile-admin-btn:hover{border-color:var(--primary)}.profile-admin-icon{background:var(--bg-card);width:36px;height:36px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-admin-text{flex:1;min-width:0}.profile-admin-title{color:var(--text-primary);font-size:14px;font-weight:700;display:block}.profile-admin-sub{color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:500;display:block}.profile-card{background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:14px;padding:16px}.profile-card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-size:13px;font-weight:700}.profile-info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.profile-info-row:last-child{border-bottom:none}.profile-info-label{color:var(--text-secondary);font-size:13px;font-weight:500}.profile-info-value{color:var(--text-primary);font-size:13px;font-weight:600}.profile-action-btn{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--primary);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.profile-action-btn:hover{background:var(--bg-surface);border-color:var(--primary)}.profile-form{flex-direction:column;gap:10px;display:flex}.profile-label{color:var(--text-secondary);margin-bottom:2px;font-size:12px;font-weight:600;display:block}.profile-input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,background .15s}.profile-input:focus{border-color:var(--primary);background:var(--bg-card)}.profile-input.profile-input-error{border-color:var(--danger)}.profile-input.profile-input-success{border-color:var(--success)}.profile-input-wrap{align-items:center;display:flex;position:relative}.profile-input-wrap .profile-input{padding-right:38px}.profile-eye-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:10px}.profile-eye-btn:hover{color:var(--primary)}.profile-field-msg{align-items:center;gap:4px;min-height:16px;margin-top:5px;font-size:11px;font-weight:600;display:flex}.profile-field-msg.error{color:var(--danger)}.profile-field-msg.success{color:var(--success)}.profile-otp-input{letter-spacing:8px;text-align:center;font-size:20px;font-weight:700}.profile-otp-hint{color:var(--text-secondary);margin:0 0 4px;font-size:13px;line-height:1.5}.profile-form-actions{gap:10px;margin-top:4px;display:flex}.profile-cancel-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:background .15s}.profile-cancel-btn:hover{background:var(--bg-page)}.profile-submit-btn{background:var(--btn-fill);color:var(--btn-text);cursor:pointer;border:none;border-radius:10px;flex:2;padding:10px;font-size:13px;font-weight:700;transition:background .15s}.profile-submit-btn:hover:not(:disabled){background:var(--btn-fill-hover)}.profile-submit-btn:disabled{opacity:.6;cursor:not-allowed}.profile-resend-row{justify-content:space-between;margin-top:4px;display:flex}.profile-link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.profile-link-btn:disabled{color:var(--text-secondary);cursor:not-allowed}.profile-info-value-row{align-items:center;gap:8px;display:flex}.profile-edit-btn{cursor:pointer;color:var(--text-secondary);opacity:.6;background:0 0;border:none;align-items:center;padding:0;transition:opacity .15s;display:flex}.profile-edit-btn:hover{opacity:1}.profile-inline-edit{flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.profile-inline-input{border:1.5px solid var(--primary);background:var(--bg-card);width:160px;color:var(--text-primary);border-radius:8px;outline:none;padding:4px 8px;font-size:13px}.profile-inline-save{background:var(--primary);color:var(--on-primary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;font-size:13px;font-weight:700;display:flex}.profile-inline-cancel{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:var(--bg-card);border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;font-size:13px;display:flex}.profile-role-badge{background:var(--bg-surface);color:var(--text-secondary);border-radius:8px;padding:3px 10px;font-size:12px;font-weight:700}.profile-signout-btn{background:var(--danger-bg);width:100%;color:var(--danger);cursor:pointer;border:none;border-radius:12px;padding:14px;font-size:14px;font-weight:700;transition:background .15s}.profile-signout-btn:hover{filter:brightness(.95)}.appearance-mode{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:14px;display:flex}.appearance-mode-label{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.appearance-switch{cursor:pointer;border:none;border-radius:99px;align-items:center;width:46px;height:26px;padding:3px;transition:background .25s;display:flex}.appearance-switch.off{background:var(--border);justify-content:flex-start}.appearance-switch.on{background:var(--primary);justify-content:flex-end}.appearance-switch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.appearance-thumb{background:var(--bg-card);border-radius:50%;width:20px;height:20px;transition:transform .25s;box-shadow:0 1px 4px #00000040}.appearance-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:700}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:12px;display:grid}.theme-swatch{cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.theme-swatch-chip{aspect-ratio:1;border:2px solid var(--border);border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:48px;transition:border-color .15s,transform .15s;display:flex;position:relative}.theme-swatch:hover .theme-swatch-chip{transform:translateY(-2px)}.theme-swatch.active .theme-swatch-chip{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-tint)}.theme-swatch-dot{border:2px solid #ffffff8c;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #0000001f}.theme-swatch-check{color:#fff;background:#00000059;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.theme-swatch-name{color:var(--text-secondary);text-align:center;font-size:10px;font-weight:600;line-height:1.2}.theme-swatch.active .theme-swatch-name{color:var(--primary);font-weight:700}@media (max-width:480px){.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}.cards-toggle{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;font-weight:700;display:flex}.cards-toggle-action{color:var(--primary);align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.cards-toggle-chevron{transition:transform .2s;display:inline-flex}.cards-toggle-chevron.open{transform:rotate(90deg)}.theme-current{align-items:center;gap:10px;display:inline-flex}.theme-current-chip{border-radius:7px;flex-shrink:0;width:22px;height:22px}.cards-toggle+.theme-grid{margin-top:16px}.card-pick-add.profile-card-add{align-items:stretch;margin-top:10px}.card-pick-add.profile-card-add .profile-submit-btn{flex:none;width:auto;padding-left:22px;padding-right:22px}@media (max-width:520px){.card-pick-add.profile-card-add{flex-wrap:wrap}.card-pick-add.profile-card-add>input:first-child{flex:100%}.card-pick-add.profile-card-add .card-pick-last4{flex:1 1 0}}
.analytics-view{padding:14px 14px 0}.analytics-card{background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px}.donut-container{flex-direction:column;align-items:center;gap:16px;padding:8px 0;display:flex}.rp{padding:14px 14px 8px}.rp-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.rp-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:800}.rp-head-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.rp-period{background:var(--bg-card);border:1px solid var(--border);border-radius:99px;align-items:center;gap:2px;padding:3px;display:flex}.rp-period-label{color:var(--text-primary);text-align:center;white-space:nowrap;min-width:104px;padding:0 6px;font-size:12px;font-weight:700}.rp-period-arrow{background:var(--bg-page);width:28px;height:28px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;font-size:17px;font-weight:700;line-height:1}.rp-period-arrow:disabled{color:var(--border);cursor:not-allowed}.rp-period-toggle{font:inherit;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:99px;padding:6px;font-size:12px;font-weight:700;transition:background .15s}.rp-period-toggle:hover{background:var(--bg-surface)}.rp-card{border-radius:20px}.rp-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.rp-card-title{color:var(--text-primary);font-size:14px;font-weight:800}.rp-donut{justify-content:center;padding:16px 0 8px;display:flex}.rp-split{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;display:grid}.rp-split .rp-donut,.rp-split .rp-bars{padding:8px 0}@media (max-width:720px){.rp-split{grid-template-columns:1fr;gap:8px}}.rp-bars{grid-template-columns:minmax(0,max-content) minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0 4px;display:grid}.rp-bars-row{display:contents}.rp-bars-name{max-width:180px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.rp-bars-track{background:var(--bg-surface);border-radius:99px;flex:1;height:10px;overflow:hidden}.rp-bars-fill{border-radius:99px;height:100%;transition:width .4s}.rp-bars-pct{text-align:right;width:36px;color:var(--text-secondary);font-size:11px;font-weight:700}.rp-list-head{color:var(--text-secondary);justify-content:space-between;align-items:baseline;margin:18px 4px 8px;font-size:12px;font-weight:600;display:flex}.rp-list-head strong{color:var(--text-primary);font-size:15px;font-weight:800}.rp-list{flex-direction:column;gap:10px;display:flex}.rp-row{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:14px}.rp-row-top{align-items:center;gap:12px;display:flex}.rp-row-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.rp-row-info{flex:1;min-width:0}.rp-row-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.rp-row-pct{color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:500}.rp-row-right{text-align:right;flex-shrink:0}.rp-row-amount{color:var(--text-primary);font-size:14px;font-weight:800}.rp-row-change{color:var(--text-secondary);margin-top:4px;font-size:10px;font-weight:500}.rp-chip{border-radius:99px;margin-right:3px;padding:1px 7px;font-size:10px;font-weight:800;display:inline-block}.rp-chip.down{background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success)}.rp-chip.up{background:var(--warning-bg);color:var(--warning)}.rp-chip.neutral{background:var(--bg-surface);color:var(--primary)}.rp-row-track{background:var(--bg-surface);border-radius:99px;height:7px;margin-top:12px;overflow:hidden}.rp-row-fill{border-radius:99px;height:100%;transition:width .4s}.rp-export{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.rp-export-btn{color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:140px;padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex}.rp-export-btn:disabled{opacity:.7;cursor:not-allowed}.rp-export-btn.monthly{background:var(--btn-fill);color:var(--btn-text)}.rp-export-btn.yearly{background:var(--primary);color:#fff}.rp-compare-card{margin-top:12px}.rp-compare-summary{border-bottom:1px solid var(--bg-surface);flex-wrap:wrap;gap:12px;margin-bottom:10px;padding-bottom:10px;display:flex}.rp-compare-stat{align-items:center;gap:5px;display:flex}.rp-compare-dot{background:var(--income);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.rp-compare-dot.expense{background:var(--expense)}.rp-compare-label{color:var(--text-secondary);font-size:12px;font-weight:600}.rp-compare-value{color:var(--text-primary);font-size:12px;font-weight:700}.rp-compare-value.income{color:var(--income)}.rp-compare-value.expense{color:var(--expense)}.rp-compare-chart{width:100%;height:120px;display:block}.rp-compare-months{grid-template-columns:repeat(12,1fr);margin-top:6px;display:grid}.rp-compare-month{text-align:center;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0;font-size:11px;font-weight:600}.rp-compare-month.active{color:var(--text-primary);font-weight:800}.rp-compare-details{background:var(--bg-surface);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:8px;padding:8px 10px;display:flex}.rp-compare-details strong{width:100%;color:var(--text-primary);font-size:12px;font-weight:700}.rp-compare-details span{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.rp-compare-single .rp-compare-chart,.rp-compare-single .rp-compare-months{width:120px;margin-left:auto;margin-right:auto}
.user-avatar{background:var(--primary)!important;color:var(--on-primary)!important}.dash-hero,.profile-hero,.cat-section-header{background:var(--hero-gradient)!important;color:var(--hero-text)!important}.dash-hero-greeting,.dash-hero-label,.dash-hero-amount,.dash-hero-month,.dash-hero-pill,.dash-hero-avatar,.dash-hero-icon,.profile-name,.profile-username,.profile-email,.profile-badge,.profile-avatar,.cat-section-title,.cat-section-icon{color:var(--hero-text)!important}.dash-hero-label,.dash-hero-greeting,.profile-username,.profile-email,.cat-section-sub{color:var(--hero-text-muted)!important}.dash-hero-month,.dash-hero-pill,.dash-hero-icon,.dash-hero-avatar,.profile-avatar,.profile-badge,.cat-toggle-btn:not(.active){background:var(--hero-surface)!important;border-color:var(--hero-border)!important}.cat-toggle-btn:not(.active){color:var(--hero-text-muted)!important}.dash-hero-icon:hover,.dash-hero-avatar:hover,.cat-toggle-btn:not(.active):hover{background:var(--hero-surface-strong)!important}.cat-toggle-btn.active{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--on-primary)!important}.dash-hero{border-bottom:1px solid var(--border)}.btn-primary,.auth-btn,.nav-add-btn,.profile-submit-btn,.rp-export-btn.monthly,.confirm-btn.paid{background:var(--btn-fill)!important;color:var(--btn-text)!important}.btn-primary:hover,.auth-btn:hover{background:var(--btn-fill-hover)!important}.rp-export-btn.yearly{background:var(--primary)!important;color:var(--on-primary)!important}.confirm-btn.pending{background:var(--warning)!important;color:#fff!important}.toggle-switch.on .toggle-thumb{background:var(--on-primary)!important}.cat-pill.active{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--on-primary)!important}.cat-pill.active .cat-count{color:var(--on-primary)!important;background:#80808040!important}.sort-option.active{background:var(--primary-tint)!important;color:var(--primary)!important}.recurring-badge{background:var(--primary-tint)!important;color:var(--primary-dark)!important;border-color:var(--primary-soft)!important}.icon-btn.selected{border-color:var(--primary)!important;background:var(--primary-tint)!important}.toggle-switch.on{background:var(--primary)!important}.toggle-switch.off{background:var(--border)!important}