:root{--bg:#0f1419;--panel:#1a2029;--panel-2:#222a36;--border:#2d3748;--text:#e2e8f0;--muted:#94a3b8;--accent:#3b82f6;--accent-2:#10b981;--warn:#f59e0b;--danger:#ef4444;--extra-row:#1e3a2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.page{max-width:1200px;margin:0 auto;padding:20px}h1{margin:0 0 4px;font-size:24px}h2{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:16px}h3{color:var(--muted);margin:0 0 8px;font-size:14px}.subtitle{color:var(--muted);margin-bottom:20px;font-size:14px}.grid{gap:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.row-2{grid-template-columns:1fr 1fr}.row-3{grid-template-columns:1fr 1fr 1fr}.row-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.row-2,.row-3,.row-4{grid-template-columns:1fr}}label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:12px;display:block}input,select{background:var(--panel-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:14px}input:focus,select:focus{border-color:var(--accent);outline:none}.field{margin-bottom:12px}.inline{align-items:flex-end;gap:8px;display:flex}.inline>div{flex:1}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600}button:hover{filter:brightness(1.1)}button.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}button.danger{color:var(--danger);background:0 0;padding:4px 8px;font-size:12px}.extra-list{margin-top:8px}.extra-row{background:var(--panel-2);border-radius:6px;grid-template-columns:1.3fr 1fr auto auto;align-items:end;gap:8px;margin-bottom:6px;padding:8px;display:grid}.extra-row label{margin-bottom:2px}.checkbox-row{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.checkbox-row input{width:auto;margin:0}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}th,td{text-align:right;border-bottom:1px solid var(--border);padding:6px 8px}th{background:var(--panel);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:right;font-size:11px;position:sticky;top:0}th:first-child,td:first-child{text-align:left}tr.has-extra{background:var(--extra-row)}.table-wrap{background:var(--panel-2);border-radius:6px;max-height:420px;overflow:auto}.summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}@media (max-width:900px){.summary{grid-template-columns:1fr 1fr}}.card{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:12px}.card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:11px}.card .value{color:var(--text);font-size:20px;font-weight:700}.card .delta{color:var(--accent-2);margin-top:2px;font-size:12px}.card .delta.neg{color:var(--danger)}.chart-wrap{height:300px;position:relative}.what-if-grid{grid-template-columns:1fr 2fr;gap:16px;display:grid}@media (max-width:900px){.what-if-grid{grid-template-columns:1fr}}.what-if-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tooltip{color:var(--muted);cursor:help;border-bottom:1px dotted var(--muted);margin-left:6px;font-size:11px;display:inline-block;position:relative}.tooltip:hover:after{content:attr(data-tip);color:#fff;z-index:10;background:#000;border-radius:6px;max-width:280px;margin-top:18px;margin-left:-100px;padding:8px;font-size:12px;line-height:1.4;position:absolute}.warn{color:var(--warn);margin-top:6px;font-size:12px}.toggle-group{background:var(--panel-2);border-radius:6px;padding:2px;display:inline-flex}.toggle-group button{color:var(--muted);background:0 0;padding:4px 10px;font-size:12px}.toggle-group button.active{background:var(--accent);color:#fff}.ahorro-badge{color:var(--accent-2);background:#10b98126;border-radius:4px;margin-top:8px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.ahorro-badge.empty{color:var(--muted);background:0 0;font-weight:400}.extra-row .ahorro-inline{color:var(--accent-2);margin-top:2px;font-size:11px;font-weight:600}