:root{--bg:#f4f6fb;--surface:#fff;--text:#1a1f2e;--muted:#667089;--line:#e2e6f0;--azul:#2f7cf6;--roxa:#8a5cf0;--rosa:#e93f95;--warn-bg:#fff4dc;--warn-text:#6b4a00}
@media(prefers-color-scheme:dark){:root{--bg:#10131c;--surface:#1a1e2b;--text:#e8ebf5;--muted:#9aa3bb;--line:#2b3144;--azul:#5b9bff;--roxa:#a98aff;--rosa:#ff5fae;--warn-bg:#3a2e10;--warn-text:#f3d88c}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 "Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:16px 14px 40px}
h1{font-size:22px;margin:4px 0 2px}h2{font-size:16px;margin:0 0 10px}
.sub{color:var(--muted);margin:0 0 12px;font-size:14px}
.warn{background:var(--warn-bg);color:var(--warn-text);padding:10px 12px;border-radius:10px;font-size:13.5px;margin-bottom:14px}
section,form.box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}
label{display:block;font-size:14px;margin:10px 0 4px}
input[type=email],input[type=password],input[type=number]{width:100%;padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:16px}
.chk{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin:12px 0}
button,.btn{display:inline-block;font:inherit;padding:10px 16px;border-radius:10px;border:1px solid var(--roxa);background:var(--roxa);color:#fff;cursor:pointer;text-decoration:none;margin-top:8px}
button.alt,.btn.alt{background:var(--surface);color:var(--text);border-color:var(--line)}
.err{color:var(--rosa);font-size:14px;margin:8px 0}
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.top a{color:var(--muted);font-size:14px}
.split{display:flex;height:14px;border-radius:7px;overflow:hidden;margin:6px 0 10px}.split i{display:block}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13.5px}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}
.azul{--c:var(--azul)}.roxa{--c:var(--roxa)}.rosa{--c:var(--rosa)}.dot,.split i{background:var(--c)}
svg{display:block;width:100%;height:auto}
.rosas{list-style:none;margin:0;padding:0}
.rosas li{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);gap:8px}
.rosas li:last-child{border:0}
.mult{font-weight:700;color:var(--rosa);font-size:17px;min-width:70px}
.clock{font-weight:600;font-variant-numeric:tabular-nums}
.ago{color:var(--muted);font-size:13px;text-align:right}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.kpi{background:var(--bg);border-radius:10px;padding:10px}.kpi b{display:block;font-size:20px}.kpi span{font-size:12.5px;color:var(--muted)}
.hrow{display:grid;grid-template-columns:78px 1fr 40px;align-items:center;gap:8px;font-size:13px;margin:5px 0}
.hbar{height:12px;border-radius:6px}.hrow .n{text-align:right;color:var(--muted)}
iframe{width:100%;height:560px;border:1px solid var(--line);border-radius:10px;margin-top:10px;background:var(--bg)}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:8px 4px;border-bottom:1px solid var(--line);text-align:left}
footer{font-size:12.5px;color:var(--muted);margin-top:8px}