:root{font:16px/1.5 system-ui,sans-serif;color:#182d4c;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{background:#11274a;color:white;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:12px}header strong{font-size:23px}header span{font-size:16px;font-weight:400;display:inline-block;margin-left:8px}main{max-width:1120px;padding:28px 20px;margin:auto}h1{font-size:30px;letter-spacing:-.8px;margin:0 0 12px}h2{font-size:22px}.tarjeta{background:white;border:1px solid #dce4ef;border-radius:14px;padding:22px;margin-bottom:16px}.login{max-width:460px;margin:7vh auto}.etiqueta{font-size:12px;letter-spacing:1.2px;color:#265bed;font-weight:700}label{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;font-size:14px;font-weight:600}input,select,button{font:inherit;min-height:44px;border-radius:8px;border:1px solid #b8c7dc;padding:10px;max-width:100%}button{background:#265bed;color:white;border:0;cursor:pointer;padding:10px 20px;font-weight:600}button:disabled{opacity:.6}.login button{width:100%}.filtros{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.filtros label{margin:0;flex:1;min-width:160px}.metricas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metricas strong{display:block;font-size:30px;margin-top:10px}.nota{color:#586980;font-size:14px}.alerta{color:#985817;font-weight:650}.conectada{color:#16634c}#mensaje{color:#a42727}.sucursal h3{margin:0}.sucursal dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sucursal dd{text-align:right;margin:0;font-weight:650}input:focus,select:focus,button:focus-visible{outline:3px solid #92b3ff;outline-offset:2px}[hidden]{display:none!important}@media(max-width:650px){.metricas{grid-template-columns:1fr;gap:0}header span{display:block;margin:0}.filtros{display:block}.filtros label{margin-bottom:12px}.filtros button{width:100%}main{padding:22px 14px}.login{margin-top:20px}}