: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)}.app-header{padding:var(--p);display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:5}.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}.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:240px;display:flex;align-items:center;justify-content:center}.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}.table-controls{display:flex;gap:8px;align-items:center;padding:12px;position:relative}.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:0;z-index:1;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 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-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}