@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@500;700&display=swap";.sidebar-wrapper{width:var(--sidebar-w);z-index:40;position:fixed;top:0;bottom:0;left:0}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:20px 12px;display:flex;overflow:hidden auto}.sidebar-logo{align-items:center;gap:10px;padding:4px 10px 20px;display:flex}.sidebar-logo-icon{font-size:22px}.sidebar-logo-text{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:17px;font-weight:800}.space-switcher{margin-bottom:16px;position:relative}.space-switcher-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;width:100%;transition:all var(--t-fast);text-align:left;color:var(--text-primary);align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.space-switcher-btn:hover{border-color:var(--border-hover);background:var(--bg-overlay)}.space-emoji{flex-shrink:0;font-size:16px}.space-name{flex:1}.space-chevron{color:var(--text-muted);transition:transform var(--t-fast);flex-shrink:0}.space-chevron.open{transform:rotate(180deg)}.space-dropdown{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);z-index:10;box-shadow:var(--shadow-md);animation:slideUp var(--t-fast) both;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0}.space-option{border-radius:var(--r-sm);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.space-option:hover{background:var(--bg-overlay);color:var(--text-primary)}.space-option.active{background:var(--accent-subtle);color:var(--accent)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{border-radius:var(--r-md);color:var(--text-secondary);transition:all var(--t-fast);align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background:var(--accent-subtle);color:var(--accent)}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.sidebar-user{border-radius:var(--r-md);transition:background var(--t-fast);flex:1;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.sidebar-user:hover,.sidebar-user.active{background:var(--bg-elevated)}.user-avatar{background:var(--accent-subtle);width:32px;height:32px;color:var(--accent);font-size:13px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-info{flex-direction:column;min-width:0;display:flex}.user-name{color:var(--text-primary);font-size:13px;font-weight:600}.user-email{color:var(--text-muted);font-size:11px}.logout-btn{flex-shrink:0;color:var(--text-muted)!important}.logout-btn:hover{color:var(--expense)!important;background:var(--expense-subtle)!important;border-color:#0000!important}.mobile-header{height:var(--header-h);background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:40;justify-content:space-between;align-items:center;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.mobile-backdrop{z-index:50;animation:fadeIn var(--t-fast);background:#000000b3;display:block;position:fixed;inset:0}.mobile-sidebar{background:var(--bg-surface);border-right:1px solid var(--border);animation:slideIn var(--t-base);z-index:51;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;width:260px!important;min-width:260px!important;max-width:260px!important}.mobile-close{position:absolute;top:12px;right:12px}.desktop-only{display:block}@media (width<=768px){.desktop-only{display:none}.mobile-header{display:flex}.app-main{padding-top:var(--header-h)}}.mobile-sidebar .sidebar{height:100%;width:260px!important;min-width:260px!important}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex;position:relative}.auth-glow{pointer-events:none;z-index:0;background:radial-gradient(#10b9811f 0%,#0000 70%);width:600px;height:400px;position:fixed;top:-100px;left:50%;transform:translate(-50%)}.auth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);z-index:1;width:100%;max-width:420px;box-shadow:var(--shadow-lg), 0 0 60px #10b9810d;padding:40px 36px;position:relative}.auth-logo{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:10px;margin-bottom:28px;font-size:18px;font-weight:800;display:flex}.auth-logo span:first-child{font-size:22px}.auth-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:6px;font-size:26px;font-weight:800}.auth-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:14px}.auth-link{color:var(--accent);transition:opacity var(--t-fast);font-weight:500}.auth-link:hover{opacity:.8}@media (width<=480px){.auth-card{padding:28px 20px}}.dashboard{flex-direction:column;gap:20px;display:flex}.dash-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dash-progress{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.dash-charts{grid-template-columns:2fr 1fr 1fr;gap:16px;display:grid}.dash-chart-wide{grid-column:1}.dash-section-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:16px;font-size:15px;font-weight:700}.activity-list{flex-direction:column;gap:2px;display:flex}.activity-item{border-radius:var(--r-md);transition:background var(--t-fast);align-items:center;gap:14px;padding:10px 8px;display:flex}.activity-item:hover{background:var(--bg-elevated)}.activity-icon{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.activity-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.activity-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.activity-meta{color:var(--text-muted);font-size:12px}.activity-amount{font-size:15px;font-weight:700;font-family:var(--font-display);flex-shrink:0}@media (width<=1100px){.dash-charts{grid-template-columns:1fr 1fr}.dash-chart-wide{grid-column:1/-1}}@media (width<=768px){.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-progress,.dash-charts{grid-template-columns:1fr}.dash-chart-wide{grid-column:1}}@media (width<=480px){.dash-stats{grid-template-columns:1fr}}.tx-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:10px 4px;display:flex}@media (width<=768px){.tx-filters{grid-template-columns:1fr 1fr}.tx-toolbar{flex-wrap:wrap}}@media (width<=480px){.tx-filters{grid-template-columns:1fr}}.quickadd-layout{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.quickadd-row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.quickadd-type-toggle{gap:8px;display:flex}@media (width<=768px){.quickadd-layout{grid-template-columns:1fr}}@media (width<=480px){.quickadd-row-2{grid-template-columns:1fr}}.tx-toolbar{align-items:center;gap:12px;display:flex}.tx-filters{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);align-items:end;gap:14px;margin-top:14px;padding-top:14px;display:grid}.tx-summary{justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 4px;display:flex}.tx-icon{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}@media (width<=768px){.tx-filters{grid-template-columns:1fr 1fr}.tx-toolbar{flex-wrap:wrap}}@media (width<=480px){.tx-filters{grid-template-columns:1fr}}.spaces-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.space-card{cursor:pointer;transition:all var(--t-fast)}.space-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.space-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.space-card-emoji{border-radius:var(--r-lg);justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.space-card-actions{opacity:0;transition:opacity var(--t-fast);gap:4px;display:flex}.space-card:hover .space-card-actions{opacity:1}.space-card-name{font-family:var(--font-display);margin-bottom:4px;font-size:16px;font-weight:700}.space-card-desc{color:var(--text-secondary);margin-bottom:14px;font-size:13px}.space-card-meta{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.emoji-btn{border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;padding:6px;font-size:20px}.emoji-btn:hover{background:var(--bg-overlay)}.emoji-btn.active{background:var(--accent-subtle);outline:2px solid var(--accent)}.member-row{border-radius:var(--r-md);transition:background var(--t-fast);align-items:center;gap:12px;padding:10px;display:flex}.member-row:hover{background:var(--bg-elevated)}.member-avatar{background:var(--accent-subtle);width:36px;height:36px;color:var(--accent);font-size:14px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width<=480px){.spaces-grid{grid-template-columns:1fr}.emoji-grid{grid-template-columns:repeat(6,1fr)}}.cat-tabs{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:4px;width:fit-content;max-width:100%;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;flex-shrink:0;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:500;display:flex}.cat-tab:hover{color:var(--text-primary);background:var(--bg-elevated)}.cat-tab.active{background:var(--accent);color:#fff}.cat-tab-count{border-radius:var(--r-full);background:#fff3;padding:1px 7px;font-size:11px;font-weight:600}.cat-tab:not(.active) .cat-tab-count{background:var(--bg-overlay);color:var(--text-muted)}.cat-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.cat-card{transition:all var(--t-fast);align-items:center;gap:12px;padding:14px 16px 14px 20px;display:flex;position:relative}.cat-order-badge{border-radius:var(--r-sm);background:var(--bg-overlay);width:18px;height:18px;color:var(--text-muted);justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:7px;left:7px}.cat-card-emoji{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.cat-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cat-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.cat-card-type{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.cat-card-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cat-card-actions{opacity:0;background:var(--bg-surface);border-radius:var(--r-sm);transition:opacity var(--t-fast);gap:4px;padding:2px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.cat-card:hover .cat-card-actions{opacity:1}.emoji-preview-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;width:52px;height:42px;transition:all var(--t-fast);justify-content:center;align-items:center;font-size:22px;display:flex}.emoji-preview-btn:hover{border-color:var(--accent)}.color-grid{flex-wrap:wrap;gap:8px;display:flex}.color-btn{cursor:pointer;width:26px;height:26px;transition:all var(--t-fast);border:none;border-radius:50%}.color-btn:hover{transform:scale(1.2)}.cat-group-card{padding:0;overflow:hidden}.cat-group-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.cat-group-children{flex-direction:column;display:flex}.cat-group-child{border-bottom:1px solid var(--border);transition:background var(--t-fast);align-items:center;gap:10px;padding:9px 16px 9px 24px;display:flex}.cat-group-child:last-child{border-bottom:none}.cat-group-child:hover{background:var(--bg-elevated)}.tx-summary-cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.tx-summary-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--t-fast);align-items:center;gap:14px;padding:16px 20px;display:flex}.tx-summary-card:hover{border-color:var(--border-hover)}.type-toggle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);gap:2px;padding:3px;display:flex}.type-btn{border-radius:calc(var(--r-md) - 2px);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;background:0 0;border:none;padding:6px 14px;font-size:13px;font-weight:500}.type-btn:hover{color:var(--text-primary);background:var(--bg-overlay)}.type-btn.active{background:var(--accent);color:#fff}.filter-badge{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-left:2px;display:inline-block}.tx-filters{grid-template-columns:repeat(4,1fr);align-items:end;gap:14px;display:grid}.txn-list{flex-direction:column;display:flex}.txn-date-header{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--border);padding:14px 12px 6px;font-size:12px;font-weight:600}.txn-row{transition:background var(--t-fast);border-bottom:1px solid #252d3d66;align-items:center;gap:14px;padding:12px;display:flex}.txn-row:last-child{border-bottom:none}.txn-row:hover{background:var(--bg-elevated)}.txn-icon{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.txn-info{flex:1;min-width:0}.txn-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.txn-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.txn-amount{font-size:15px;font-weight:700;font-family:var(--font-display);text-align:right;flex-shrink:0;min-width:100px}.txn-amount.income{color:var(--income)}.txn-amount.expense{color:var(--expense)}.btn-ghost.active{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}@media (width<=768px){.tx-summary-cards,.tx-filters{grid-template-columns:1fr 1fr}}@media (width<=480px){.tx-summary-cards,.tx-filters{grid-template-columns:1fr}}.backup-page{max-width:860px}.backup-notice{border-radius:var(--r-md);color:var(--text-secondary);background:#3b82f614;border:1px solid #3b82f633;align-items:flex-start;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.backup-notice svg{color:#3b82f6;flex-shrink:0;margin-top:1px}.backup-notice code{background:var(--bg-elevated);font-family:var(--font-mono);border-radius:4px;padding:1px 5px;font-size:12px}.backup-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.backup-card{flex-direction:column;gap:14px;display:flex}.backup-card-icon{border-radius:var(--r-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.export-icon{color:#10b981;background:#10b9811f}.restore-icon{color:#8b5cf6;background:#8b5cf61f}.backup-card-title{color:var(--text-primary);font-size:16px;font-weight:700}.backup-card-desc{color:var(--text-muted);font-size:13px;line-height:1.6}.backup-includes{font-size:12px}.backup-includes-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:600;display:block}.backup-includes ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.backup-includes li{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.backup-includes li svg{color:#10b981;flex-shrink:0}.backup-excluded{color:var(--text-muted);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.backup-excluded svg{color:#f59e0b}.backup-dropzone{border:2px dashed var(--border);border-radius:var(--r-md);background:var(--bg-elevated);cursor:pointer;width:100%;color:var(--text-muted);transition:border-color var(--t-fast), background var(--t-fast);flex-direction:column;align-items:center;gap:8px;padding:28px 16px;display:flex}.backup-dropzone:hover{border-color:var(--accent);background:var(--bg-hover)}.backup-dropzone svg{color:var(--text-muted)}.backup-dropzone-label{color:var(--text-secondary);font-size:14px;font-weight:500}.backup-dropzone-hint{font-size:12px}.backup-preview{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elevated);overflow:hidden}.backup-preview-header{background:var(--bg-card);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.backup-preview-header svg{color:var(--accent);flex-shrink:0}.backup-preview-filename{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.backup-preview-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.backup-preview-clear:hover{color:var(--text-primary)}.backup-preview-meta{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.backup-meta-row{justify-content:space-between;font-size:12px;display:flex}.backup-meta-row span{color:var(--text-muted)}.backup-meta-row strong{color:var(--text-primary)}.backup-counts{flex-direction:column;gap:4px;padding:10px 12px;display:flex}.backup-count-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.backup-count-badge{background:var(--bg-hover);color:var(--text-primary);font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:10px;padding:1px 8px}.backup-preview-note{color:var(--text-muted);border-top:1px solid var(--border);background:var(--bg-card);align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.backup-result{padding:20px}.backup-result-header{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:14px;font-size:15px;font-weight:600;display:flex}.backup-result-icon{color:#10b981}@media (width<=640px){.backup-grid{grid-template-columns:1fr}}.charity-page{max-width:900px}.charity-tabs{border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:4px;margin-bottom:24px;padding-bottom:0;display:flex;overflow-x:auto}.charity-tabs::-webkit-scrollbar{display:none}.charity-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:10px 18px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.charity-tab:hover{color:var(--text-primary)}.charity-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.charity-stat-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.charity-stat-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);align-items:center;gap:14px;padding:18px 20px;display:flex}.charity-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.charity-stat-in .charity-stat-icon{color:#10b981;background:#10b98122}.charity-stat-out .charity-stat-icon{color:#f43f5e;background:#f43f5e22}.charity-stat-balance-pos .charity-stat-icon{color:#8b5cf6;background:#8b5cf622}.charity-stat-balance-neg .charity-stat-icon{color:#f43f5e;background:#f43f5e22}.charity-stat-info{flex-direction:column;gap:2px;display:flex}.charity-stat-label{color:var(--text-muted);font-size:12px;font-weight:500}.charity-stat-amount{color:var(--text-primary);font-size:18px;font-weight:700;font-family:var(--font-mono)}.charity-section-title{color:var(--text-primary);margin-bottom:14px;font-size:15px;font-weight:600}.charity-breakdown-list{flex-direction:column;gap:12px;display:flex}.charity-breakdown-item{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);padding:14px 16px}.charity-breakdown-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.charity-breakdown-name{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.charity-breakdown-emoji{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.charity-breakdown-balance{font-family:var(--font-mono);font-size:15px;font-weight:700}.charity-breakdown-balance.pos{color:#10b981}.charity-breakdown-balance.neg{color:#f43f5e}.charity-breakdown-meta{gap:16px;margin-bottom:8px;font-size:12px;display:flex}.charity-meta-in{color:#10b981}.charity-meta-out{color:#f43f5e}.charity-progress-bar{background:var(--bg-hover);border-radius:2px;height:4px;overflow:hidden}.charity-progress-fill{border-radius:2px;height:100%;transition:width .4s}.charity-list-tab{flex-direction:column;gap:16px;display:flex}.charity-list-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.charity-search-wrap{flex:1;min-width:180px;position:relative}.charity-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.charity-search-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text-primary);padding:8px 10px 8px 32px;font-size:13px}.charity-search-input:focus{border-color:var(--accent);outline:none}.charity-filter-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);cursor:pointer;padding:8px 10px;font-size:13px}.charity-pending-section{border-radius:var(--radius);background:#f59e0b0f;border:1px solid #f59e0b4d;margin-bottom:24px;padding:16px}.charity-pending-header{margin-bottom:12px}.charity-pending-list{flex-direction:column;gap:8px;display:flex}.charity-pending-item{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.charity-items{flex-direction:column;gap:8px;display:flex}.charity-item{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:center;padding:12px 14px;transition:border-color .15s;display:flex}.charity-item:hover{border-color:var(--accent-muted,var(--accent))}.charity-item-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.charity-item-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.charity-item-emoji{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.charity-item-info{flex-direction:column;gap:3px;min-width:0;display:flex}.charity-item-title{color:var(--text-primary);font-size:14px;font-weight:500}.charity-item-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.charity-item-cat,.charity-item-pm,.charity-item-date{color:var(--text-muted);font-size:12px}.charity-item-amount{font-family:var(--font-mono);font-size:15px;font-weight:700}.charity-amount-in{color:#10b981}.charity-amount-out{color:#f43f5e}.charity-item-actions{gap:4px;display:flex}.charity-cats-tab{flex-direction:column;gap:16px;display:flex}.charity-cats-toolbar{justify-content:space-between;align-items:center;display:flex}.charity-cats-count{color:var(--text-muted);font-size:13px}.charity-cat-groups{flex-direction:column;gap:8px;display:flex}.charity-cat-group{border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.charity-cat-item{background:var(--bg-card);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.charity-cat-item+.charity-cat-item{border-top:1px solid var(--border)}.charity-cat-child{background:var(--bg-hover);padding-left:28px}.charity-cat-branch{color:var(--text-muted);margin-right:6px}.charity-cat-item-left{align-items:center;gap:10px;display:flex}.charity-cat-badge{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.charity-cat-badge.sm{width:26px;height:26px;font-size:14px}.charity-cat-name{color:var(--text-primary);font-size:14px;font-weight:500}.charity-cat-sort{color:var(--text-muted);margin-left:6px;font-size:11px}.charity-cat-actions{gap:4px;display:flex}@media (width<=640px){.charity-stat-cards{grid-template-columns:1fr}.charity-list-toolbar{flex-direction:column;align-items:stretch}.charity-filter-select{width:100%}}.icon-btn{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn.danger:hover{color:#f43f5e;background:#f43f5e1f}.reports-page{max-width:1100px}.reports-body{flex-direction:column;gap:20px;display:flex}.reports-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.reports-stat-box{padding:18px 20px}.reports-chart-card{padding:20px}.reports-chart-title{color:var(--text-primary);margin-bottom:16px;font-size:14px;font-weight:700}.reports-two-col{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.reports-pie-row{align-items:center;gap:16px;display:flex}.reports-legend{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.reports-legend-item{align-items:center;gap:6px;font-size:12px;display:flex}.reports-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.reports-legend-emoji{flex-shrink:0;font-size:13px}.reports-legend-label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.reports-legend-pct{color:var(--text-muted);flex-shrink:0;font-size:11px}.reports-legend-amt{color:var(--text-primary);font-weight:600;font-family:var(--font-mono);flex-shrink:0;font-size:11px}@media (width<=900px){.reports-stats{grid-template-columns:1fr 1fr}.reports-two-col{grid-template-columns:1fr}.reports-pie-row{flex-direction:column}}@media (width<=540px){.reports-stats{grid-template-columns:1fr}}:root{--bg-base:#0a0d12;--bg-surface:#111520;--bg-elevated:#171d2b;--bg-overlay:#1e2638;--border:#252d3d;--border-hover:#2f3a52;--accent:#10b981;--accent-dim:#0d9669;--accent-glow:#10b98126;--accent-subtle:#10b98114;--income:#10b981;--income-subtle:#10b9811a;--expense:#f43f5e;--expense-subtle:#f43f5e1a;--warning:#f59e0b;--warning-subtle:#f59e0b1a;--info:#3b82f6;--info-subtle:#3b82f61a;--text-primary:#f1f5f9;--text-secondary:#8b96aa;--text-muted:#4a5568;--text-accent:#10b981;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-w:240px;--header-h:60px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-accent:0 0 24px #10b98133;--t-fast:.15s ease;--t-base:.25s ease;--t-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);background-image:radial-gradient(80% 50% at 50% -20%,#10b9810f 0%,#0000 60%);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}ul{list-style:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-full)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}.app-layout{min-height:100vh;display:flex}.app-main{min-width:0;margin-left:var(--sidebar-w);min-height:100vh;transition:margin-left var(--t-base);flex-direction:column;flex:1;display:flex}.page-content{flex:1;min-width:0;padding:28px 32px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--t-fast);padding:20px}.card:hover{border-color:var(--border-hover)}.card-elevated{background:var(--bg-elevated)}.btn{border-radius:var(--r-md);font-size:14px;font-weight:500;font-family:var(--font-body);transition:all var(--t-fast);white-space:nowrap;cursor:pointer;border:none;align-items:center;gap:8px;padding:9px 18px;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dim);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-hover)}.btn-danger{background:var(--expense-subtle);color:var(--expense);border:1px solid #f43f5e33}.btn-danger:hover{background:var(--expense);color:#fff}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:12px 24px;font-size:15px}.btn-icon{border-radius:var(--r-md);padding:8px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.02em;font-size:13px;font-weight:500}.form-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-primary);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;width:100%;padding:10px 14px;font-size:14px}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:var(--expense)}.form-error{color:var(--expense);font-size:12px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b96aa' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.badge{border-radius:var(--r-full);align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-income{background:var(--income-subtle);color:var(--income)}.badge-expense{background:var(--expense-subtle);color:var(--expense)}.badge-warning{background:var(--warning-subtle);color:var(--warning)}.badge-info{background:var(--info-subtle);color:var(--info)}.badge-neutral{background:var(--bg-overlay);color:var(--text-secondary)}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);padding:10px 16px;font-size:11px;font-weight:600}td{color:var(--text-secondary);border-bottom:1px solid #252d3d80;padding:13px 16px;font-size:14px}tr:hover td{background:var(--bg-elevated)}tr:last-child td{border-bottom:none}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:fadeIn var(--t-fast);background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:480px;max-height:90vh;animation:slideUp var(--t-base);box-shadow:var(--shadow-lg);padding:28px;overflow-y:auto}.modal-lg{max-width:640px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{font-family:var(--font-display);font-size:18px;font-weight:700}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:26px;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:14px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.empty-state-icon{background:var(--bg-overlay);border-radius:var(--r-xl);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;font-size:24px;display:flex}.empty-state-title{font-size:16px;font-weight:600}.empty-state-text{color:var(--text-secondary);max-width:280px;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--t-base) both}.animate-slide-up{animation:slideUp var(--t-base) both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-overlay) 50%, var(--bg-elevated) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.5s infinite shimmer}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.toast-container{z-index:100;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-md);pointer-events:all;animation:slideUp var(--t-fast) both;align-items:center;gap:10px;min-width:260px;max-width:360px;padding:12px 16px;font-size:14px;display:flex}.toast-success{border-left:3px solid var(--income)}.toast-error{border-left:3px solid var(--expense)}.toast-warning{border-left:3px solid var(--warning)}.divider{background:var(--border);height:1px;margin:16px 0}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-income{color:var(--income)}.text-expense{color:var(--expense)}.font-bold{font-weight:700}.font-medium{font-weight:500}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.form-row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-row-2-1{grid-template-columns:2fr 1fr;gap:14px;display:grid}.scroll-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto;flex-wrap:nowrap!important}.scroll-tabs::-webkit-scrollbar{display:none}.scroll-tabs>*{flex-shrink:0}@media (width<=768px){:root{--sidebar-w:0px}.app-main{margin-left:0}.page-content{padding:20px 16px}.page-title{font-size:22px}.modal{padding:20px}}@media (width<=480px){.page-header{flex-direction:column;align-items:flex-start}.form-row-2,.form-row-2-1{grid-template-columns:1fr}}.font-display{font-family:var(--font-display)}[style*="font-family:'var(--font-display)'"],.activity-amount,.stat-amount{font-family:var(--font-mono)!important}