.page-context-content{display:flex;align-items:center;justify-content:space-between;width:100%}.page-context-left{display:flex;align-items:center;gap:8px}.page-context-title{font-size:13px;font-weight:500;color:#1e293b;line-height:1.2}.page-context-subtitle{font-size:11px;color:#64748b;line-height:1.2}.page-context-stats{display:flex;gap:20px}.page-context-stat{display:flex;align-items:center}.ap-ctx-stat-wrap{text-align:right}.ap-ctx-stat-value{font-size:15px;font-weight:700;color:#1e293b;line-height:1.2}.ap-ctx-stat-label{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.ap-page-wrapper{padding-top:144px;min-height:100vh;background:#f8fafc}.ap-time-filter-bar{position:fixed;top:100px;left:0;right:0;width:100%;z-index:200;background:#243d54;border-bottom:.5px solid #e2e8f0;padding:8px 20px;display:flex;align-items:center;gap:4px}.ap-time-chips{display:flex;gap:4px;flex-wrap:wrap}.ap-chip{font-size:11px;padding:4px 10px;border-radius:20px;border:.5px solid #e2e8f0;color:#64748b;cursor:pointer;background:#f8fafc;transition:background .12s ease,color .12s ease,border-color .12s ease;white-space:nowrap}.ap-chip:hover{background:#f1f5f9;color:#334155}.ap-chip.active{background:#7dd3fc26;color:#0284c7;border-color:#7dd3fc4d;font-weight:500}.ap-filter-meta{margin-left:auto;font-size:11px;color:#64748b;white-space:nowrap}.ap-hero-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 20px;background:#f8fafc;border-bottom:.5px solid #e2e8f0}@media (max-width: 900px){.ap-hero-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.ap-hero-row{grid-template-columns:1fr}}.ap-stat-card{background:#fff;border:.5px solid #e2e8f0;border-radius:6px;padding:10px 12px 10px 20px;position:relative;overflow:hidden}.ap-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.ap-stat-card:nth-child(1):before{background:#2563eb}.ap-stat-card:nth-child(2):before{background:#10b981}.ap-stat-card:nth-child(3):before{background:#f59e0b}.ap-stat-card:nth-child(4):before{background:#ef4444}.ap-stat-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.ap-stat-value{font-size:24px;font-weight:700;color:#0f172a;line-height:1.1}.ap-stat-value-sm{font-size:14px;margin-top:2px}.ap-stat-value.pos{color:#22c55e}.ap-stat-value.neg{color:#ef4444}.ap-stat-sub{font-size:12px;color:#64748b;margin-top:3px}.ap-stat-badge{display:inline-block;font-size:13px;font-weight:700;padding:4px 12px;border-radius:12px;margin-top:6px;background:#dcfce7;color:#166534}.ap-tab-bar{background:#fff;border-bottom:.5px solid #e2e8f0;padding:0 20px;display:flex}.ap-tab{font-size:12px;padding:10px 16px;color:#64748b;cursor:pointer;border:none;border-bottom:2px solid transparent;background:transparent;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:color .12s ease,border-color .12s ease}.ap-tab:hover{color:#334155}.ap-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:500}.ap-tab-dot{width:5px;height:5px;border-radius:50%;background:#cbd5e1;flex-shrink:0}.ap-tab.active .ap-tab-dot{background:#3b82f6}.ap-tab-panel{display:none}.ap-tab-panel.active{display:block}.ap-tab-content{padding:16px 20px}.ap-ai-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 20px;background:#f8fafc;border-bottom:.5px solid #e2e8f0}@media (max-width: 900px){.ap-ai-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.ap-ai-strip{grid-template-columns:1fr}}.ap-ai-card{background:#0f172a;border:none;border-radius:8px;padding:12px 14px}.ap-ai-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#7dd3fc;margin-bottom:5px}.ap-ai-label:first-letter{color:#fbbf24}.ap-ai-text{font-size:13px;color:#cbd5e1;line-height:1.55}.ap-ai-text strong,.ap-ai-text b{color:#f1f5f9;font-weight:600}.ap-ai-text .highlight{color:#d97706;font-weight:600}.ap-overview-columns{display:grid;grid-template-columns:45% 1fr;gap:14px;margin-bottom:14px;align-items:stretch}.ap-overview-left{min-width:0;display:flex;flex-direction:column;gap:10px}.ap-overview-right{min-width:0;align-self:stretch;display:flex;flex-direction:column}.ap-year-widget{flex:1;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;min-height:0;overflow:hidden}.ap-year-header{display:flex;align-items:flex-start;justify-content:space-between}.ap-year-header-left{display:flex;flex-direction:column;gap:1px}.ap-year-title{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.ap-year-ytd{font-size:24px;font-weight:600;color:#111827;line-height:1.2}.ap-year-subline{font-size:12px;color:#9ca3af}.ap-year-badge{font-size:11px;color:#9ca3af;padding-top:1px}.ap-year-legend{display:flex;gap:14px}.ap-year-leg-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#6b7280}.ap-year-leg-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.ap-year-leg-2026{background:#ef4444}.ap-year-leg-2025{background:#bfdbfe}.ap-year-chart-wrap{flex-shrink:0;position:relative;height:90px;width:100%}#ap-year-chart{width:100%!important;height:100%!important}.ap-year-divider{height:1px;background:#f3f4f6;flex-shrink:0}.ap-year-matrix{flex-shrink:0;overflow-x:auto}.ap-year-matrix table{width:100%;border-collapse:collapse;font-size:13px}.ap-year-matrix th{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:0 8px 6px 0;text-align:right;border-bottom:1px solid #f3f4f6}.ap-year-matrix th:first-child{text-align:left;padding-left:0;min-width:52px}.ap-year-matrix td{padding:6px 8px 6px 0;text-align:right;font-variant-numeric:tabular-nums;border-bottom:.5px solid #f9fafb;vertical-align:middle}.ap-year-matrix td:first-child{text-align:left;padding-left:0}.ap-year-matrix tr:last-child td{border-bottom:none}.ap-year-yr-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#111827}.ap-year-yr-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.ap-year-val-25{color:#9ca3af}.ap-year-val-26{color:#111827;font-weight:600}.ap-year-val-cur{color:#dc2626}.ap-year-pct-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.ap-year-trend-up{color:#dc2626;font-size:12px;font-weight:500}.ap-year-trend-dn{color:#16a34a;font-size:12px;font-weight:500}.ap-year-trend-neutral{color:#9ca3af;font-size:12px}.ap-income-expense-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.ap-chart-card{background:#fff;border:.5px solid #e2e8f0;border-radius:6px;padding:10px 12px}.ap-chart-title{font-size:11px;font-weight:500;color:#1e293b;margin-bottom:6px}.ap-chart-body{position:relative}#ap-chart-bar{height:280px}.ap-chart-empty{display:none;font-size:11px;color:#94a3b8;text-align:center;padding:20px 0}.ap-cat-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}@media (max-width: 700px){.ap-cat-split{grid-template-columns:1fr}}.ap-cat-panel{background:#fff;border:.5px solid #e2e8f0;border-radius:6px;padding:10px 12px}.ap-cat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ap-cat-title{font-size:13px;font-weight:700}.ap-cat-income{color:#22c55e}.ap-cat-expense{color:#ef4444}.ap-cat-total{font-size:11px;color:#475569}.ap-cat-search{display:block;width:100%;box-sizing:border-box;font-size:11px;padding:5px 8px;border:.5px solid #e2e8f0;border-radius:4px;background:#f8fafc;color:#1e293b;margin-bottom:6px}.ap-cat-search:focus{outline:1px solid #93c5fd;outline-offset:0}.ap-cat-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;border-bottom:.5px solid #f1f5f9}.ap-cat-row:last-child{border-bottom:none}.ap-cat-row-name{color:#334155;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.ap-cat-row-amount{color:#1e293b;font-weight:600;font-size:12px;flex-shrink:0}.ap-cat-expand{display:none;background:none;border:none;font-size:11px;color:#3b82f6;cursor:pointer;padding:4px 0;margin-top:2px}.ap-cat-expand:hover{text-decoration:underline}.ap-cat-empty{font-size:11px;color:#94a3b8;text-align:center;padding:8px 0}.ap-filter-bar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.ap-filter-input{flex:1;min-width:160px;font-size:12px;padding:7px 10px;border:.5px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#1e293b}.ap-filter-input:disabled{cursor:not-allowed;opacity:.6}.ap-filter-select{font-size:11px;padding:6px 8px;border:.5px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#64748b}.ap-filter-select:disabled{cursor:not-allowed;opacity:.6}.ap-tx-placeholder{font-size:11px;color:#94a3b8;text-align:center;padding:40px 0}.ap-summary-panel{display:flex;flex-direction:column;gap:8px}.ap-summary-cards{display:flex;flex-direction:row;gap:8px;flex:1}.ap-summary-cards-fullwidth{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}@media (max-width: 600px){.ap-summary-cards-fullwidth{grid-template-columns:1fr}}.ap-chart-fullwidth{margin-bottom:14px;display:block;width:100%;box-sizing:border-box}.ap-summary-card{background:#fff;border:.5px solid #e2e8f0;border-radius:6px;padding:10px 12px;flex:1;min-width:0}.ap-summary-income.ap-summary-card{background:#f0fdf4;border-color:#bbf7d0}.ap-summary-expense.ap-summary-card{background:#fff5f5;border-color:#fecaca}.ap-summary-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:4px}.ap-summary-income .ap-summary-amount{font-size:26px;font-weight:700;color:#16a34a;line-height:1.1}.ap-summary-expense .ap-summary-amount{font-size:26px;font-weight:700;color:#ef4444;line-height:1.1}.ap-summary-meta{font-size:12px;color:#64748b;margin-top:3px}.ap-summary-divider{border-top:.5px solid #e2e8f0;margin:8px 0 6px}.ap-summary-top-label{font-size:11px;color:#94a3b8;margin-bottom:5px}.ap-summary-top-list{display:flex;flex-direction:column;gap:4px}.ap-summary-top-row{display:flex;justify-content:space-between;font-size:12px}.ap-summary-top-name{color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px}.ap-summary-income .ap-summary-top-amount{color:#16a34a;font-weight:600;flex-shrink:0}.ap-summary-expense .ap-summary-top-amount{color:#ef4444;font-weight:600;flex-shrink:0}.ap-summary-net{background:#fffbeb;border:.5px solid #fde68a;border-radius:6px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;flex:1}.ap-summary-net-left{display:flex;align-items:baseline;gap:8px}.ap-summary-net-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.ap-summary-net-amount{font-size:22px;font-weight:700}.ap-summary-net-amount.pos{color:#16a34a}.ap-summary-net-amount.neg{color:#ef4444}.ap-summary-net-right{display:flex;align-items:center;gap:12px}.ap-summary-net-stat{text-align:right}.ap-summary-net-stat-label{font-size:11px;color:#94a3b8}.ap-summary-net-stat-value{font-size:15px;font-weight:700}.ap-summary-net-stat-value.pos{color:#16a34a}.ap-summary-net-stat-value.neg{color:#ef4444}.ap-summary-net-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px}.ap-summary-net-badge.surplus{background:#dcfce7;color:#166534}.ap-summary-net-badge.deficit{background:#fee2e2;color:#991b1b}@media (max-width: 768px){.ap-tab-content{padding:12px 16px}.ap-time-filter-bar{padding:8px 16px}.ap-hero-row{padding:12px 16px}.ap-tab-bar{padding:0 16px}}.tl-container{padding:0 0 2rem}.tl-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 8px;flex-wrap:nowrap}.tl-toolbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.tl-toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.tl-search-wrap{position:relative;flex:1;min-width:200px;max-width:480px}.tl-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--color-text-tertiary, #999);pointer-events:none}.tl-search-input{width:100%;height:34px;border:.5px solid var(--color-border-secondary, #ccc);border-radius:6px;padding:0 10px 0 32px;font-size:13px;color:var(--color-text-primary, #111);background:var(--color-background-primary, #fff);outline:none}.tl-search-input:focus{border-color:#7dd3fc;box-shadow:0 0 0 2px #7dd3fc33}.tl-pills{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;flex-shrink:0}.tl-pill{height:30px;padding:0 14px;border-radius:15px;font-size:12px;display:inline-flex;align-items:center;gap:5px;border:.5px solid var(--color-border-secondary, #ccc);background:var(--color-background-primary, #fff);color:var(--color-text-secondary, #555);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.tl-pill.active,.tl-pill-filters.active{background:#2d4a63;color:#f0f6ff;border-color:#2d4a63}.tl-filter-badge{background:#7dd3fc;color:#042c53;font-size:10px;font-weight:500;border-radius:8px;padding:1px 6px;line-height:1.4}.tl-drawer{background:var(--color-background-secondary, #f5f5f5);border:.5px solid var(--color-border-tertiary, #e0e0e0);border-radius:8px;padding:12px 14px;margin-bottom:10px}.tl-drawer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.tl-drawer-group{display:flex;flex-direction:column;gap:3px}.tl-drawer-label{font-size:10px;color:var(--color-text-tertiary, #999);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.tl-drawer-input{width:100%;height:30px;border:.5px solid var(--color-border-secondary, #ccc);border-radius:6px;padding:0 8px;font-size:12px;color:var(--color-text-primary, #111);background:var(--color-background-primary, #fff);outline:none}.tl-drawer-input:focus{border-color:#7dd3fc}.tl-drawer-clear-wrap{grid-column:3 / 5;display:flex;align-items:flex-end;justify-content:flex-end}.tl-clear-link{font-size:11px;color:var(--color-text-secondary, #555);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}.tl-meta-sub{font-size:12px;color:var(--color-text-tertiary);padding:0 0 8px}.tl-meta-sub strong{color:var(--color-text-secondary);font-weight:500}.tl-meta-total{margin-left:4px}.tl-icon-btn{height:28px;padding:0 10px;font-size:11px;color:var(--color-text-secondary, #555);border:.5px solid var(--color-border-tertiary, #e0e0e0);border-radius:6px;background:var(--color-background-secondary, #f5f5f5);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.tl-icon-btn:hover{background:var(--color-background-tertiary, #ebebeb)}.tl-rows-label{font-size:12px;color:var(--color-text-secondary);margin-right:4px}.tl-rows-select{height:30px;padding:0 6px;font-size:12px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);cursor:pointer;margin-right:8px}.tl-rows-select:hover{border-color:var(--color-border-primary)}.tl-columns-panel{background:var(--color-background-secondary, #f5f5f5);border:.5px solid var(--color-border-tertiary, #e0e0e0);border-radius:8px;padding:10px 14px;margin-bottom:10px}.tl-columns-grid{display:flex;gap:16px;flex-wrap:wrap}.tl-col-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary, #555);cursor:pointer}.tl-table-wrap{width:100%;overflow-x:auto}.tl-table{width:100%;border-collapse:collapse;font-size:13px}.tl-th{padding:7px 10px;text-align:left;font-size:10px;font-weight:500;color:var(--color-text-tertiary, #999);text-transform:uppercase;letter-spacing:.04em;border-bottom:.5px solid var(--color-border-secondary, #ccc);white-space:nowrap}.tl-th.tl-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tl-th.tl-sortable:hover,.tl-th.tl-sort-active{color:var(--color-text-primary, #111)}.tl-sort-arrow{margin-left:3px;font-size:9px;opacity:.6}.tl-col-amt{text-align:right}.tl-td{padding:8px 10px;border-bottom:.5px solid var(--color-border-tertiary, #e0e0e0);color:var(--color-text-primary, #111);vertical-align:middle}.tl-row:last-child .tl-td{border-bottom:none}.tl-row:hover .tl-td{background:var(--color-background-secondary, #f5f5f5)}.tl-col-date{color:var(--color-text-secondary, #555);font-size:12px;white-space:nowrap;width:64px}.tl-col-desc{max-width:240px}.tl-desc-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-col-amt{text-align:right;font-weight:500;white-space:nowrap;width:96px}.tl-amt-neg{color:#a32d2d}.tl-amt-pos{color:#3b6d11}.tl-cat-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.tl-cat-mobile{display:none;margin-top:2px}.tl-empty-state{padding:2rem;text-align:center;font-size:13px;color:var(--color-text-tertiary, #999)}.tl-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;border-top:.5px solid var(--color-border-tertiary, #e0e0e0)}.tl-page-info{font-size:12px;color:var(--color-text-tertiary, #999)}.tl-page-btns{display:flex;gap:4px;align-items:center}.tl-page-btn{height:26px;min-width:26px;padding:0 6px;font-size:12px;border:.5px solid var(--color-border-tertiary, #e0e0e0);border-radius:6px;background:var(--color-background-secondary, #f5f5f5);color:var(--color-text-secondary, #555);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tl-page-btn:disabled{opacity:.35;cursor:default}.tl-page-btn.active{background:#2d4a63;color:#f0f6ff;border-color:#2d4a63}.tl-page-ellipsis{font-size:12px;color:var(--color-text-tertiary, #999);padding:0 2px}@media (max-width: 767px){.tl-toolbar-row{flex-wrap:wrap;gap:8px}.tl-toolbar-left{flex:1 1 100%;flex-direction:column;align-items:stretch}.tl-toolbar-right{flex-wrap:wrap;gap:6px}.tl-search-wrap{min-width:unset}.tl-pills{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.tl-drawer-grid{grid-template-columns:1fr 1fr}.tl-drawer-clear-wrap{grid-column:1 / 3;justify-content:flex-start}.tl-icon-btn{padding:0 8px;font-size:13px}.tl-cat-desktop{display:none!important}.tl-cat-mobile{display:block}.tl-th.tl-col-cat{display:none}.tl-col-date{width:48px;font-size:11px}.tl-col-amt{width:72px;font-size:12px}.tl-page-btn{height:30px;min-width:30px;font-size:13px}}.tl-context-banner{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#eef4f9;border:1px solid #c5d9e8;border-radius:6px;margin-bottom:10px;font-size:13px;color:#2d4a63}.tl-context-back{cursor:pointer;font-weight:600;color:#2d4a63;white-space:nowrap}.tl-context-back:hover{text-decoration:underline}.tl-context-label{flex:1;color:#4a6a82}.tl-context-label strong{color:#2d4a63;font-weight:600}.tl-context-clear{cursor:pointer;color:#6b7280;white-space:nowrap}.tl-context-clear:hover{color:#374151}