*{box-sizing:border-box}html,body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#0f172a;background:transparent}
.card{border-radius:18px;padding:18px;max-width:560px;margin:0 auto}.dark{background:linear-gradient(135deg,#0b1730,#1e1b4b);color:#fff}.light{background:#fff;border:1px solid #e2e8f0}
h1{font-size:1.15rem;margin:2px 0 10px}.k{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#22d3ee}
label{display:block;font-size:.82rem;margin:8px 0}label span{display:flex;justify-content:space-between}input[type=range]{width:100%;accent-color:#22d3ee}
input[type=number],select{width:100%;padding:7px 9px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;font-size:.9rem;color:#0f172a;background:#fff}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.chips button{border:0;border-radius:999px;padding:5px 11px;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer;background:rgba(255,255,255,.12);color:#e2e8f0}.chips button.on{background:#22d3ee;color:#0f172a}
.big{font-size:2.1rem;font-weight:900;margin:10px 0 0;background:linear-gradient(90deg,#67e8f9,#fff,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}.light .big{background:none;color:#1e3a8a}
.sub{font-size:.82rem;opacity:.85}.bar{margin:8px 0 0;font-size:.75rem}.bar div{display:flex;justify-content:space-between}.bar i{display:block;height:9px;border-radius:9px;margin-top:3px;transition:width .6s ease}.track{background:rgba(255,255,255,.12);border-radius:9px;overflow:hidden}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.kpi{background:#f1f5f9;border-radius:10px;padding:8px;text-align:center}.kpi b{display:block;font-size:1.1rem;color:#1e3a8a}.kpi span{font-size:.7rem;color:#475569}
table{width:100%;border-collapse:collapse;font-size:.8rem}td{padding:4px 2px;border-bottom:1px solid #f1f5f9}td.n{text-align:right;white-space:nowrap}td input[type=number]{width:78px;padding:5px 6px}
.by{display:block;margin-top:12px;font-size:.72rem;text-align:right;opacity:.85}.by a{color:inherit;font-weight:700}