:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--panel:#fff;--panel-soft:#f1f4f7;--surface:var(--panel);--surface2:var(--panel-soft);--text:#1f2933;--muted:#657282;--line:#dce3ea;--line-strong:#b8c4cf;--teal:#0f766e;--blue:#2563eb;--violet:#7c3aed;--coral:#d95f43;--gold:#b7791f;--green:#2f855a;--risk:#be3a34;--shadow:0 18px 40px #1f293314;--topbar-bg:#f6f7f9f0;--error-bg:#fff1f0;--error-border:#f2b8b5;--chart-grid:#65728229;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:18px;--sp-6:24px;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--chart-h:320px;--chart-h-sm:240px;--chart-h-lg:400px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#11151a;--panel:#1a2027;--panel-soft:#232b34;--text:#e6ebf0;--muted:#93a1b0;--line:#2c3641;--line-strong:#45525f;--teal:#2bb3a3;--blue:#6ba3f8;--violet:#a78bfa;--coral:#ef8a6c;--gold:#d9a440;--green:#57c98a;--risk:#f08a85;--shadow:0 18px 40px #00000073;--topbar-bg:#11151af0;--error-bg:#3a201d;--error-border:#7f3a36;--chart-grid:#93a1b02e}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}#root{flex-direction:column;min-height:100svh;display:flex}button,a{font:inherit}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.1}h2{font-size:16px;line-height:1.2}h3{font-size:13px;line-height:1.3}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.topbar{z-index:10;border-bottom:1px solid var(--line);background:var(--topbar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:28px;padding:12px 28px;display:flex;position:sticky;top:0}.app-brand h1{letter-spacing:-.04em;margin:0;font-size:33px;font-weight:900;line-height:1}.top-actions{align-items:center;gap:10px;display:flex}.tabbar{display:none}.topbar-nav{flex:1;align-self:stretch;align-items:stretch;gap:4px;min-width:0;display:flex;overflow-x:auto}.topnav-link{color:var(--muted);font-size:var(--fs-md);white-space:nowrap;align-items:center;gap:6px;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.topnav-link:hover{color:var(--text)}.topnav-link.active{color:var(--teal)}.topnav-link.active:after{content:"";background:var(--teal);border-radius:2px;height:2.5px;position:absolute;bottom:0;left:12px;right:12px}.mobile-only{display:none!important}.inv-hero{text-align:center;padding:22px 16px 24px}.inv-hero-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.inv-hero-value{letter-spacing:-.02em;margin-top:6px;font-size:38px;font-weight:800;line-height:1.15}.inv-hero-pill{border-radius:var(--r-pill);align-items:center;gap:6px;margin-top:10px;padding:4px 14px;font-size:14px;font-weight:700;display:inline-flex}.inv-hero-pill.up{color:var(--green);background:#2f855a24}.inv-hero-pill.down{color:var(--coral);background:#d95f4324}.inv-hero-sub{color:var(--muted);margin-top:8px;font-size:12px}.holding-list{flex-direction:column;display:flex}.holding-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.holding-row:last-child{border-bottom:0}.holding-avatar{color:#fff;text-shadow:0 1px 2px #00000040;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:flex}.holding-main{flex:1;min-width:0}.holding-symbol{font-size:14px;font-weight:750}.holding-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:12px;overflow:hidden}.holding-right{text-align:right;flex-shrink:0}.holding-value{font-variant-numeric:tabular-nums;font-size:14px;font-weight:750}.holding-meta-row{justify-content:flex-end;align-items:baseline;gap:8px;margin-top:1px;display:flex}.holding-pnl{font-size:12px;font-weight:700}.holding-day{font-size:11px;font-weight:600}.holding-day.up{color:var(--green)}.holding-day.down{color:var(--coral)}.holding-pnl.up{color:var(--green)}.holding-pnl.down{color:var(--coral)}.holding-pnl.flat{color:var(--muted);font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.running-pill{background:color-mix(in srgb, var(--teal) 16%, transparent);color:var(--teal);white-space:nowrap;border:1px solid color-mix(in srgb, var(--teal) 30%, transparent);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.running-pill:hover{background:color-mix(in srgb, var(--teal) 24%, transparent)}.running-dot{background:var(--teal);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.25}}@media (width<=768px){.running-pill{padding:4px 8px;font-size:11px}}.holding-row-click{cursor:pointer}.holding-row-click:hover{background:var(--hover,#7d7d7d0f)}.exposure-grid{grid-template-columns:minmax(220px,280px) 1fr;align-items:center;gap:26px;display:grid}.exposure-donut{height:240px;position:relative}.exposure-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.exposure-center-value{letter-spacing:-.01em;font-size:20px;font-weight:800}.exposure-center-label{color:var(--muted);margin-top:2px;font-size:11px}.sector-list{flex-direction:column;justify-content:center;gap:7px;min-width:0;display:flex}.sector-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.sector-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sector-info{align-items:baseline;gap:8px;min-width:0;display:flex}.sector-name{white-space:nowrap;font-size:13px;font-weight:700}.sector-symbols{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sector-val{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.sector-val strong{font-size:13px}.exposure-mini{margin-top:12px}.exposure-mini-bar{background:var(--panel-soft);border-radius:999px;height:10px;display:flex;overflow:hidden}.exposure-mini-legend{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:11px;display:flex}.exposure-mini-legend span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.exposure-mini-legend i{border-radius:50%;width:8px;height:8px;display:inline-block}@media (width<=760px){.exposure-grid{grid-template-columns:1fr;gap:16px}.exposure-donut{height:210px}}.pos-detail{width:min(560px,94vw);max-width:560px}.pos-detail-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.pos-detail-symbol{letter-spacing:-.01em;font-size:22px;font-weight:800}.pos-detail-sub{color:var(--muted);margin-top:2px;font-size:12px}.pos-detail-price{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pos-detail-px{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1.1}.pos-detail-section{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 0 10px;font-size:12px;font-weight:700}.pos-broker-table{font-size:13px}.pos-broker-table th,.pos-broker-table td{padding:7px 10px}.pos-broker-table small{color:var(--muted)}.sub-nav{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);flex-shrink:0;align-items:center;gap:3px;width:fit-content;max-width:calc(100% - 56px);margin:16px 28px 0;padding:4px;display:flex;overflow-x:auto}.sub-nav-btn{border-radius:var(--r-sm);color:var(--muted);font-size:var(--fs-base);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-weight:600;text-decoration:none;display:inline-flex}.sub-nav-btn:hover{color:var(--text)}.sub-nav-btn.active{background:var(--teal);color:#fff;font-weight:700}.sub-nav+.page-shell{margin-top:16px}.icon-button{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);min-width:42px;height:42px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.icon-button svg{width:21px;height:21px}.icon-button:hover{border-color:var(--line-strong);box-shadow:0 4px 12px #1f293314}.btn{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--line-strong)}.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn-primary:hover{opacity:.9}.btn-danger{background:var(--risk);border-color:var(--risk);color:#fff}.btn-sm{padding:4px 10px;font-size:12px}.page-header{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.page-header h2{letter-spacing:-.01em;font-size:20px;font-weight:800}.page-header .muted{font-size:var(--fs-sm);margin-top:2px}.page-header-actions{align-items:center;gap:var(--sp-2);display:flex}.page-shell{flex:1;width:calc(100% - 56px);margin:24px auto 48px}.page-footer{border-top:1px solid var(--line);text-align:center;padding:12px 28px}.muted{color:var(--muted);font-size:13px;line-height:1.5}.tile{background:var(--panel-soft);border-radius:var(--r-md);padding:12px 14px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px;display:grid}.kpi-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card,.panel{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow)}.kpi-card{min-height:120px;padding:16px;position:relative;overflow:hidden}.kpi-card-wide{grid-column:span 2;justify-content:space-between;align-items:flex-start;gap:14px;padding-right:18px;display:flex}.kpi-card.kpi-card-wide .kpi-value{font-size:26px}.kpi-card-wide .kpi-main{flex:1;min-width:0}.kpi-card-hero{grid-column:span 4;align-items:center;padding:20px 26px 20px 22px}.kpi-card.kpi-card-hero .kpi-value{font-size:48px;line-height:1.05}.kpi-card.kpi-card-hero .kpi-label{font-size:13px}.kpi-card.kpi-card-hero .kpi-delta{font-size:14px}.kpi-card.kpi-card-hero .kpi-sub{font-size:13px}.kpi-card.kpi-card-hero .kpi-extra .kpi-label{font-size:12px}.kpi-card.kpi-card-hero .kpi-extra strong{font-size:30px}.kpi-card.kpi-card-hero .kpi-extra small{font-size:12px}.kpi-extra{text-align:right;flex-direction:column;flex-shrink:0;gap:2px;display:flex}.kpi-extra .kpi-label{font-size:10px}.kpi-extra strong{letter-spacing:-.01em;font-size:17px;font-weight:800}.kpi-extra small{color:var(--muted);font-size:11px}.kpi-card .kpi-label.kpi-verdict{color:var(--text);font-size:14px;font-weight:800}.kpi-roast{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:6px;font-size:12px;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.kpi-roast.tone-risk{color:var(--risk)}.kpi-roast.tone-watch{color:var(--gold)}.kpi-roast.tone-good{color:var(--green)}.kpi-summary-card{grid-column:span 4;align-items:center;gap:14px;min-height:0;padding:11px 18px;display:flex}.kpi-summary-card .kpi-roast{-webkit-line-clamp:1;flex:1;margin-top:0}.kpi-summary-card .health-badge{padding:2px 8px;font-size:10px}.kpi-card:before{content:"";background:var(--accent,var(--teal));width:5px;position:absolute;inset:0 auto 0 0}.kpi-card .kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700;display:block}.kpi-card .kpi-value{letter-spacing:-.02em;margin-top:10px;font-size:22px;font-weight:800;line-height:1.1;display:block}.kpi-card .kpi-value-up{color:var(--green)}.kpi-card .kpi-value-down{color:var(--coral)}.kpi-card .kpi-sub{color:var(--muted);margin-top:4px;font-size:12px;display:block}.kpi-card .kpi-delta{font-size:var(--fs-xs);margin-top:6px;font-weight:700;display:block}.kpi-card .kpi-delta.up{color:var(--green)}.kpi-card .kpi-delta.down{color:var(--coral)}.kpi-card .kpi-delta.flat{color:var(--muted);font-weight:500}.kpi-card .kpi-sub-good{color:var(--green);font-weight:600}.kpi-card .kpi-sub-watch{color:var(--gold);font-weight:600}.kpi-card .kpi-sub-risk{color:var(--risk);font-weight:600}.accent-teal{--accent:var(--teal)}.accent-blue{--accent:var(--blue)}.accent-violet{--accent:var(--violet)}.accent-coral{--accent:var(--coral)}.accent-gold{--accent:var(--gold)}.accent-green{--accent:var(--green)}.accent-risk{--accent:var(--risk)}.panel{margin-bottom:18px;padding:18px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-title{font-size:14px;font-weight:700}.loading-spinner{color:var(--muted);justify-content:center;align-items:center;padding:48px;font-size:14px;display:flex}.error-banner{border:1px solid var(--error-border);border-radius:var(--r-md);background:var(--error-bg);color:var(--risk);margin-bottom:16px;padding:12px 14px;font-weight:700}.empty-state{text-align:center;color:var(--muted);padding:32px;font-size:13px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--line);padding:8px 12px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--panel-soft)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.positive{color:var(--green)}.negative{color:var(--coral)}.badge{border-radius:var(--r-pill);background:var(--coral);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.form-input,.form-select{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);height:34px;color:var(--text);padding:0 10px;font-family:inherit;font-size:13px}.form-input:focus,.form-select:focus{outline:2px solid var(--teal);outline-offset:1px}.treemap-wrap{width:100%;min-height:280px;position:relative}.treemap{width:100%;height:100%;min-height:inherit;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-soft);position:relative;overflow:hidden}.treemap-tile{text-align:center;background:var(--tile-color,var(--teal));color:#fff;border:1px solid #00000040;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;min-height:0;padding:4px;display:flex;position:absolute;overflow:hidden}.treemap-label,.treemap-sub{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #00000059;max-width:100%;overflow:hidden}.treemap-label{font-size:13px;font-weight:800}.treemap-sub{opacity:.92;font-size:11px;font-weight:650}.treemap-tile-medium .treemap-label{font-size:11px}.treemap-tile-medium .treemap-sub{font-size:10px}.treemap-tile-small .treemap-label{font-size:9px}.treemap-tile-small .treemap-sub,.treemap-tile-tiny .treemap-label,.treemap-tile-tiny .treemap-sub{display:none}.toast-container{z-index:100;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:14px 18px;font-size:13px}.toast-actions{gap:8px;margin-top:10px;display:flex}.amount-income{color:var(--green);font-weight:700}.amount-expense{color:var(--coral);font-weight:700}.amount-transfer{color:var(--blue);font-weight:700}.amount-neutral{color:var(--text);font-weight:700}.chip{border-radius:var(--r-pill);align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.chip-success{color:var(--green);background:#2f855a1f}.chip-warning{color:var(--gold);background:#b7791f1f}.chip-error{color:var(--risk);background:#be3a3424}.chip-neutral{background:var(--panel-soft);color:var(--muted)}.pagination{justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:18px;display:grid}.three-col{grid-template-columns:1fr 1fr 1fr;gap:18px;display:grid}.tab-list{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);align-items:center;gap:3px;width:fit-content;max-width:100%;margin-bottom:18px;padding:4px;display:flex;overflow-x:auto}.tab-btn{border-radius:var(--r-sm);color:var(--muted);font-size:var(--fs-base);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-weight:600;display:inline-flex}.tab-btn.active{background:var(--teal);color:#fff;font-weight:700}.tab-btn:hover:not(.active){color:var(--text)}.filters-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.filters-row .filter-search{flex:200px;max-width:300px}.panel-grid{gap:18px;margin-bottom:18px;display:grid}.panel-grid.two{grid-template-columns:minmax(0,1.35fr) minmax(360px,.9fr)}.panel-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-grid.halves{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid .panel{min-width:0;margin-bottom:0}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;min-height:42px;margin-bottom:12px;display:flex}.panel .panel-head h2{color:var(--text);text-transform:none;letter-spacing:0;font-size:25px;font-weight:800}.health-badge{border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0;align-self:flex-start;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.health-badge.health-good{color:var(--green);background:#2f855a26}.health-badge.health-watch{color:var(--gold);background:#b7791f26}.health-badge.health-risk{color:var(--risk);background:#d95f4326}.summary-paragraph{color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:14px;font-size:13px;line-height:1.6}.summary-bar{padding:14px 18px}.summary-bar .panel-head{align-items:center;min-height:0;margin-bottom:0}.summary-bar .panel-head .health-badge{align-self:center}.summary-bar .summary-paragraph{border-bottom:none;margin-top:6px;margin-bottom:0;padding-bottom:0}.amount-spend{color:var(--coral);font-weight:700}.val-blue{color:var(--blue)}.val-violet{color:var(--violet)}.val-orange{color:var(--coral)}.val-gold{color:var(--gold)}.attention-list{gap:10px;display:grid}.attention-note{margin:-2px 0 12px;font-size:12px;line-height:1.45}.attention-row{border-bottom:1px solid var(--line);border-left:4px solid var(--tone,var(--blue));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:11px 0 11px 12px;display:grid}.attention-row:last-child{border-bottom:0}.attention-row.good{--tone:var(--green)}.attention-row.watch{--tone:var(--gold)}.attention-row.risk{--tone:var(--risk)}.attention-row.neutral{--tone:var(--blue)}.attention-row strong{text-align:right;white-space:nowrap}.nw-toggle{background:var(--panel-soft);border-radius:var(--r-sm);gap:2px;padding:2px;display:flex}.nw-toggle-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.nw-toggle-btn.active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0000001f}.nw-big-value{letter-spacing:-.02em;margin:12px 0 0;font-size:32px;font-weight:800;line-height:1.1}.nw-positive{color:var(--green)}.nw-negative{color:var(--risk)}.nw-delta{margin-top:4px;font-size:12px;font-weight:700}.list-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 12px;padding:8px 0;display:grid}.list-row:last-child{border-bottom:0}.row-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.row-sub{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.35;display:block}.row-value{text-align:right;white-space:nowrap;font-size:13px;font-weight:700}.bar-track{border-radius:var(--r-pill);background:var(--panel-soft);grid-column:1/-1;height:6px;margin-top:5px;overflow:hidden}.bar-fill{height:100%;width:var(--width,0%);border-radius:var(--r-pill);background:var(--accent,var(--teal))}.summary-layout,.summary-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.summary-layout .panel,.summary-bottom .panel{margin-bottom:0}.month-recap{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.month-recap>div{border-radius:var(--r-md);background:var(--panel-soft);min-height:94px;padding:12px 14px}.month-recap span{color:var(--muted);font-size:12px;font-weight:800}.month-recap strong{margin-top:12px;font-size:20px;line-height:1.1;display:block}.recap-delta{margin-top:6px;font-size:11px;font-weight:700;display:block}.delta-good{color:var(--green)}.delta-bad{color:var(--risk)}.statement-calc-note{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:12px;line-height:1.5}.chart-wrap{width:100%;height:var(--chart-h);position:relative}.chart-wrap.chart-lg{height:var(--chart-h-lg)}.chart-wrap.chart-auto{height:auto;min-height:280px}.recap-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.recap-item{background:var(--panel-soft);border-radius:var(--r-md);flex-direction:column;gap:2px;min-width:0;height:64px;padding:8px 12px;display:flex;overflow:hidden}.recap-item-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.recap-item-value{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;line-height:1.2;overflow:hidden}.recap-grid-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.recap-grid-hero .recap-item{height:112px}.recap-item-wide{grid-column:span 2}.recap-item-wide .recap-item-value{font-size:46px}.recap-item-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mort-hero{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.mort-hero-col{flex-direction:column;gap:2px;display:flex}.mort-hero-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10px;font-weight:700}.mort-hero-balance{letter-spacing:-.02em;color:var(--risk);font-size:28px;font-weight:800;line-height:1.1}.mort-hero-rate{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.1}.mort-hero-rate-unit{color:var(--muted);font-size:12px;font-weight:600}.mort-bar-section{margin-bottom:6px}.mort-bar-info{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mort-bar-paid{color:var(--green);font-size:12px;font-weight:700}.mort-equity-chip{color:var(--green);border-radius:var(--r-pill);background:#2f855a1f;padding:2px 9px;font-size:11px;font-weight:700}.mort-bar-meta{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.mort-bar-meta strong{color:var(--text);font-weight:700}.mort-payment-card{background:var(--panel-soft);border-radius:var(--r-md);padding:12px 14px}.mort-payment-total{letter-spacing:-.02em;margin-bottom:10px;font-size:26px;font-weight:800;line-height:1.1}.mort-payment-total-sub{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:500}.mort-payment-split{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mort-payment-part{background:var(--panel);border-radius:var(--r-md);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.mort-payment-part-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:10px;font-weight:700}.mort-payment-part-val{letter-spacing:-.01em;font-size:16px;font-weight:800}.mort-lifetime-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mort-lifetime-item{background:var(--panel-soft);border-radius:var(--r-md);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.mort-lifetime-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:10px;font-weight:700}.mort-lifetime-val{letter-spacing:-.01em;font-size:16px;font-weight:800}.mort-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-top:1px solid var(--line);margin:14px 0 6px;padding-top:10px;font-size:10px;font-weight:700}.mini-nav-btn{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);width:34px;height:34px;color:var(--text);cursor:pointer;place-items:center;font-size:15px;font-weight:700;text-decoration:none;display:inline-grid}.mini-nav-btn:hover{border-color:var(--line-strong)}.spend-range-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.segment-control{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-soft);flex-shrink:0;min-height:36px;padding:3px;display:inline-flex;overflow-x:auto}.segment-btn{border-radius:var(--r-sm);min-width:104px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:13px;font-weight:750}.segment-btn.active{background:var(--panel);color:var(--teal);box-shadow:0 4px 12px #1f293314}:root{--hm-0:#6572821f;--hm-1:#d95f4340;--hm-2:#d95f4373;--hm-3:#d95f43b3;--hm-4:#d95f43f2}:root[data-theme=dark]{--hm-0:#93a1b024;--hm-1:#ef8a6c47;--hm-2:#ef8a6c80;--hm-3:#ef8a6cbf;--hm-4:#ef8a6c}.heatmap-scroll{padding-bottom:6px;overflow-x:auto}.heatmap{gap:8px;display:inline-flex}.hm-weekday-col{color:var(--muted);flex-direction:column;gap:3px;margin-top:18px;font-size:10px;display:flex}.hm-weekday-col span{height:13px;line-height:13px}.hm-body{flex-direction:column;display:flex}.hm-months{height:18px;color:var(--muted);gap:3px;font-size:10px;display:flex}.hm-months span{white-space:nowrap;flex:0 0 13px;width:13px;overflow:visible}.hm-weeks{gap:3px;display:flex}.hm-week{flex-direction:column;gap:3px;display:flex}.hm-cell{background:var(--hm-0);border-radius:3px;flex:none;width:13px;height:13px}.hm-l1{background:var(--hm-1)}.hm-l2{background:var(--hm-2)}.hm-l3{background:var(--hm-3)}.hm-l4{background:var(--hm-4)}.hm-out{background:0 0}.inv-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 0;display:grid}.inv-stat{background:var(--panel-soft);border-radius:var(--r-md);flex-direction:column;gap:3px;padding:12px 14px;display:flex}.inv-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.inv-stat-value{letter-spacing:-.02em;font-size:18px;font-weight:800;line-height:1.2}.inv-stat-value small{font-size:12px;font-weight:600}.mortgage-split{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mortgage-split>div{border-radius:var(--r-md);background:var(--panel-soft);min-height:92px;padding:14px}.mortgage-split span{color:var(--muted);font-size:12px;font-weight:800}.mortgage-split strong{margin-top:12px;font-size:19px;line-height:1.1;display:block}.progress-block{margin-top:14px}.progress-label{color:var(--muted);justify-content:space-between;margin-bottom:5px;font-size:13px;display:flex}.progress-track{border-radius:var(--r-pill);background:var(--panel-soft);height:10px;overflow:hidden}.progress-fill{border-radius:var(--r-pill);background:var(--teal);height:100%}.progress-fill.coral{background:var(--coral)}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:flex-start;padding:8vh 16px 16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);width:100%;max-width:520px;max-height:84vh;box-shadow:var(--shadow);padding:22px;overflow-y:auto}.modal h2{margin-bottom:16px}.modal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.modal-form .full{grid-column:1/-1}.modal-field{flex-direction:column;gap:5px;display:flex}.modal-field>label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;display:flex}.segment-select{border:1px solid var(--line);border-radius:var(--r-pill);background-color:var(--panel);width:100%;color:var(--text);font:inherit;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%2393a1b0' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding:10px 40px 10px 16px;font-size:13px;font-weight:650}.spark-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:380px;display:grid;overflow-y:auto}.trend-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.trend-tile{padding:12px 14px 8px}.trend-chart{height:130px;position:relative}.spark-tile{padding:10px 12px 6px}.spark-head{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.spark-head strong{font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spark-head span{font-size:var(--fs-sm);white-space:nowrap;font-weight:700}.rowlist{flex-direction:column;display:flex}.row-card{justify-content:space-between;align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--line);padding:12px 14px;display:flex}.row-card:last-child{border-bottom:0}.row-card-main{flex:1;min-width:0}.row-card-title{font-weight:650;font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-card-sub{font-size:var(--fs-sm);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;margin-top:2px;display:flex;overflow:hidden}.row-card-right{text-align:right;flex-shrink:0}.row-card-value{font-weight:750;font-size:var(--fs-base);font-variant-numeric:tabular-nums;white-space:nowrap}.row-card-meta{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;margin-top:2px}.row-card .progress-track{margin-top:6px}.txlist{flex-direction:column;display:flex}.txlist-date{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--panel-soft);border-bottom:1px solid var(--line);padding:8px 16px 6px;font-size:11px;font-weight:800}.txlist-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;display:flex}.txlist-row:hover{background:var(--panel-soft)}.txlist-main{flex:1;min-width:0}.txlist-title{font-weight:600;font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.txlist-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.txlist-amount{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-weight:750}.txlist-amount small{color:var(--muted);font-size:11px;font-weight:500;display:block}@media (width<=1100px){.panel-grid.two,.panel-grid.three,.panel-grid.halves,.summary-layout,.summary-bottom{grid-template-columns:1fr}.month-recap{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.mobile-only{display:block!important}.desktop-only{display:none!important}.topbar{gap:12px;padding:10px 16px}.topbar-nav{display:none!important}.page-shell{width:calc(100% - 28px);padding-bottom:calc(96px + env(safe-area-inset-bottom))}.page-footer{display:none}.sub-nav{width:auto;max-width:calc(100% - 28px);margin:14px 14px 0}.sub-nav-btn{flex:1;justify-content:center;padding:6px 8px}.sub-nav+.page-shell{margin-top:14px}.tabbar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:50;background:color-mix(in srgb, var(--panel) 80%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.5);border:1px solid var(--line);border-radius:var(--r-pill);justify-content:space-around;align-items:stretch;max-width:430px;margin:0 auto;padding:7px 6px;display:flex;position:fixed;box-shadow:0 10px 32px #00000047,0 2px 8px #0000001f}.tabbar-btn{border-radius:var(--r-pill);min-width:0;color:var(--muted);white-space:nowrap;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:5px 2px;font-size:10px;font-weight:650;text-decoration:none;display:flex;position:relative;overflow:hidden}.tabbar-btn svg{flex-shrink:0;width:22px;height:22px}.tabbar-btn.active{color:var(--teal);font-weight:750}.tabbar-btn .badge{position:absolute;top:1px;right:calc(50% - 22px)}.page-header{flex-wrap:nowrap}.page-header h2{font-size:26px}.page-header-actions .segment-select{width:auto;padding:8px 32px 8px 14px;font-size:13px}.kpi-grid{gap:8px;margin-bottom:14px;grid-template-columns:repeat(2,1fr)!important}.kpi-card{height:72px;min-height:0;padding:6px 10px 6px 12px;overflow:hidden}.kpi-card:before{width:3px}.kpi-card .kpi-label{letter-spacing:.04em;font-size:9px}.kpi-card .kpi-value{margin-top:2px;font-size:15px}.kpi-card .kpi-delta{margin-top:1px;font-size:10px}.kpi-card .kpi-sub{white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;line-height:1.25;overflow:hidden}.recap-grid{grid-template-columns:repeat(2,1fr)}.recap-item{height:72px;padding:6px 10px}.recap-item-label{letter-spacing:.04em;font-size:9px}.recap-item-value{font-size:15px}.recap-grid-hero .recap-item{height:88px}.recap-item-wide .recap-item-value{font-size:32px}.kpi-card-wide{grid-column:span 2}.kpi-card.kpi-card-wide .kpi-value{font-size:19px}.kpi-summary-card{grid-column:span 2}.kpi-card-hero{grid-column:span 2;align-items:center;height:152px;padding:12px 14px}.kpi-card.kpi-card-hero .kpi-value{font-size:42px}.kpi-card.kpi-card-hero .kpi-label{font-size:11px}.kpi-card.kpi-card-hero .kpi-delta,.kpi-card.kpi-card-hero .kpi-sub{font-size:12px}.kpi-card-hero .kpi-extra{display:flex}.kpi-card.kpi-card-hero .kpi-extra strong{font-size:24px}.kpi-card.kpi-card-hero .kpi-extra small{font-size:11px}.kpi-extra strong{font-size:14px}.kpi-extra small{font-size:9px}.kpi-roast{-webkit-line-clamp:3;margin-top:3px;font-size:10px;line-height:1.35}.kpi-summary-card{flex-wrap:wrap;order:-1;grid-column:span 2;gap:4px 8px;height:auto;padding:10px 14px}.kpi-summary-card .health-badge{margin-left:auto}.kpi-summary-card .kpi-roast{-webkit-line-clamp:3;flex-basis:100%}.kpi-card .kpi-label.kpi-verdict{font-size:12px}.recap-item-sub{font-size:10px;line-height:1.25}.filters-row>*{flex:calc(50% - 10px);min-width:0;max-width:none}.filters-row .filter-search,.filters-row .filter-kind{flex:100%;max-width:none}.filters-row .form-input,.filters-row .form-select{width:100%}.month-recap{grid-template-columns:repeat(2,1fr)!important}.two-col,.three-col{grid-template-columns:1fr}.panel{padding:14px;overflow-x:auto}html,body{overflow-x:hidden}.cmp-table th,.cmp-table td{font-size:var(--fs-sm);padding:7px}.chart-wrap{height:var(--chart-h-sm)}.chart-wrap.chart-lg{height:300px}.chart-wrap.chart-auto{height:auto}.spend-range-row{flex-direction:column;align-items:stretch;gap:8px}.segment-control{background:0 0;border:none;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;width:100%;min-height:0;padding:0;display:grid;overflow:visible}.segment-btn{min-width:0;font-size:var(--fs-sm);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--panel);color:var(--muted);padding:9px 4px}.segment-btn.active{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:none;font-weight:750}}.demo-banner{background:color-mix(in srgb, var(--gold) 18%, transparent);color:var(--gold);border-bottom:1px solid color-mix(in srgb, var(--gold) 35%, transparent);text-align:center;justify-content:center;align-items:center;gap:10px;padding:6px 12px;font-size:12.5px;font-weight:600;display:flex}.demo-banner a{color:var(--gold);text-decoration:underline}