:root{--glass-blur-md: 16px;--glass-blur-lg: 24px;--glass-bg-layer1: rgba(37, 40, 54, .72);--glass-bg-layer2: rgba(45, 49, 66, .65);--glass-border: 1px solid rgba(255, 255, 255, .08);--mock-bg: #1a1d2e;--mock-card: rgba(37, 40, 54, .7);--mock-card-border: rgba(255, 255, 255, .08);--mock-text: #e4e6eb;--mock-text-muted: #8b8f9a;--mock-accent-orange: #ff9f43;--mock-accent-purple: #a855f7;--mock-accent-cyan: #06b6d4;--mock-accent-green: #22c55e;--mock-accent-red: #ef4444}html:has(body.mock-dashboard-page){--page-bg: #1a1d2e;--primary-color: #1a1d2e;--secondary-color: #252836;--card-bg: #252836;--card-bg-alt: #2d3142;--card-bg-gradient: linear-gradient(135deg, #252836 0%, #2d3142 100%);--border-color: rgba(255, 255, 255, .06);--text-primary: #e4e6eb;--text-secondary: #8b8f9a;--accent-color: #06b6d4;--nav-active-bg: rgba(6, 182, 212, .12)}body.mock-dashboard-page{background:#1a1d2e!important;color:#e4e6eb}body.mock-dashboard-page .dashboard-sidebar{background:linear-gradient(180deg,var(--glass-bg-layer1) 0%,var(--glass-bg-layer2) 40%,rgba(24,26,46,.85) 100%)!important;backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border-right-color:var(--mock-card-border)}body.mock-dashboard-page .dashboard-top-bar{background:var(--glass-bg-layer1)!important;backdrop-filter:blur(var(--glass-blur-md));-webkit-backdrop-filter:blur(var(--glass-blur-md));border-bottom-color:var(--mock-card-border)}body.mock-dashboard-page .dashboard-fab{display:none}body.mock-dashboard-page .nav-item:hover,body.mock-dashboard-page .nav-section-toggle:hover{color:var(--mock-accent-cyan)}body.mock-dashboard-page .nav-item.active{color:var(--mock-accent-cyan);background:var(--nav-active-bg);border-color:#06b6d459}body.mock-dashboard-page .section-card,body.mock-dashboard-page .content-section .section-header{background:var(--glass-bg-layer2)!important;backdrop-filter:blur(var(--glass-blur-md));-webkit-backdrop-filter:blur(var(--glass-blur-md));border-color:var(--mock-card-border)!important}.mock-sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.2rem}.mock-sidebar-branding{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem 1rem;text-align:center;border-bottom:1px solid rgba(6,182,212,.15);margin-bottom:.25rem;background:linear-gradient(180deg,rgba(139,92,246,.08) 0%,transparent 100%);position:relative}.mock-sidebar-branding:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.4),transparent)}.mock-sidebar-logo{width:48px;height:48px}.mock-sidebar-branding h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--mock-text)}.mock-sidebar-badge{display:inline-block;padding:.3rem .6rem;background:#ffffff14;border:1px solid var(--mock-card-border);color:var(--mock-text-muted);border-radius:.5rem;font-size:.7rem;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.mock-nav-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;color:var(--mock-text-muted);text-decoration:none;border-radius:.5rem;transition:color .2s,background .2s;border:1px solid transparent}.mock-nav-item:hover{color:var(--mock-text);background:#ffffff0f}.mock-nav-item.active{color:var(--mock-accent-cyan);background:#06b6d41f;border-color:transparent;border-left:3px solid var(--mock-accent-cyan);box-shadow:0 2px 12px #06b6d41f}.mock-nav-item i{transition:color .2s ease}.mock-nav-item:hover i{color:var(--mock-accent-cyan)}.mock-nav-item.active i{color:var(--mock-accent-cyan);filter:drop-shadow(0 0 4px rgba(6,182,212,.5))}.mock-nav-item i{width:20px;text-align:center;font-size:.95rem}.mock-back-nav{border:1px solid var(--mock-card-border);margin-bottom:.25rem}.mock-back-nav:hover{border-color:#06b6d44d}.mock-nav-divider{height:1px;background:var(--mock-card-border);margin:.4rem 0}.mock-nav-section-title{padding:.35rem .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mock-accent-cyan);font-weight:700}.mock-sidebar-account{flex-shrink:0;padding:.75rem 1rem;border-top:1px solid rgba(6,182,212,.12);background:linear-gradient(0deg,#00000040,#06b6d408)}.mock-sidebar-account-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mock-text-muted);margin-bottom:.35rem}.mock-sidebar-email{font-size:.8rem;color:var(--mock-text);margin-bottom:.5rem}.mock-sidebar-email i{margin-right:.35rem;color:var(--mock-text-muted)}.mock-sidebar-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;margin-top:.35rem;font-size:.85rem;color:var(--mock-text-muted);background:transparent;border:1px solid var(--mock-card-border);border-radius:.5rem;cursor:pointer;text-decoration:none;transition:color .2s,background .2s;font-family:inherit}.mock-sidebar-btn:hover{color:var(--mock-text);background:#ffffff0f}.mock-main{margin-left:280px;min-height:100vh;max-width:calc(100vw - 280px);padding:1.5rem}.mock-back-link{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--mock-text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.mock-back-link:hover{color:var(--mock-accent-cyan)}.mock-overview-sortable{display:flex;flex-direction:column;gap:1.25rem}.mock-draggable-row{position:relative;min-height:0}.mock-drag-handle{position:absolute;top:.5rem;right:.5rem;left:auto;z-index:2;padding:.4rem .5rem;color:var(--mock-text-muted);cursor:grab;border-radius:6px;transition:color .2s,background .2s}.mock-drag-handle:hover{color:var(--mock-accent-cyan);background:#ffffff0f}.mock-drag-handle:active{cursor:grabbing}body.mock-dashboard-page.layout-locked .mock-drag-handle{display:none}.mock-draggable-row.mock-dragging{opacity:.85}.mock-draggable-row.mock-dragging .mock-drag-handle{cursor:grabbing}.mock-card{background:var(--mock-card);border:1px solid var(--mock-card-border);border-radius:12px;padding:1.25rem;transition:box-shadow .2s}.mock-card:hover{box-shadow:0 8px 24px #0000004d}.mock-grid{display:grid;gap:1.25rem}.mock-grid-top{grid-template-columns:2fr 1fr;gap:1.25rem}.mock-card-title{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--mock-text)}.mock-chart-card{grid-column:1}.mock-performance-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.mock-performance-header .mock-card-title{margin:0}.mock-performance-toggle{display:inline-flex;background:#00000040;border:1px solid var(--mock-card-border);border-radius:10px;padding:3px}.mock-performance-segment{padding:.45rem 1rem;font-size:.8rem;font-weight:500;color:var(--mock-text-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,color .2s ease;font-family:inherit;min-width:4rem}.mock-performance-segment:hover{color:var(--mock-text)}.mock-performance-segment.active{background:var(--mock-accent-orange);color:#1a1d2e}.mock-performance-segment.active[data-performance-view=saved]{background:var(--mock-accent-green);color:#1a1d2e}.mock-performance-summary{font-size:.85rem;color:var(--mock-text-muted);margin:0 0 .75rem}.mock-performance-chart{background:#0003;border:1px solid var(--mock-card-border);border-radius:10px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mock-performance-bars{width:100%;max-width:320px;height:auto;display:block}.mock-performance-chart{position:relative}.mock-perf-bar{cursor:pointer;transition:filter .15s ease}.mock-perf-bar:hover{filter:brightness(1.15)}.mock-performance-chart-label{font-size:.75rem;color:var(--mock-text-muted);margin:0}.mock-chart-card{--mock-perf-bar: var(--mock-accent-orange)}.mock-chart-card[data-performance-view=saved]{--mock-perf-bar: var(--mock-accent-green)}.mock-performance-tabs{display:flex;gap:.35rem;padding:.25rem;background:#0003;border-radius:10px;border:1px solid var(--mock-card-border)}.mock-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.mock-tab{padding:.5rem 1rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--mock-text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.mock-performance-tabs .mock-tab{padding:.4rem .9rem;border-radius:6px;font-size:.8rem}.mock-tab:hover{color:var(--mock-text);background:#ffffff0d}.mock-tab.active{background:#ff9f4333;border-color:var(--mock-accent-orange);color:var(--mock-accent-orange)}.mock-performance-tabs .mock-tab.active{background:var(--mock-accent-orange);color:#1a1d2e;border-color:var(--mock-accent-orange)}.mock-chart-placeholder{height:220px;background:linear-gradient(165deg,rgba(255,159,67,.06) 0%,rgba(168,85,247,.04) 50%,transparent 100%);border-radius:10px;border:1px solid var(--mock-card-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--mock-text-muted);font-size:.85rem;position:relative;overflow:hidden}.mock-chart-visual{width:90%;max-width:320px;height:100px;background:linear-gradient(to top,#ff9f431f,#ff9f4308);border-radius:6px;position:relative}.mock-chart-visual:before{content:"";position:absolute;left:10%;right:10%;bottom:0;height:60%;background:linear-gradient(to top,rgba(168,85,247,.15) 0%,transparent 100%);border-radius:6px 6px 0 0}.mock-chart-label{letter-spacing:.02em}.mock-side-card{display:flex;flex-direction:column;gap:0}.mock-side-card .mock-card-title{margin-bottom:1rem}.mock-this-month-items{display:flex;flex-direction:column;gap:0;flex:1}.mock-this-month-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 0}.mock-this-month-row:first-child{padding-top:0}.mock-this-month-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.mock-this-month-saved .mock-this-month-icon{background:#22c55e33;color:var(--mock-accent-green)}.mock-this-month-spent .mock-this-month-icon{background:#ef444426;color:var(--mock-accent-red)}.mock-this-month-text{display:flex;flex-direction:column;gap:.15rem}.mock-this-month-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mock-text-muted)}.mock-this-month-value{font-size:1.25rem;font-weight:700;color:var(--mock-text)}.mock-this-month-saved .mock-this-month-value{color:var(--mock-accent-green)}.mock-this-month-divider{height:1px;background:var(--mock-card-border)}.mock-side-saved,.mock-side-spent{margin:0;font-size:.9rem}.mock-side-saved{color:var(--mock-accent-green)}.mock-side-spent{color:var(--mock-text-muted)}.mock-side-spent strong,.mock-side-saved strong{color:var(--mock-text)}.mock-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.mock-stat-card{background:var(--mock-card);border:1px solid var(--mock-card-border);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.4rem;position:relative}.mock-stat-edit{position:absolute;top:.35rem;right:.35rem;padding:.2rem .4rem;font-size:.65rem;color:var(--mock-text-muted);background:transparent;border:1px solid var(--mock-card-border);border-radius:6px;cursor:pointer;transition:color .2s,border-color .2s}.mock-stat-edit:hover{color:var(--mock-accent-cyan);border-color:var(--mock-accent-cyan)}.mock-stat-value{font-size:1.25rem;font-weight:700;color:var(--mock-text);cursor:pointer}.mock-stat-value[data-editable]:hover{color:var(--mock-accent-cyan)}.mock-stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.mock-stat-icon.purple{background:#a855f733;color:var(--mock-accent-purple)}.mock-stat-icon.cyan{background:#06b6d433;color:var(--mock-accent-cyan)}.mock-stat-icon.red{background:#ef444433;color:var(--mock-accent-red)}.mock-stat-icon.green{background:#22c55e33;color:var(--mock-accent-green)}.mock-stat-icon.orange{background:#ff9f4333;color:var(--mock-accent-orange)}.mock-stat-label{font-size:.68rem;color:var(--mock-text-muted);text-transform:uppercase;letter-spacing:.04em}.mock-charts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.mock-mini-chart{height:180px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--mock-text-muted)}.mock-mini-chart.mock-chart-svg{padding:.75rem;align-items:stretch;justify-content:stretch;min-width:0;overflow:hidden}.mock-mini-chart.mock-chart-svg svg{width:100%;height:100%;display:block}.mock-mini-chart.purple{background:#a855f714}.mock-mini-chart.purple .mock-chart-line,.mock-mini-chart.purple .mock-chart-area{color:var(--mock-accent-purple)}.mock-mini-chart.blue{background:#3b82f614}.mock-mini-chart.blue .mock-chart-line,.mock-mini-chart.blue .mock-chart-area{color:#3b82f6e6}.mock-mini-chart.blue .mock-chart-bar{fill:var(--mock-accent-cyan);opacity:.9}.mock-chart-pie--neutral.mock-mini-chart{background:#ffffff05}.mock-chart-pie{display:flex;flex-direction:column;gap:.75rem;min-width:0;width:100%}.mock-chart-pie svg{max-height:160px;width:auto;margin:0 auto;flex-shrink:0}.mock-pie-slice{stroke:var(--mock-card);stroke-width:.8;stroke-linejoin:round;cursor:pointer;transition:filter .15s ease,opacity .15s ease;transform-origin:50px 50px}.mock-pie-slice:hover{filter:brightness(1.15)}.mock-pie-slice--transport{fill:#0d9488}.mock-pie-slice--other{fill:#64748b}.mock-pie-slice--bills{fill:#059669}.mock-pie-slice--shopping{fill:#d97706}.mock-pie-slice--food{fill:#4f46e5}.mock-pie-donut-hole{fill:var(--mock-card)}.mock-pie-tooltip{position:fixed;z-index:10;padding:.4rem .6rem;font-size:.75rem;color:var(--mock-text);background:var(--mock-card);border:1px solid var(--mock-card-border);border-radius:6px;box-shadow:0 4px 12px #0000004d;pointer-events:none;opacity:0;transition:opacity .15s;white-space:nowrap}.mock-pie-tooltip.visible{opacity:1}.mock-pie-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem .75rem;justify-items:start;font-size:.7rem;color:var(--mock-text-muted);min-width:0;width:100%}.mock-pie-legend-item{display:inline-flex;align-items:center;gap:.5rem}.mock-pie-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mock-pie-legend-dot--transport{background:#0d9488}.mock-pie-legend-dot--other{background:#64748b}.mock-pie-legend-dot--bills{background:#059669}.mock-pie-legend-dot--shopping{background:#d97706}.mock-pie-legend-dot--food{background:#4f46e5}.mock-pie-legend-text{font-style:normal}.mock-pie-legend-text em{font-style:normal;font-weight:600;color:var(--mock-text)}.mock-mini-chart.green{background:#22c55e14}.mock-mini-chart.green .mock-chart-line,.mock-mini-chart.green .mock-chart-area{color:var(--mock-accent-green)}.mock-line-chart-card{display:flex;flex-direction:column;gap:.25rem}.mock-chart-subtitle{font-size:.75rem;color:var(--mock-text-muted);margin:0 0 .25rem}.mock-line-chart{position:relative;min-height:140px}.mock-line-chart .mock-line-chart-svg{display:block;width:100%;max-height:160px;height:auto}.mock-line-chart .mock-chart-grid{color:var(--mock-text-muted)}.mock-line-chart .mock-chart-line{transition:stroke-width .2s ease,filter .2s ease}.mock-line-chart:hover .mock-chart-line{stroke-width:2.5;filter:brightness(1.05)}.mock-line-point{cursor:pointer;transition:fill .15s ease,fill-opacity .15s ease}.mock-line-chart.purple .mock-line-point:hover{fill:var(--mock-accent-purple);fill-opacity:.5}.mock-line-chart.green .mock-line-point:hover{fill:var(--mock-accent-green);fill-opacity:.5}.mock-bar-segment{cursor:pointer;transition:filter .15s ease}.mock-savings-bar-chart .mock-bar-segment:hover{filter:brightness(1.2)}.mock-line-tooltip{position:fixed;z-index:10;padding:.45rem .65rem;font-size:.75rem;color:var(--mock-text);background:var(--mock-card);border:1px solid var(--mock-card-border);border-radius:6px;box-shadow:0 4px 12px #00000059;pointer-events:none;opacity:0;transition:opacity .12s ease;white-space:nowrap}.mock-line-tooltip.visible{opacity:1}.mock-budget-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.mock-insights-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.mock-countdown-card{text-align:center}.mock-countdown-value{display:flex;align-items:baseline;justify-content:center;gap:.35rem;margin-bottom:.5rem}.mock-countdown-number{font-size:2rem;font-weight:700;color:var(--mock-accent-cyan)}.mock-countdown-label{font-size:1rem;color:var(--mock-text-muted)}.mock-countdown-desc{font-size:.8rem;color:var(--mock-text-muted);margin:0}.mock-secondary-card .mock-card-desc{font-size:.85rem;color:var(--mock-text-muted);margin:0 0 .75rem}.mock-secondary-link{font-size:.9rem;color:var(--mock-accent-cyan);text-decoration:none;transition:opacity .2s}.mock-secondary-link:hover{opacity:.9;text-decoration:underline}.mock-budget-overview-content{display:flex;flex-direction:column;gap:.5rem}.mock-budget-item-inline{display:flex;justify-content:space-between;font-size:.85rem}.mock-spent-label{color:var(--mock-text)}.mock-of-label{color:var(--mock-text-muted)}.mock-progress-bar-lg{height:8px}.mock-budget-warning{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--mock-text-muted);margin:0}.mock-budget-warning i{color:var(--mock-text-muted);font-size:.85em}.mock-daily-overview-content{display:flex;flex-direction:column;gap:.75rem}.mock-daily-stat{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.mock-daily-label{color:var(--mock-text-muted)}.mock-daily-value{font-weight:600;color:var(--mock-text)}.mock-daily-streak{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--mock-accent-green);padding-top:.5rem;border-top:1px solid var(--mock-card-border)}.mock-daily-streak i{color:var(--mock-accent-green)}.mock-quick-actions-trigger{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9;width:44px;height:44px;border-radius:50%;border:1px solid var(--mock-card-border);background:var(--mock-card);color:var(--mock-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 12px #0000004d;transition:color .2s,background .2s,transform .2s}.mock-quick-actions-trigger:hover{color:var(--mock-accent-cyan);background:#06b6d41f}.mock-quick-actions-trigger[aria-expanded=true]{color:var(--mock-accent-cyan);background:#06b6d426}.mock-quick-actions-popover{position:fixed;bottom:calc(2.25rem + 44px);right:1.5rem;z-index:11;width:280px;max-width:calc(100vw - 2rem);background:var(--mock-card);border:1px solid var(--mock-card-border);border-radius:12px;box-shadow:0 8px 24px #0006;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s,visibility .2s,transform .2s}.mock-quick-actions-popover.visible{opacity:1;visibility:visible;transform:translateY(0)}.mock-quick-actions-popover-inner{padding:1rem;max-height:min(70vh,420px);overflow-y:auto}.mock-quick-actions-title{font-size:1rem;font-weight:600;color:var(--mock-text);margin:0 0 .15rem}.mock-quick-actions-intro{font-size:.8rem;color:var(--mock-text-muted);margin:0 0 .5rem}.mock-quick-actions-popover .mock-task-item{border-bottom:1px solid var(--mock-card-border);padding:.5rem 0}.mock-quick-actions-popover .mock-task-item:last-child{border-bottom:none}.mock-bottom-row{display:grid;grid-template-columns:1fr;gap:1.25rem}.mock-task-card{display:flex;flex-direction:column;gap:.5rem}.mock-task-intro{font-size:.8rem;color:var(--mock-text-muted);margin:0 0 .25rem}.mock-task-go{margin-left:auto;color:var(--mock-text-muted);font-size:.75rem;transition:color .2s,transform .2s}.mock-task-item:hover .mock-task-go,.mock-task-item:focus-within .mock-task-go{color:var(--mock-accent-cyan)}.mock-task-item:focus-within{outline:none}.mock-task-item{display:block;padding:.5rem 0;border-bottom:1px solid var(--mock-card-border);transition:background .15s}.mock-task-item:hover{background:#ffffff08}.mock-task-item:last-child{border-bottom:none}.mock-task-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;margin:0}.mock-task-checkbox-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mock-task-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid var(--mock-text-muted);flex-shrink:0;margin-top:.2rem;position:relative;transition:border-color .2s,background .2s;pointer-events:none}.mock-task-checkbox-input:checked+.mock-task-checkbox,.mock-task-checkbox.checked{background:var(--mock-accent-cyan);border-color:var(--mock-accent-cyan)}.mock-task-checkbox-input:checked+.mock-task-checkbox:after,.mock-task-checkbox.checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #1a1d2e;border-width:0 2px 2px 0;transform:rotate(45deg)}.mock-task-content{display:flex;flex-direction:column;gap:.15rem}.mock-task-title{font-size:.9rem;font-weight:600;color:var(--mock-text);margin:0}.mock-task-meta{font-size:.75rem;color:var(--mock-text-muted);margin:0}.mock-task-desc{font-size:.8rem;color:var(--mock-text-muted);margin:0;line-height:1.4}.mock-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--mock-card-border)}.mock-table{width:100%;border-collapse:collapse;font-size:.85rem}.mock-table th{text-align:left;padding:.75rem 1rem;background:#0003;color:var(--mock-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.mock-table td{padding:.75rem 1rem;border-top:1px solid var(--mock-card-border);color:var(--mock-text)}.mock-table tr:hover td{background:#ffffff05}.mock-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;min-width:80px}.mock-progress-fill{height:100%;border-radius:3px;background:var(--mock-accent-cyan)}.mock-table-actions{display:flex;gap:.5rem}.mock-table-actions button{width:32px;height:32px;border-radius:6px;border:1px solid var(--mock-card-border);background:transparent;color:var(--mock-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s;font-family:inherit}.mock-table-actions button:hover{color:var(--mock-accent-cyan);background:#06b6d41a}.mock-overview-card{display:flex;flex-direction:column;gap:.5rem}.mock-overview-desc{font-size:.8rem;color:var(--mock-text-muted);margin:0 0 .5rem}.mock-overview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.mock-overview-item{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;background:#0003;border:1px solid var(--mock-card-border);border-radius:8px;transition:background .15s,border-color .15s}.mock-overview-item:hover{background:#ffffff08;border-color:#ffffff14}.mock-overview-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem}.mock-overview-icon-goal{background:#06b6d426;color:var(--mock-accent-cyan)}.mock-overview-icon-budget{background:#a855f726;color:var(--mock-accent-purple)}.mock-overview-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.mock-overview-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.mock-overview-name{font-size:.9rem;font-weight:600;color:var(--mock-text)}.mock-overview-type{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;background:#ffffff14;color:var(--mock-text-muted)}.mock-overview-progress .mock-progress-bar{min-width:0;height:6px}.mock-overview-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.15rem}.mock-overview-amount{font-size:.85rem;font-weight:600;color:var(--mock-text)}.mock-overview-actions{display:flex;gap:.35rem}.mock-overview-actions button{width:28px;height:28px;border-radius:6px;border:1px solid var(--mock-card-border);background:transparent;color:var(--mock-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:color .2s,background .2s;font-family:inherit}.mock-overview-actions button:hover{color:var(--mock-accent-cyan);background:#06b6d41a}@media(max-width:1200px){.mock-grid-top{grid-template-columns:1fr}.mock-stats-row,.mock-budget-row,.mock-insights-row{grid-template-columns:repeat(2,1fr)}.mock-charts-row,.mock-bottom-row{grid-template-columns:1fr}}@media(max-width:768px){.mock-sidebar{transform:translate(-100%);width:280px;max-width:85vw}.mock-main{margin-left:0;max-width:100%;padding:1rem;overflow-x:hidden}#mockOverviewSortable,.mock-row-content,.mock-draggable-row .mock-row-content{min-width:0}.mock-stats-row,.mock-budget-row,.mock-insights-row{grid-template-columns:1fr}.mock-card{padding:1rem;min-width:0;overflow-wrap:break-word}.mock-card-title{font-size:.95rem;margin-bottom:.75rem}.mock-grid-top{gap:1rem}.mock-stat-card{padding:.65rem;min-width:0}.mock-stat-value{font-size:1.1rem;word-break:break-word}.mock-stat-label{font-size:.65rem}.mock-stat-edit{min-width:28px;min-height:28px}.mock-side-card{min-width:0}.mock-this-month-row{padding:.5rem 0;gap:.5rem}.mock-this-month-icon{width:32px;height:32px;font-size:.85rem}.mock-this-month-value,.mock-this-month-label{font-size:.85rem}.mock-budget-item-inline{flex-wrap:wrap;gap:.25rem;font-size:.8rem}.mock-budget-warning{font-size:.75rem;flex-wrap:wrap}.mock-progress-bar-lg{min-width:0}.mock-countdown-number{font-size:1.6rem}.mock-countdown-label{font-size:.9rem}.mock-countdown-desc{font-size:.75rem}.mock-secondary-card .mock-card-desc{font-size:.8rem}.mock-daily-stat{font-size:.85rem}.mock-daily-streak{font-size:.75rem}.mock-overview-item{padding:.6rem;gap:.6rem}.mock-overview-name{font-size:.85rem}.mock-overview-footer{flex-wrap:wrap}.mock-overview-amount{font-size:.8rem}.mock-charts-row .mock-card{min-width:0}.mock-mini-chart{height:160px}.mock-line-chart-card{min-width:0}.mock-line-chart{min-height:120px}.mock-line-chart .mock-line-chart-svg{max-height:140px}.mock-chart-subtitle{font-size:.7rem}.mock-performance-header{flex-direction:column;align-items:flex-start;gap:.75rem}.mock-performance-summary{font-size:.8rem}.mock-performance-chart{padding:.75rem}.mock-performance-bars{max-width:100%}.mock-chart-pie svg{max-height:140px}.mock-pie-legend{font-size:.65rem;gap:.35rem .5rem}.mock-quick-actions-trigger{bottom:calc(1rem + env(safe-area-inset-bottom,0));right:calc(1rem + env(safe-area-inset-right,0));width:48px;height:48px;font-size:1.15rem}.mock-quick-actions-popover{bottom:calc(1.5rem + 48px + env(safe-area-inset-bottom,0));right:calc(1rem + env(safe-area-inset-right,0));left:1rem;width:auto;max-width:calc(100vw - 2rem)}}@media(max-width:480px){.mock-main{padding:.75rem}.mock-card{padding:.875rem;min-width:0}.mock-card-title{font-size:.9rem;margin-bottom:.6rem}.mock-grid-top{gap:.75rem}.mock-stat-card{padding:.6rem}.mock-stat-value{font-size:1rem}.mock-stat-icon{width:32px;height:32px;font-size:.9rem}.mock-stat-label{font-size:.62rem}.mock-this-month-row{padding:.4rem 0}.mock-this-month-value,.mock-this-month-label{font-size:.8rem}.mock-countdown-number{font-size:1.4rem}.mock-countdown-label{font-size:.85rem}.mock-budget-item-inline{font-size:.75rem}.mock-daily-stat{font-size:.8rem}.mock-overview-item{padding:.5rem}.mock-overview-name{font-size:.8rem}.mock-overview-type{font-size:.65rem}.mock-overview-actions button{min-width:36px;min-height:36px}.mock-line-chart{min-height:100px}.mock-line-chart .mock-line-chart-svg{max-height:120px}.mock-mini-chart{height:140px}.mock-mini-chart.mock-chart-svg{padding:.5rem}.mock-line-point{cursor:pointer}.mock-performance-segment{padding:.5rem .85rem;min-width:3.5rem;min-height:44px}.mock-performance-toggle{min-height:44px}}