:root{font-family:Inter,system-ui,Arial,sans-serif;color:#102a43;background:#f5f7fa}
*{box-sizing:border-box} body{margin:0;background:#f5f7fa}
header{background:#102a43;color:#fff;padding:18px 16px;position:sticky;top:0;z-index:4}
header h1{font-size:19px;margin:0 0 3px} header small{opacity:.82}
main{max-width:860px;margin:auto;padding:16px}.card{background:#fff;border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:0 2px 14px #102a4315}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
label{font-size:12px;font-weight:700;display:block;margin-bottom:5px}select,input,button{width:100%;padding:12px;border-radius:10px;border:1px solid #bcccdc;background:white;font-size:15px}
button{background:#102a43;color:white;border:0;font-weight:700;cursor:pointer}.secondary{background:#486581}.danger{background:#9b2c2c}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpi{background:#f0f4f8;padding:10px;border-radius:12px;text-align:center}.kpi b{display:block;font-size:20px}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:9px 7px;border-bottom:1px solid #d9e2ec;text-align:left}th{font-size:12px;color:#486581}.pct{font-weight:800}.FUERTE{color:#087f5b}.MEDIA{color:#b7791f}.BAJA{color:#9b2c2c}
.notice{padding:10px;border-radius:10px;background:#fff3cd;color:#664d03;font-size:13px}.ok{background:#d1e7dd;color:#0f5132}.muted{color:#627d98;font-size:12px}
.hidden{display:none!important}.login{max-width:440px;margin:50px auto;padding:16px}.login h2{margin-top:0}.statusbar{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:12px;padding:6px 9px;background:#e6edf3;border-radius:999px}
@media(max-width:640px){.row,.row3,.kpis{grid-template-columns:1fr}.card{border-radius:12px}main{padding:10px}}