:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a2a1e;--panel:#22332a;--border:#c4e8b014;--text-primary:#e8f0e2;--text-secondary:#8ba493;--text-muted:#5f7869;--divider-light:#c4e8b00f;--red:#ff6b5b;--money-income:#c4e8b0;--money-income-bright:#d7f5c3;--money-expense:#e08a4f;--money-expense-wash:#e08a4f14;--money-loss:#e0335f;--accent:#c4e8b0;--accent-hover:#b8de9e;--accent-wash:#c4e8b00f;--accent-border:#c4e8b026;--shadow-panel:0 4px 24px #0003;--shadow-toggle-knob:0 1px 2px #0000004d;--radius-panel:20px;--radius-control:12px;--radius-pill:999px;--font-serif:"Instrument Serif", Georgia, serif;--font-family:"Instrument Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased}#root{z-index:1;min-height:100vh;position:relative}h1,h2,h3,p{margin:0}button{cursor:pointer;font-family:inherit}button:focus:not(:focus-visible),a:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{font-family:inherit}.bg-glow{pointer-events:none;z-index:0;position:fixed}.bg-glow-1{filter:blur(120px);background:radial-gradient(170px 135px at calc(50% - 26px) calc(50% - 20px),#d4f0c029 0%,#d4f0c017 45%,#d4f0c000 78%),radial-gradient(56% 44%,#c4e8b024 0%,#c4e8b01a 37%,#c4e8b00b 68%,#c4e8b000 100%);width:640px;height:560px;top:-230px;left:-250px}.bg-glow-2{filter:blur(135px);background:radial-gradient(190px 145px at calc(50% + 30px) calc(50% + 14px),#d4f0c024 0%,#d4f0c012 45%,#d4f0c000 78%),radial-gradient(58% 45%,#c4e8b01f 0%,#c4e8b016 37%,#c4e8b009 68%,#c4e8b000 100%);width:720px;height:630px;bottom:-290px;right:-230px}.bg-glow-3{filter:blur(105px);background:radial-gradient(50% 39%,#c4e8b01a 0%,#c4e8b012 37%,#c4e8b008 68%,#c4e8b000 100%);width:500px;height:410px;top:32%;right:5%}.film-grain{z-index:2;pointer-events:none;filter:url(#filmGrain);opacity:.08;mix-blend-mode:overlay;position:fixed;inset:0}.page{flex-direction:column;gap:40px;max-width:1240px;margin:0 auto;padding:40px 24px 96px;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:32px 36px}.panel-title{font-family:var(--font-serif);letter-spacing:-.015em;margin-bottom:20px;font-size:clamp(18px,4.5vw,26px);font-weight:400}.panel-header-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.panel-header-row .panel-title{margin-bottom:0}.segmented{border-radius:var(--radius-pill);border:1px solid var(--accent-border);flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.segmented-option{color:var(--text-secondary);border-radius:var(--radius-pill);background:0 0;border:none;padding:6px 14px;font-size:13px;font-weight:500;transition:background-color .15s,color .15s}.segmented-option.is-active{background:var(--accent);color:var(--bg)}.top-nav-wrap{z-index:10;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#1a2a1ebf;position:sticky;top:0}.top-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1240px;margin:0 auto;padding:18px 24px;display:flex}.top-nav-left{align-items:center;gap:28px;min-width:0;display:flex}.top-nav-logo{flex-shrink:0;width:auto;height:28px}.top-nav-scroll-wrap{flex:auto;min-width:0;position:relative}.top-nav-fade{display:none}.top-nav-links{align-items:center;gap:30px;display:flex}.top-nav-link{font-family:var(--font-family);color:var(--text-secondary);white-space:nowrap;border-bottom:2px solid #0000;padding-bottom:6px;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.top-nav-link:hover{color:var(--text-primary)}.top-nav-link.is-active{color:var(--text-primary);border-bottom-color:var(--accent)}.top-nav-range{flex-shrink:0;align-items:center;gap:10px;display:flex}.top-nav-range-dates{align-items:center;gap:10px;display:flex}.top-nav-right{flex-shrink:0;align-items:center;gap:20px;display:flex}.top-nav-logout{font-family:var(--font-family);color:var(--text-muted);background:0 0;border:none;align-items:center;gap:6px;padding:6px 4px;font-size:13px;transition:color .15s;display:inline-flex}.top-nav-logout:hover{color:var(--money-loss)}.top-nav-logout-icon{display:none}.month-picker{flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.month-picker-arrow{color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;line-height:1;transition:color .15s,background-color .15s}.month-picker-arrow:hover:not(:disabled){color:var(--text-primary);background:var(--accent-wash)}.month-picker-arrow:disabled{color:var(--text-muted);opacity:.4;cursor:default}.month-picker-label{font-family:var(--font-family);color:var(--text-primary);text-align:center;background:0 0;border:none;border-radius:8px;width:132px;padding:5px 10px;font-size:15px;font-weight:500;transition:background-color .15s}.month-picker-label:hover{background:var(--accent-wash)}.month-picker-panel{z-index:20;-webkit-backdrop-filter:blur(20px);border:1px solid var(--accent-border);background:#22332af2;border-radius:16px;width:260px;padding:16px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 32px #0006}.month-picker-panel-year{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.month-picker-panel-year button{color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px;transition:color .15s,background-color .15s}.month-picker-panel-year button:hover:not(:disabled){color:var(--text-primary);background:var(--accent-wash)}.month-picker-panel-year button:disabled{color:var(--text-muted);opacity:.4;cursor:default}.month-picker-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.month-picker-cell{color:var(--text-secondary);font-family:var(--font-family);text-align:center;background:0 0;border:none;border-radius:8px;padding:8px 4px;font-size:13px;transition:background-color .15s,color .15s}.month-picker-cell:hover:not(:disabled){background:var(--accent-wash);color:var(--text-primary)}.month-picker-cell:disabled{color:var(--text-muted);opacity:.35;cursor:default}.month-picker-cell.is-selected{background:var(--accent);color:var(--bg);font-weight:500}.header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.header h1{font-family:var(--font-serif);letter-spacing:-.018em;font-size:clamp(28px,6vw,68px);font-weight:400}.header-meta{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.header-meta .mono-num{font-variant-numeric:tabular-nums}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.is-loading{background:var(--text-secondary);animation:1.2s ease-in-out infinite pulse}.status-dot.is-error{background:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.btn{border-radius:var(--radius-pill);border:none;padding:9px 20px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s,border-color .15s}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{color:var(--text-primary);border:1px solid var(--accent-border);background:0 0}.btn-secondary:hover{border-color:#c4e8b066}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--accent-border);background:var(--accent-wash);color:var(--text-primary);align-items:center;gap:7px;padding:7px 14px;font-size:14px;font-weight:400;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.chip:hover{border-color:#c4e8b059}.chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.toggle-row{align-items:center;gap:10px;display:flex}.toggle-label{color:var(--text-primary);font-size:14px}.toggle{background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.toggle-track{background:#c4e8b026;border-radius:999px;width:32px;height:20px;transition:background-color .15s;position:relative}.toggle.is-on .toggle-track{background:var(--accent)}.toggle-knob{width:16px;height:16px;box-shadow:var(--shadow-toggle-knob);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle.is-on .toggle-knob{transform:translate(12px)}.date-input{border:1px solid var(--accent-border);border-radius:var(--radius-control);font-size:14px;font-family:var(--font-mono);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff08;outline:none;padding:8px 12px;transition:box-shadow .15s,border-color .15s}.date-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c4e8b026}.filter-summary{display:none}.filter-section{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.filter-section:last-child{margin-bottom:0}.filter-section-header{color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:8px;padding:2px 0;font-size:14px;font-weight:500;display:flex}.filter-section-header:hover{color:var(--text-primary)}.chevron{font-size:10px;transition:transform .15s;display:inline-block}.chevron.is-open{transform:rotate(90deg)}.date-range-row{align-items:center;gap:10px;display:flex}.date-range-sep{color:var(--text-secondary);font-size:12px}.summary-line{flex-wrap:wrap;gap:28px;margin-bottom:20px;display:flex}.summary-block{align-items:baseline;gap:6px;display:inline-flex}.summary-label{color:var(--text-muted);font-size:13px}.summary-value{color:var(--text-secondary);font-size:14px}.mono-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}table.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--divider-light);padding:10px 14px;font-size:12px;font-weight:500}.data-table td{border-bottom:1px solid var(--divider-light);padding:12px 14px}.data-table td:not(:first-child){font-family:var(--font-mono);font-variant-numeric:tabular-nums}.data-table tbody tr{transition:background-color .1s}.data-table tbody tr:hover{background:#c4e8b008}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.is-total-row td{color:var(--text-primary);border-bottom:1px solid var(--accent-border);font-weight:500}.table-product-cell{align-items:center;gap:8px;font-weight:500;display:flex}.table-cell-secondary{color:var(--text-secondary);margin-top:2px;font-size:12px}.data-cards{flex-direction:column;gap:10px;display:none}.data-card{border:1px solid var(--divider-light);border-radius:12px;padding:12px 14px}.data-card.is-total-row{border-color:var(--accent-border)}.data-card.is-total-row .data-card-title{color:var(--text-primary)}.data-card-title{align-items:center;gap:8px;margin-bottom:8px;font-weight:500;display:flex}.data-card-row{justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:13px;display:flex}.data-card-row:not(:last-child){border-bottom:1px solid var(--divider-light)}.data-card-label{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:6px;display:flex}.data-card-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0}.data-card-value-secondary{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);margin-top:2px}.recharts-wrapper,.recharts-wrapper *,.recharts-surface,.recharts-surface *{-webkit-tap-highlight-color:transparent;outline:none!important}.recharts-wrapper:focus,.recharts-wrapper :focus,.recharts-surface:focus,.recharts-surface :focus{outline:none!important}.recharts-responsive-container,.recharts-wrapper{-webkit-user-select:none;user-select:none}.chart-tooltip{-webkit-backdrop-filter:blur(20px);color:var(--text-primary);border:1px solid var(--accent-border);background:#22332af2;border-radius:12px;min-width:160px;max-width:calc(100vw - 32px);padding:10px 14px;font-size:14px;box-shadow:0 8px 32px #0006}.chart-tooltip-date{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-bottom:6px}.chart-tooltip-row{align-items:center;gap:7px;padding:2px 0;display:flex}.chart-tooltip-row .chip-dot{flex-shrink:0}.chart-tooltip-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:500}.chart-below-tooltip{display:none}.empty-state{color:var(--text-secondary);text-align:center;padding:24px 0;font-size:14px}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-legend-hint{color:var(--text-secondary);font-size:12px}.pnl-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.pnl-hero-value-row{align-items:flex-end;gap:28px;display:flex}.pnl-hero-value{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--money-income);white-space:nowrap;font-size:clamp(48px,7vw,88px);font-weight:400;line-height:1}.pnl-hero-value.is-loss{color:var(--money-loss)}.pnl-hero-sparkline{flex-shrink:0;align-items:center;gap:9px;display:flex}.pnl-hero-sparkline-chart{flex-shrink:0;width:200px;height:100%;overflow:visible}.pnl-hero-sparkline-chart .recharts-wrapper,.pnl-hero-sparkline-chart svg{overflow:visible}.pnl-hero-sparkline-dot{transition:filter .25s}.pnl-hero-sparkline-label{white-space:nowrap;flex-direction:column;gap:2px;display:flex}.pnl-hero-sparkline-label-month{font-family:var(--font-mono);color:#8ba493;font-size:10.5px}.pnl-hero-sparkline-label-sum{font-family:var(--font-mono);color:#e8f0e2;font-size:12.5px}.pnl-hero-caption{color:var(--text-secondary);align-items:baseline;gap:10px;margin-top:10px;font-size:14px;display:flex}.pnl-hero-period{color:var(--text-muted)}.pnl-margins{gap:40px;display:flex}.pnl-margin-item{border-left:1px solid var(--border);flex:1;padding-left:32px}.pnl-margin-item:first-child{border-left:none;padding-left:0}.pnl-margin-value{color:var(--text-primary);font-size:24px;font-weight:500}.pnl-margin-label{color:var(--text-muted);margin-top:4px;font-size:13px}.pnl-margin-bar-track{background:#c4e8b01a;border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.pnl-margin-bar-fill{background:var(--money-income);border-radius:2px;height:100%}.pnl-margin-bar-fill.is-negative{background:var(--money-loss)}.pnl-trend-legend{justify-content:flex-end;display:flex}.pnl-trend-legend .chip-row{margin-bottom:16px}.pnl-trend-hint{color:var(--text-muted);margin-top:8px;font-size:12px}.pnl-stmt-table{flex-direction:column;display:flex}.pnl-stmt-row{color:var(--text-secondary);grid-template-columns:1fr 140px 170px;align-items:center;gap:16px;padding:9px 0;font-size:14px;display:grid}.pnl-stmt-row.level-1{padding-left:22px;font-size:13px}.pnl-stmt-row.level-2{color:var(--text-muted);padding-left:44px;font-size:13px}.pnl-stmt-row.is-total{color:var(--text-primary);border-top:1px solid var(--divider-light);margin-top:6px;padding-top:14px;font-size:15px;font-weight:500}.pnl-stmt-row.is-total.is-muted-total{color:var(--text-secondary)}.pnl-stmt-row.is-clickable{cursor:pointer;border-radius:8px;transition:background-color .15s}.pnl-stmt-row.is-clickable:hover{background:var(--accent-wash)}.pnl-stmt-label{align-items:center;gap:6px;display:inline-flex}.pnl-stmt-arrow{opacity:0;color:var(--accent);transition:opacity .15s,transform .15s;transform:translate(-4px)}.pnl-stmt-row.is-clickable:hover .pnl-stmt-arrow{opacity:1;transform:translate(0)}.pnl-stmt-bar-track{background:#c4e8b00f;border-radius:2px;height:4px;overflow:hidden}.pnl-stmt-bar-fill{background:var(--text-secondary);border-radius:2px;height:100%;display:block}.pnl-stmt-row.is-total .pnl-stmt-bar-fill{background:var(--money-income)}.pnl-stmt-value{text-align:right;font-size:14px}.pnl-stmt-zero-group{margin-top:10px}.pnl-stmt-zero-toggle{color:var(--text-muted);background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:13px;display:inline-flex}.pnl-stmt-zero-toggle:hover{color:var(--text-secondary)}.pnl-footnote{color:var(--text-muted);max-width:720px;font-size:12px;line-height:1.5}.login-screen{min-height:100dvh;padding:24px;padding-top:calc(24px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;display:flex}.login-card{flex-direction:column;align-items:center;gap:28px;display:flex}.login-logo{width:240px;height:auto;margin-bottom:16px}.login-pin-row{gap:20px;transition:opacity .2s;display:flex}.login-pin-row.is-checking{animation:1.2s ease-in-out infinite pulse}.login-pin-box{border-radius:var(--radius-control);background:#ffffff05;border:1.5px solid #c4e8b033;justify-content:center;align-items:center;width:68px;height:68px;transition:border-color .15s,background-color .2s;display:flex;position:relative}.login-pin-box.is-filled{border-color:var(--accent)}.login-pin-box.is-error{border-color:var(--money-loss)}.login-pin-box.is-success{border-color:var(--accent);background:var(--accent-wash);box-shadow:0 0 24px #c4e8b066}.login-pin-input{text-align:center;width:100%;height:100%;font-family:var(--font-mono);color:var(--text-primary);caret-color:var(--accent);background:0 0;border:none;outline:none;font-size:36px}.login-pin-dot{color:var(--text-primary);pointer-events:none;justify-content:center;align-items:center;font-size:30px;display:flex;position:absolute;inset:0}.login-card.is-shaking .login-pin-row{animation:.4s login-shake}@keyframes login-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.login-reveal-toggle{color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;margin-top:-8px;padding:4px;transition:color .15s;display:flex}.login-reveal-toggle:hover{color:var(--text-secondary)}.login-status{min-height:18px;color:var(--money-loss);text-align:center;margin-top:-8px;font-size:13px}.login-error-text{animation:.15s login-fade-in}@keyframes login-fade-in{0%{opacity:0}to{opacity:1}}@media (width<=768px){.page{padding:16px 16px calc(32px + env(safe-area-inset-bottom,0px));gap:20px}.panel{padding:16px}.top-nav-wrap{padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;background:#1a2a1ed9}.top-nav{padding:0}.top-nav-left{gap:12px;width:100%}.top-nav-links{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px;padding-bottom:2px;padding-right:28px;overflow-x:auto}.top-nav-links::-webkit-scrollbar{display:none}.top-nav-link{scroll-snap-align:start;flex-shrink:0}.top-nav-fade{background:linear-gradient(90deg,#1a2a1e00,#1a2a1ed9);width:32px;display:block;position:absolute;top:0;bottom:0;right:0}.top-nav-right{justify-content:space-between;gap:8px;width:100%;padding:8px 16px 10px}.top-nav-range{flex-flow:wrap;flex:1;align-items:center;gap:6px;min-width:0}.top-nav-range-dates{flex-shrink:0;gap:4px}.date-input{font-size:16px}.top-nav-range-dates .date-input{padding:4px 1px}.top-nav-apply{flex-shrink:0;width:auto;padding:6px 10px;font-size:12px}.top-nav-logout-text{display:none}.top-nav-logout-icon{display:block}.top-nav-logout{flex-shrink:0;justify-content:center;width:44px;height:44px}.pnl-hero-value-row{flex-direction:column;align-items:stretch;gap:16px}.pnl-hero-sparkline{flex-direction:column;align-items:stretch;gap:6px;width:100%;height:auto!important}.pnl-hero-sparkline-chart{width:100%;height:64px}.pnl-stmt-row{grid-template-columns:1fr auto;gap:12px}.pnl-stmt-bar-track{display:none}.pnl-stmt-label{min-width:0}.pnl-stmt-value{white-space:nowrap}table.data-table{display:none}.data-cards{display:flex}.panel-header-row{flex-direction:column;align-items:flex-start;gap:10px}.pnl-trend-scroll{-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;overflow-x:auto}.chart-below-tooltip{margin-top:8px;display:block}.chart-below-tooltip .chart-tooltip{-webkit-backdrop-filter:none;border:none;border-top:1px solid var(--divider-light);width:100%;min-width:0;max-width:none;box-shadow:none;background:0 0;border-radius:0;padding:10px 0 0}.month-picker-arrow,.login-reveal-toggle,.segmented-option,.chip{position:relative}.month-picker-arrow:after,.login-reveal-toggle:after,.segmented-option:after,.chip:after{content:"";position:absolute}.month-picker-arrow:after{inset:-10px -6px}.login-reveal-toggle:after{inset:-10px}.segmented-option:after{inset:-9px -3px}.chip:after{inset:-5px -3px}.toggle{padding:12px}.chip-row{gap:6px}.chip{padding:6px 12px;font-size:13px}.filter-summary{text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:2px 0;display:flex}.filter-summary:has(+.filter-section){margin-bottom:14px}.filter-summary-lines{flex-direction:column;gap:4px;min-width:0;display:flex}.filter-summary-row{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.filter-summary-label{color:var(--text-muted);margin-right:4px}.filter-summary-chevron{flex-shrink:0}}