:root{
  --primary:#004AFF;
  --primary-dark:#0035c0;
  --secondary:#333333;
  --light-gray:#f8f9fa;
}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:var(--secondary);}
a{color:var(--primary);text-decoration:none;transition:all .2s ease}
a:hover{color:var(--primary-dark)}
.btn-primary,.bg-primary{background-color:var(--primary)!important;border-color:var(--primary)!important}
.btn-primary:hover{background-color:var(--primary-dark)!important;border-color:var(--primary-dark)!important}
.btn-outline-primary{color:var(--primary);border-color:var(--primary)}
.btn-outline-primary:hover{background-color:var(--primary);border-color:var(--primary)}
.text-primary{color:var(--primary)!important}
.navbar .nav-link.active{color:var(--primary)!important;font-weight:600}
.card{border:0;border-radius:.75rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.06)}
.card-header{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);font-weight:600}
.kpi{border-left:4px solid var(--primary)}
.kpi .valor{font-size:1.75rem;font-weight:700;line-height:1.1}
.kpi .etiqueta{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#6c757d}
.tabla-limpia td,.tabla-limpia th{vertical-align:middle}
.badge-estado{font-weight:600;letter-spacing:.02em}
.barra{height:8px;border-radius:4px;background:#e9ecef;overflow:hidden}
.barra > span{display:block;height:100%;background:var(--primary)}
.barra.aviso > span{background:#ffc107}
.barra.peligro > span{background:#dc3545}
.contador{font-variant-numeric:tabular-nums}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}
.timeline{list-style:none;padding-left:0}
.timeline li{border-left:2px solid #e9ecef;padding:0 0 1rem 1rem;position:relative}
.timeline li::before{content:'';position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--primary)}
@media (max-width:576px){.kpi .valor{font-size:1.4rem}}