.stats-container{display:flex;flex-direction:column;gap:16px;width:100%;padding-bottom:30px;animation:fadeIn .22s ease-out forwards;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Roboto,sans-serif}.stats-top-controls-row{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box}.stats-month-picker{display:inline-flex;align-items:center;gap:2px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:9999px;padding:3px 6px;height:38px;box-sizing:border-box;box-shadow:var(--shadow-card);flex-shrink:0}.stats-month-title{font-family:inherit;font-size:12px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;padding:0 4px;white-space:nowrap}.stats-month-btn{width:24px;height:24px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.stats-month-btn:hover{background:var(--accent-subtle);color:var(--text-primary)}.stats-period-tabs{display:flex;background:var(--bg-card);border:1px solid var(--border-subtle);padding:3px;gap:2px;height:38px;box-sizing:border-box;box-shadow:var(--shadow-card);min-width:0}.stats-period-tab,.stats-period-tabs{align-items:center;border-radius:9999px;flex:1 1}.stats-period-tab{height:30px;border:none;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:11.5px;font-weight:600;letter-spacing:-.1px;cursor:pointer;display:inline-flex;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 4px}.stats-period-tab:hover{color:var(--text-primary);background:var(--accent-subtle)}.stats-period-tab.active{background:var(--island-tab-active-bg);color:var(--island-tab-active-color);font-weight:700;box-shadow:var(--shadow-white-sm)}.stats-hero-section{position:relative;width:100%;background:transparent;border:none;box-shadow:none;padding:14px 0 10px;display:flex;flex-direction:column;align-items:center;overflow:visible}.stats-hero-subtitle{font-size:13.5px;font-weight:500;color:var(--text-secondary);letter-spacing:-.1px}.stats-hero-amount,.stats-hero-subtitle{text-align:center;transition:color .25s ease}.stats-hero-amount{font-size:42px;font-weight:800;color:var(--text-primary);letter-spacing:-1.4px;line-height:1.15;margin:6px 0 8px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Roboto,sans-serif}.stats-hero-trend{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;letter-spacing:-.1px;margin-bottom:6px}.stats-hero-trend-val{font-weight:700;display:inline-flex;align-items:center;gap:2px}.stats-hero-chart-container{position:relative;width:calc(100% + 40px);margin:6px -20px 4px;height:155px;overflow:visible;pointer-events:none}.stats-hero-chart-svg{width:100%;height:100%;overflow:visible;display:block}.stats-hero-subgrid{display:flex;align-items:center;justify-content:flex-start;gap:36px;width:100%;padding-top:18px;margin-top:4px;border-top:1px solid var(--border-subtle);position:relative;z-index:2}.stats-subgrid-col{display:flex;flex-direction:column;gap:2px}.stats-subgrid-label{font-size:11.5px;font-weight:500;color:var(--text-secondary);letter-spacing:-.1px}.stats-subgrid-val{font-size:15px;font-weight:700;letter-spacing:-.3px}.stats-kpi-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.stats-kpi-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-card);transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .2s ease,background .25s ease}.stats-kpi-card:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.stats-kpi-header{display:flex;align-items:center;justify-content:space-between}.stats-kpi-title{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:-.1px}.stats-kpi-main-val{font-size:19px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;line-height:1.2}.stats-kpi-subtext{font-size:11px;font-weight:400;color:var(--text-muted);line-height:1.2;letter-spacing:-.1px}.stats-pie-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;padding:18px 18px 20px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-card);transition:background-color .25s ease,border-color .25s ease}.stats-pie-header{display:flex;align-items:center;justify-content:space-between}.stats-section-title{font-size:15.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;display:flex;align-items:center;gap:7px}.pie-view-toggle{display:inline-flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:9999px;padding:2px;gap:2px}.pie-view-btn{padding:4px 10px;border-radius:9999px;border:none;background:transparent;font-family:inherit;font-size:11.5px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .18s ease}.pie-view-btn.active{background:var(--island-tab-active-bg);color:var(--island-tab-active-color);font-weight:700;box-shadow:var(--shadow-white-sm)}.pie-chart-viewport{position:relative;width:230px;height:230px;margin:6px auto 2px;display:flex;align-items:center;justify-content:center}.pie-svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible;animation:donutSvgSpinIn .85s cubic-bezier(.16,1,.3,1) forwards;transform-origin:center}@keyframes donutSvgSpinIn{0%{transform:rotate(-160deg) scale(.92);opacity:.6}to{transform:rotate(-90deg) scale(1);opacity:1}}.pie-ring-track{fill:none;stroke:var(--border-subtle);stroke-width:26;transition:stroke .25s ease}.pie-donut-segment{fill:none;stroke-width:26;cursor:pointer;transition:stroke-dasharray .9s cubic-bezier(.16,1,.3,1),stroke-dashoffset .9s cubic-bezier(.16,1,.3,1),stroke-width .28s cubic-bezier(.34,1.56,.64,1),opacity .25s ease,filter .25s ease;transform-origin:center}.pie-donut-segment.selected,.pie-donut-segment:hover{stroke-width:32;filter:drop-shadow(0 0 10px rgba(255,255,255,.4))}[data-theme=cloud] .pie-donut-segment.selected,[data-theme=cloud] .pie-donut-segment:hover,[data-theme=light] .pie-donut-segment.selected,[data-theme=light] .pie-donut-segment:hover{filter:drop-shadow(0 4px 12px rgba(15,23,42,.22))}.pie-center-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:16px;animation:pieCenterPop .4s cubic-bezier(.34,1.4,.64,1) forwards}@keyframes pieCenterPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.pie-center-category{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pie-center-amount{font-size:21px;font-weight:800;color:var(--text-primary);letter-spacing:-.6px;line-height:1.2;margin:2px 0 3px}.pie-center-percent{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:9999px;background:var(--accent-subtle);color:var(--text-primary);border:1px solid var(--border-subtle)}.pie-legend-list{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border-subtle)}.pie-legend-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid transparent;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1)}.pie-legend-item.selected,.pie-legend-item:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateX(2px)}.pie-legend-left{display:flex;align-items:center;gap:10px}.pie-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px rgba(0,0,0,.15)}.pie-legend-name{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:-.1px}.pie-legend-right{display:flex;align-items:center;gap:8px}.pie-legend-amount{font-size:13.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.pie-legend-pct-pill{font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;background:var(--accent-subtle);color:var(--text-secondary)}.category-breakdown-card,.stats-category-section{display:flex;flex-direction:column;gap:10px}.category-breakdown-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;transition:all .2s ease;cursor:pointer}.category-breakdown-card:hover{border-color:var(--border-medium);background:var(--bg-card-hover)}.cat-breakdown-row{display:flex;align-items:center;justify-content:space-between}.cat-breakdown-info{display:flex;align-items:center;gap:10px}.cat-icon-bubble{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-title-text{font-size:13.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;line-height:1.2}.cat-sub-text{font-size:11px;color:var(--text-secondary)}.cat-amount-info{text-align:right;display:flex;flex-direction:column;gap:1px}.cat-spent-val{font-size:14px;font-weight:800;color:var(--text-primary);letter-spacing:-.2px}.cat-budget-val{font-size:10.5px;color:var(--text-muted)}.cat-progress-track{width:100%;height:6px;background:var(--bg-card);border-radius:9999px;overflow:hidden;position:relative}.cat-progress-bar{height:100%;border-radius:9999px;transition:width .4s cubic-bezier(.16,1,.3,1)}.payment-methods-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-card)}.payment-stacked-bar{width:100%;height:12px;border-radius:9999px;background:var(--bg-input);display:flex;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.payment-stacked-segment{height:100%;transition:width .3s ease}.payment-grid-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.payment-pill-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:6px}.payment-pill-left{display:flex;align-items:center;gap:7px}.payment-color-badge{width:8px;height:8px;border-radius:50%}.payment-method-name{font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:-.1px}.payment-pill-right{display:flex;flex-direction:column;align-items:flex-end}.payment-pill-amt{font-size:12px;font-weight:700;color:var(--text-primary)}.payment-pill-pct{font-size:10px;color:var(--text-muted)}.rhythm-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-card)}.rhythm-bars-row{display:flex;align-items:flex-end;justify-content:space-between;height:120px;padding:8px 4px 4px;gap:6px}.rhythm-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.rhythm-bar-track{width:100%;max-width:22px;height:85px;background:var(--bg-input);border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.rhythm-bar-fill{width:100%;background:var(--island-tab-active-bg);border-radius:6px;transition:height .8s cubic-bezier(.16,1,.3,1);transform-origin:bottom;animation:rhythmBarGrow .75s cubic-bezier(.16,1,.3,1) forwards}@keyframes rhythmBarGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.rhythm-bar-fill.highlight{background:#f97316;box-shadow:0 0 10px rgba(249,115,22,.35)}.rhythm-day-label{font-size:11.5px;font-weight:600;color:var(--text-secondary)}.rhythm-day-label.today{color:var(--text-primary);font-weight:800}.top-expenses-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-card)}.top-expense-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid transparent;cursor:pointer;transition:all .18s ease}.top-expense-row:hover{border-color:var(--border-medium);background:var(--bg-card-hover);transform:translateX(2px)}.top-expense-left{display:flex;align-items:center;gap:10px}.top-expense-rank{width:24px;height:24px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-subtle);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.top-expense-title{font-size:13.5px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;line-height:1.2}.top-expense-meta{font-size:11px;color:var(--text-muted)}.top-expense-amount{font-size:14px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.custom-range-presets-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.preset-chip-btn{padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s ease}.preset-chip-btn:hover{background:var(--bg-card-hover);border-color:var(--border-medium);color:var(--text-primary)}.preset-chip-btn:active{transform:scale(.98)}.custom-range-inputs-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}