.is-hidden{display:none!important}.transaction-table-wrapper.virtual-scroll-enabled{max-height:600px;overflow-y:auto;position:relative}.transaction-table-wrapper.virtual-scroll-enabled .transaction-table{width:100%;table-layout:fixed}.transaction-table-wrapper.virtual-scroll-enabled .transaction-table thead{position:sticky;top:0;z-index:10;background:#f8fafc}.transaction-table-wrapper.virtual-scroll-enabled .transaction-table thead th{background:inherit}.virtual-scroll-indicator{font-size:11px;color:#64748b;font-style:italic}.virtual-scroll-spacer{pointer-events:none}.virtual-scroll-spacer td{padding:0!important;border:none!important}.page-context-content{display:flex;align-items:center;justify-content:space-between;width:100%;color:#173a58}.page-context-left{display:flex;align-items:center;gap:8px}.page-context-title{font-size:13px;font-weight:600;color:#1e293b}.page-context-subtitle{font-size:11px;color:#64748b}.page-context-stats{display:flex;gap:20px}.page-context-stat{display:flex;align-items:center;gap:6px}.page-context-stat-value{font-size:13px;font-weight:700;color:#1e293b}.page-context-stat-label{font-size:10px;color:#64748b;font-weight:600}.step-content{display:none}.step-content.active{display:block}.activity-sidebar{width:240px;background:#fff;border-right:1px solid #e2e8f0;padding:1rem 0;position:fixed;left:0;top:100px;height:calc(100vh - 100px);overflow-y:auto;z-index:150}.activity-layout{margin-left:240px!important}.sidebar-section{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;color:#64748b;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;position:relative;border-radius:.75rem;margin:.25rem .5rem;background:#fff;border:1px solid #e2e8f0;min-height:80px}.sidebar-section:hover{background:#fff;color:#475569;border-color:#cbd5e1;box-shadow:0 2px 6px #0000000d}.sidebar-section.active{background:#fff;color:#173a58;border-left-color:#173a58;border-color:#173a58;font-weight:600;box-shadow:0 3px 8px #173a5826}.section-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;background:#f8fafc;border-radius:.625rem;border:1px solid #e2e8f0}.section-icon svg{color:#64748b}.sidebar-section.active .section-icon{background:#173a58;border-color:#173a58}.sidebar-section.active .section-icon svg{color:#fff}.section-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.section-title{font-size:.875rem;font-weight:600;color:#173a58;line-height:1.2}.section-subtitle{font-size:.75rem;color:#94a3b8;line-height:1.2;font-weight:500}.sidebar-section.active .section-title{color:#173a58;font-weight:700}.sidebar-section.active .section-subtitle{color:#64748b;font-weight:500}.ai-section-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.content-sections{display:flex;flex-direction:column;gap:16px}.toggle-section{background:#fff;border-radius:12px;border:1px solid #dee2e6;overflow:hidden;box-shadow:0 2px 8px #00000014}.toggle-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;border-bottom:2px solid transparent}.toggle-header:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-bottom-color:#173a58}.toggle-header-content{flex:1}.toggle-title{font-size:16px;font-weight:700;color:#173a58;margin-bottom:4px}.toggle-subtitle{font-size:12px;color:#6c757d;font-weight:500}.toggle-icon{font-size:18px;color:#173a58;transition:transform .3s ease}.toggle-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 20px}.toggle-content.expanded{max-height:none;padding:20px;overflow:visible}.insights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.insight-card{background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:16px;transition:all .2s ease}.insight-card:hover{border-color:#173a58;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.insight-card.clickable{cursor:pointer}.insight-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.insight-emoji{font-size:20px}.insight-title{font-size:11px;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;flex:1}.insight-indicator{font-size:14px;opacity:.6}.insight-value{font-size:24px;font-weight:800;color:#173a58;margin-bottom:4px;line-height:1.2}.insight-subtitle{font-size:12px;color:#6c757d;font-weight:500}.insight-detail{background:#f8f9fa;border-radius:10px;padding:20px;margin-bottom:24px;border:2px solid #173A58}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.detail-header h4{font-size:16px;font-weight:700;color:#173a58;margin:0}.close-detail{background:#173a58;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.close-detail:hover{background:#0f2a3f;transform:scale(1.05)}.detail-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.detail-table thead{background:#173a58;color:#fff}.detail-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.detail-table td{padding:12px 16px;border-bottom:1px solid #e9ecef;font-size:13px;color:#495057}.detail-table tbody tr:last-child td{border-bottom:none}.detail-table tbody tr:hover{background:#f8f9fa}.bar-charts-section{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #e9ecef;padding-top:24px;margin-top:8px}.bar-chart-container{background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:20px}.bar-chart-container h4{font-size:14px;font-weight:700;color:#173a58;margin:0 0 16px}.bar-chart{display:flex;flex-direction:column;gap:12px}.bar-item{display:flex;flex-direction:column;gap:4px}.bar-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#495057}.bar-label-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.bar-amount{font-weight:700;color:#ef4444}.bar-background{width:100%;height:20px;background:#f0f0f0;border-radius:10px;overflow:hidden;position:relative}.bar-fill{height:100%;background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:10px;transition:width .6s ease;position:relative}.comparison-chart{display:flex;flex-direction:column;gap:20px}.comparison-item{display:flex;flex-direction:column;gap:8px}.comparison-label{font-size:13px;font-weight:700;color:#495057;display:flex;justify-content:space-between;align-items:center}.comparison-bar{width:100%;height:32px;background:#f0f0f0;border-radius:10px;overflow:hidden;position:relative}.comparison-fill{height:100%;border-radius:10px;transition:width .6s ease;display:flex;align-items:center;padding-left:12px;color:#fff;font-size:13px;font-weight:700}.comparison-fill.income{background:linear-gradient(90deg,#2ca167,#059669)}.comparison-fill.expense{background:linear-gradient(90deg,#ef4444,#dc2626)}.category-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.breakdown-column{background:#fff;border-radius:10px;border:1px solid #dee2e6;overflow:hidden}.breakdown-header{padding:12px 16px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.breakdown-header.income-header{background:linear-gradient(135deg,#2ca167,#059669)}.breakdown-header.expense-header{background:linear-gradient(135deg,#ef4444,#dc2626)}.breakdown-icon{font-size:14px}.breakdown-title{flex:1}.breakdown-total{font-size:13px;font-weight:800;background:#fff3;padding:2px 8px;border-radius:4px}.sort-amount-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:4px 10px;cursor:pointer;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:60px;white-space:nowrap}.sort-amount-btn:hover{background:#ffffff4d;transform:scale(1.05)}.sort-amount-btn .sort-arrow{display:inline-block;transition:transform .2s}.breakdown-list{max-height:350px;overflow-y:auto}.breakdown-item{padding:10px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;transition:background .15s ease;cursor:pointer}.breakdown-item:last-child{border-bottom:none}.breakdown-item:hover{background:#f8f9fa}.breakdown-name{font-size:13px;font-weight:600;color:#495057;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.breakdown-amount{font-size:13px;font-weight:700;white-space:nowrap}.breakdown-amount.income{color:#2ca167}.breakdown-amount.expense{color:#ef4444}.breakdown-count{font-size:11px;color:#6c757d;margin-left:6px;font-weight:500}.trend-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trend-chart-container{background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:20px}.trend-chart-container h4{font-size:14px;font-weight:700;color:#173a58;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e9ecef}.trend-chart-container canvas{max-height:250px;cursor:pointer}.all-categories-section{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px}.all-categories-section h4{font-size:16px;font-weight:700;color:#173a58;margin:0 0 16px}.categories-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.categories-table thead{background:#173a58;color:#fff}.categories-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.categories-table td{padding:12px 16px;border-bottom:1px solid #e9ecef;font-size:13px;color:#495057}.categories-table tbody tr:last-child td{border-bottom:none}.categories-table tbody tr:hover{background:#f8f9fa}.quick-actions{display:flex;gap:12px;justify-content:center}.action-btn{background:#173a58;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a}.action-btn:hover{background:#0f2a3f;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.comparison-header h4{margin:0}.month-selectors{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.period-selector{display:flex;gap:3px;align-items:center}.month-select{padding:4px 6px;border:1px solid #ced4da;border-radius:4px;font-size:12px;font-weight:600;color:#495057;background:#fff;cursor:pointer;outline:none;transition:all .2s ease;min-width:88px;max-width:100px}.year-select{padding:4px 6px;border:1px solid #ced4da;border-radius:4px;font-size:12px;font-weight:600;color:#495057;background:#fff;cursor:pointer;outline:none;transition:all .2s ease;min-width:62px;max-width:72px}.month-select:hover,.year-select:hover{border-color:#173a58}.month-select:focus,.year-select:focus{border-color:#173a58;box-shadow:0 0 0 3px #173a581a}.vs-text{font-size:11px;font-weight:700;color:#6c757d;text-transform:uppercase;padding:0 2px}.comparison-change{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-top:8px}.comparison-change.positive{color:#2ca167}.comparison-change.negative{color:#ef4444}.comparison-arrow{font-size:16px}.breakdown-search{padding:12px;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:8px}.category-search-input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:13px;outline:none;transition:all .2s ease}.category-search-input:focus{border-color:#173a58;box-shadow:0 0 0 3px #173a581a}.search-count{font-size:11px;color:#6c757d;font-weight:600;white-space:nowrap}.breakdown-item.hidden{display:none}.clickable-category{cursor:pointer;transition:color .2s ease}.clickable-category:hover{color:#2563eb;text-decoration:underline}.breakdown-item .breakdown-name.clickable-category:hover{color:#2563eb}.table-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.table-header-section h4{margin:0}.table-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.table-search-input{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:13px;outline:none;min-width:250px;transition:all .2s ease}.table-search-input:focus{border-color:#173a58;box-shadow:0 0 0 3px #173a581a}.table-count{font-size:12px;color:#6c757d;font-weight:600}.filter-chips{display:flex;gap:6px}.filter-chip{padding:6px 12px;border:1px solid #ced4da;background:#fff;border-radius:6px;font-size:12px;font-weight:600;color:#495057;cursor:pointer;transition:all .2s ease}.filter-chip:hover{border-color:#173a58;background:#f8f9fa}.filter-chip.active{background:#173a58;color:#fff;border-color:#173a58}.categories-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:24px}.categories-table th.sortable:hover{background:#0f2a3f}.sort-arrow{position:absolute;right:8px;opacity:.5;font-size:10px}.categories-table th.sortable.sorted .sort-arrow{opacity:1}.categories-table tbody tr.hidden{display:none}.categories-table td.clickable{cursor:pointer;position:relative;transition:all .2s ease}.categories-table td.clickable:hover{background:#e3f2fd;color:#173a58;font-weight:600}.categories-table td.clickable:after{content:"🔍";position:absolute;right:8px;opacity:0;font-size:12px;transition:opacity .2s ease}.categories-table td.clickable:hover:after{opacity:.7}.categories-table td.clickable[data-tooltip]{position:relative}.categories-table td.clickable[data-tooltip]:hover:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 10px;background:#173a58;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;border-radius:4px;margin-bottom:4px;z-index:1000;box-shadow:0 2px 8px #0003}.categories-table td.clickable[data-tooltip]:hover:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#173a58;margin-bottom:-4px}#clear-filters.has-filters{background:#173a58;color:#fff;border-color:#173a58;font-weight:700}#clear-filters.has-filters:hover{background:#0f2a3f}.info-hint{font-size:12px;color:#94a3b8;cursor:help;margin-left:4px;vertical-align:middle;transition:color .2s ease}.info-hint:hover{color:#64748b}.hero-header .info-hint{font-weight:400}.back-to-overview{margin-bottom:16px;animation:slideIn .3s ease}.back-to-overview button{background:#173a58;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a;display:flex;align-items:center;gap:8px}.back-to-overview button:hover{background:#0f2a3f;transform:translate(-4px);box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sidebar-back-button{margin-top:16px;padding:0 12px;animation:slideIn .3s ease}.sidebar-back-button button{width:100%;background:linear-gradient(135deg,#173a58,#0f2a3f);color:#fff;border:none;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #173a584d;display:flex;align-items:center;justify-content:center;gap:8px}.sidebar-back-button button:hover{background:linear-gradient(135deg,#0f2a3f,#091825);transform:translateY(-2px);box-shadow:0 4px 12px #173a5866}.sidebar-back-button button svg{flex-shrink:0}@media (max-width: 1400px){.insights-grid{grid-template-columns:repeat(2,1fr)}.bar-charts-section{grid-template-columns:1fr}}@media (max-width: 1024px){.insights-grid,.bar-charts-section,.category-breakdown,.trend-charts{grid-template-columns:1fr}.table-controls{flex-direction:column;align-items:stretch}.table-search-input{width:100%}}@media (max-width: 768px){.toggle-title{font-size:14px}.toggle-subtitle{font-size:11px}.insight-value{font-size:20px}.table-header-section{flex-direction:column;align-items:stretch}}.searchable-dropdown{position:relative;display:inline-block;min-width:140px}.searchable-dropdown-input{width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.8125rem;background:#fff;cursor:pointer;transition:all .2s;box-sizing:border-box}.searchable-dropdown-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.searchable-dropdown-input::placeholder{color:#64748b}.searchable-dropdown:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #64748b;pointer-events:none;transition:transform .2s}.searchable-dropdown.open:after{transform:translateY(-50%) rotate(180deg)}.searchable-dropdown-options{position:absolute;top:100%;left:0;right:0;max-height:250px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 12px #0000001a;z-index:1000;display:none}.searchable-dropdown.open .searchable-dropdown-options{display:block}.searchable-dropdown-option{padding:.5rem .75rem;cursor:pointer;font-size:.8125rem;transition:background .15s;border-bottom:1px solid #f1f5f9}.searchable-dropdown-option:last-child{border-bottom:none}.searchable-dropdown-option:hover,.searchable-dropdown-option.highlighted{background:#f1f5f9}.searchable-dropdown-option.selected{background:#eff6ff;color:#2563eb;font-weight:500}.searchable-dropdown-option.no-results{color:#94a3b8;font-style:italic;cursor:default}.searchable-dropdown-option.no-results:hover{background:#fff}.searchable-dropdown-option mark{background:#fef08a;color:inherit;padding:0;border-radius:2px}.searchable-dropdown select.filter-select{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.empty-state-clear{margin-top:12px;padding:8px 20px;background:#173a58;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease}.empty-state-clear:hover{background:#0f2a3f}