:root{--bg: #ffffff;--text: #1a1f2b;--muted: #6b7280;--primary: #2e7d32;--primary-2: #a5d6a7;--accent: #fb8c00;--card: #f8fafc;--border: #e5e7eb;--ok: #10b981;--warn: #f59e0b;--err: #ef4444;--r: 16px;--shadow: 0 10px 25px rgba(0,0,0,.06);--p: 16px;--g: 12px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}:root{--sticky-header-offset:72px}.app-header{padding:var(--p);display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:5}.app-header-left{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.app-brand h1{margin:0;font-size:1.6rem}.app-header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.app-link{border:1px solid var(--border);background:#fff;color:var(--text);text-decoration:none;padding:8px 14px;border-radius:999px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.app-link:hover,.app-link:focus-visible{background:var(--accent-soft,#eef2ff);color:var(--accent,#2563eb);border-color:transparent;outline:none}.app-link:focus-visible{box-shadow:0 0 0 3px #2563eb40}.tabs{display:flex;gap:8px}.tab{border:1px solid var(--border);background:#fff;padding:8px 12px;border-radius:999px;cursor:pointer}.tab.active{background:var(--primary);color:#fff;border-color:transparent}.tab.disabled{opacity:.5;pointer-events:none}.container{max-width:min(1600px,calc(100vw - 2*var(--p)));margin:0 auto;padding:var(--p)}.grid{display:grid;gap:var(--g)}.grid#investments-list,#investments-list.grid{grid-template-columns:repeat(2,minmax(260px,1fr))}@media (max-width: 720px){.grid#investments-list,#investments-list.grid{grid-template-columns:1fr}}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:var(--p)}.view{display:none}.view.visible{display:block}.muted{color:var(--muted)}.form-grid{display:grid;gap:14px;grid-template-columns:1fr}.form-row{display:grid;grid-template-columns:220px minmax(180px,420px);align-items:center;gap:16px}.form-row label{font-size:.95rem;color:var(--text);justify-self:end}.form-row input{padding:10px;border:1px solid var(--border);border-radius:12px;width:100%;max-width:320px}.input-readonly{background:var(--card);color:var(--muted);cursor:not-allowed}.actions{display:flex;gap:8px;align-items:center;margin-bottom:8px}.btn{border:0;border-radius:12px;padding:10px 12px;font-weight:700;cursor:pointer}.btn.success{background:var(--ok);color:#fff}.grid.list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.inv-card{background:#fff;border:1px dashed var(--border);border-radius:12px;padding:12px}.inv-card h4{margin:0 0 8px}.app-footer{padding:var(--p);text-align:center;color:var(--muted)}.card+.card{margin-top:12px}.chart-card{height:300px;display:flex;align-items:stretch;justify-content:flex-start}.chart-layout{display:flex;gap:16px;width:100%;height:100%}.chart-canvas{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center}.chart-side{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;min-width:160px}.chart-side .chart-options{margin-top:0;width:100%}.chart-side .chart-legend{margin-top:0;flex-direction:column;flex-wrap:nowrap;gap:8px;width:100%}.chart-side .chart-legend .legend-item{width:100%;justify-content:flex-start}@media (max-width: 960px){.chart-layout{flex-direction:column;align-items:stretch}.chart-side{flex-direction:row;flex-wrap:wrap;min-width:0;gap:12px}.chart-side .chart-legend{flex-direction:row;flex-wrap:wrap}.chart-side .chart-legend .legend-item{width:auto}}.kpi-value{font-size:1.4rem;font-weight:700;margin-top:6px}.table-card{padding:0}.table-card .table-wrap{border-radius:var(--r);overflow:hidden}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.table-controls{display:flex;gap:8px;align-items:center;padding:12px;position:sticky;top:calc(var(--sticky-header-offset) + 8px);z-index:4;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 4px 10px #0f172a14}.table-controls .colpicker{margin-left:auto;position:relative;display:inline-block}.table-controls .colpicker>summary{list-style:none;cursor:pointer;border:1px solid var(--border);background:#fff;padding:6px 10px;border-radius:8px}.table-controls .colpicker>summary::-webkit-details-marker{display:none}.table-controls .colpicker[open]>.col-panel{position:absolute;right:0;top:calc(100% + 4px);z-index:20;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);width:320px;max-height:320px;overflow:auto;padding:8px 12px}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-variant-numeric:tabular-nums}.data-table th,.data-table td{padding:12px 16px;vertical-align:middle;white-space:nowrap}.data-table th{white-space:normal}.data-table th+th,.data-table td+td{padding-left:24px}.data-table thead th{color:var(--muted);font-weight:600;position:sticky;top:calc(var(--sticky-header-offset) + 60px);z-index:3;background:#fff;border-bottom:1px solid var(--border)}.data-table tbody tr+tr td{border-top:1px solid var(--border)}.data-table tbody tr:hover td{background:#fdfdfd}.data-table tbody tr.phase-pre-fire td{background:#fff}.data-table tbody tr.phase-fire td{background:#e9f7ee}.data-table tbody tr.phase-retirement td{background:#d7efdc}.data-table tbody tr.phase-fire:hover td{background:#dff0e6}.data-table tbody tr.phase-retirement:hover td{background:#cce8d2}.data-table td:nth-child(n+2){text-align:right}.data-table .col-year{width:84px}.data-table .col-percent{width:100px}.chart-svg{width:100%;height:100%;display:block}.chart-axes .axis-line{stroke:var(--border)}.chart-axes .axis-tick{fill:var(--muted);font-size:.8rem}.chart-grid .grid-line{stroke:var(--border);stroke-dasharray:2 3}.chart-line{fill:none;stroke-width:2;stroke:currentColor}.series-base{color:#2563eb}.series-opt{color:#16a34a}.series-pess{color:#f97316}.chart-line.is-hidden{display:none}.chart-note{fill:var(--muted);font-size:.8rem}.chart-empty{fill:var(--muted);font-size:1rem}.chart-target-line{stroke:var(--accent,#2563eb);stroke-dasharray:6 6;stroke-width:1.5;opacity:.85}.chart-target-label{fill:var(--accent,#2563eb);font-size:.75rem;font-weight:600;paint-order:stroke fill;stroke:var(--surface,#fff);stroke-width:4;pointer-events:none}.chart-markers .chart-marker-line{stroke:var(--muted);stroke-dasharray:4 4;stroke-width:1}.chart-markers .chart-marker-line.marker-fire{stroke:#16a34a}.chart-markers .chart-marker-line.marker-pension{stroke:#0f766e}.chart-markers .chart-marker-label{fill:var(--muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.chart-markers .chart-marker-label.marker-fire{fill:#15803d}.chart-markers .chart-marker-label.marker-pension{fill:#0f766e}.allocation-card{margin-top:12px;padding:var(--p);border:1px solid var(--border);border-radius:var(--r);background:var(--card);display:flex;flex-direction:column;gap:16px;width:min(100%,600px)}.allocation-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.allocation-title{font-weight:600}.allocation-header-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.allocation-sliders{display:flex;gap:16px;flex-wrap:wrap}.allocation-row{display:flex;flex-direction:column;gap:8px;flex:1 1 250px}.allocation-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;flex-wrap:wrap}.allocation-row input[type=range]{width:100%}.allocation-amount{font-variant-numeric:tabular-nums;font-weight:500;text-align:right}.allocation-help{position:relative;display:flex;align-items:center}.allocation-help-trigger{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--muted);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.allocation-help-trigger:hover,.allocation-help-trigger:focus-visible{background:var(--accent-soft,#eef2ff);color:var(--accent,#2563eb);outline:none}.allocation-help-tooltip{display:none;position:absolute;top:calc(100% + 6px);right:0;max-width:260px;padding:8px 12px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface,#fff);box-shadow:0 8px 18px #0f172a1f;z-index:5;font-size:.85rem;line-height:1.4}.allocation-help:hover .allocation-help-tooltip,.allocation-help-trigger:focus-visible+.allocation-help-tooltip{display:block}.allocation-help-trigger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.allocation-summary{margin:12px 0;padding:12px;border:1px solid var(--border);border-radius:var(--r);background:var(--card);display:flex;flex-direction:column;gap:10px;font-size:.95rem;width:min(100%,600px)}.allocation-summary-title{font-weight:600;font-size:1rem}.allocation-summary .allocation-line{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.allocation-summary .allocation-line strong{font-weight:600}.allocation-summary .allocation-line span{font-variant-numeric:tabular-nums;text-align:right}.allocation-positive{color:var(--ok);font-weight:600}.allocation-negative,.allocation-warning{color:var(--err);font-weight:600}.pension-summary{margin:12px 0;padding:16px;border:1px solid var(--border);border-radius:var(--r);background:var(--card);display:flex;flex-direction:column;gap:12px}.pension-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.pension-summary-item{padding:12px;border-radius:var(--r);background:var(--surface,#fff);display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 2px #0f172a0d}.pension-summary-label{font-weight:600;font-size:.95rem;color:var(--text)}.pension-summary-value{font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums}.pension-summary-sub{color:var(--muted);font-size:.85rem}.chart-overlay{fill:transparent;pointer-events:all}.guide-line{stroke:var(--accent);stroke-width:1}.chart-tooltip .tip-bg{fill:#fff;stroke:var(--border)}.chart-tooltip .tip-text{fill:var(--text);font-size:.85rem}.chart-legend{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.chart-legend .legend-item{border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text)}.chart-legend .legend-item.off{opacity:.5;text-decoration:line-through}.chart-legend .legend-item .swatch{width:10px;height:10px;border-radius:50%;display:inline-block;background:currentColor}.chart-legend .legend-item.series-base{color:#2563eb}.chart-legend .legend-item.series-opt{color:#16a34a}.chart-legend .legend-item.series-pess{color:#f97316}.chart-options{margin-top:8px;display:flex;justify-content:flex-start}.chart-option{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted)}.chart-option input[type=checkbox]{width:16px;height:16px}