:root{--b:#0f1b3d;--b2:#1e3a8a;--g:#d4a017;--g2:#f5d06f;--bg:#f2f4fa}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:#111;padding-bottom:80px}
header{background:linear-gradient(90deg,var(--b),var(--b2));color:var(--g2);padding:14px;text-align:center;border-bottom:3px solid var(--g)}h1{margin:0;font-size:1.3em}
main{padding:12px;max-width:760px;margin:auto}.card{background:#fff;border-radius:12px;padding:12px;margin-bottom:12px;box-shadow:0 1px 4px #0002;border-top:3px solid var(--g)}
.k{display:grid;grid-template-columns:1fr 1fr;gap:10px}.k div{background:var(--b);color:#fff;border-radius:10px;padding:10px}.k b{display:block;color:var(--g2);font-size:1.25em}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--b);border-top:3px solid var(--g)}nav button{flex:1;background:none;border:0;color:#cbd5e1;padding:6px 0;font-size:.72em}nav .on{color:var(--g2)}
input,select,button.p{width:100%;padding:9px;margin:4px 0;border:1px solid #ccd;border-radius:8px;font-size:1em}button.p{background:var(--g);border:0;color:var(--b);font-weight:700}
table{width:100%;border-collapse:collapse;font-size:.9em}td,th{padding:6px 4px;border-bottom:1px solid #eee;text-align:left}th{color:var(--b2)}.r{text-align:right}.pos{color:#15803d}.neg{color:#b91c1c}
.s{border:0;background:none;font-size:1.1em;cursor:pointer}h2{color:var(--b2);margin:4px 0 8px;font-size:1.1em}.bar{height:8px;background:#e5e7eb;border-radius:4px}.bar i{display:block;height:8px;background:var(--g);border-radius:4px}
nav button{position:relative;font-size:.66em}.bd{position:absolute;top:2px;left:55%;background:#dc2626;color:#fff;border-radius:9px;padding:0 5px;font-size:10px}
.alerta{background:#fef3c7;border-top-color:#dc2626}.seg{display:flex;gap:4px;margin-bottom:8px}.seg button{flex:1;padding:7px;border:1px solid var(--b2);background:#fff;color:var(--b2);border-radius:8px;font-size:.85em}.seg button.on{background:var(--b2);color:var(--g2)}