.attendance-realtime282{margin:18px 0}.attendance-head282{align-items:flex-start}.live-badge282{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#17643a;letter-spacing:.08em}.live-badge282 i{width:9px;height:9px;border-radius:50%;background:#22a65a;box-shadow:0 0 0 5px rgba(34,166,90,.13);animation:pulse282 1.8s infinite}@keyframes pulse282{50%{box-shadow:0 0 0 9px rgba(34,166,90,0)}}.attendance-refresh282{text-align:right;display:flex;align-items:center;gap:12px}.attendance-refresh282 span{font-size:12px;color:#68776e}.attendance-summary282{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px;margin:16px 0}.attendance-summary282 button{border:1px solid #e0e8e3;background:#f8fbf9;border-radius:14px;padding:13px;text-align:left;cursor:pointer}.attendance-summary282 b{display:block;font-size:25px;color:#173f2a}.attendance-summary282 span{font-size:12px;color:#65736a}.attendance-actions282{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px}.attendance-search282{display:grid;grid-template-columns:1fr 230px;gap:10px;margin:10px 0 14px}.attendance-list282{display:grid;gap:9px}.attendance-person282{display:grid;grid-template-columns:48px minmax(150px,1.2fr) minmax(150px,1fr) minmax(165px,.8fr) auto;gap:12px;align-items:center;border:1px solid #e4ebe6;border-left:5px solid #8a9b90;border-radius:14px;padding:11px 13px;background:#fff}.attendance-person282.status-llego{border-left-color:#27a45d}.attendance-person282.status-tarde{border-left-color:#e5a11a}.attendance-person282.status-sin-marcar{border-left-color:#d96b35}.attendance-person282.status-ausente{border-left-color:#cf3d4b}.attendance-person282.status-salio{border-left-color:#5277b8}.attendance-person282.status-permiso,.attendance-person282.status-licencia,.attendance-person282.status-vacaciones{border-left-color:#8058b6}.employee-avatar282{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eaf4ed;color:#1e653d;font-weight:800}.employee-main282 b,.employee-main282 span,.employee-status282 span,.employee-status282 small{display:block}.employee-main282 span,.employee-status282 small{font-size:12px;color:#738078;margin-top:3px}.employee-status282 span{font-weight:800}.employee-times282{display:flex;gap:14px;font-size:11px;color:#77847c}.employee-times282 b{display:block;color:#263d30;font-size:13px;margin-top:2px}.employee-actions282{display:flex;gap:5px}.employee-actions282 button{border:1px solid #d9e4dc;background:#f7faf8;border-radius:8px;padding:7px 9px;cursor:pointer;font-size:11px}.employee-actions282 button:hover{background:#e9f4ed}@media(max-width:1050px){.attendance-summary282{grid-template-columns:repeat(3,1fr)}.attendance-person282{grid-template-columns:44px 1fr 1fr}.employee-times282,.employee-actions282{grid-column:2/4}}@media(max-width:700px){.attendance-refresh282{display:none}.attendance-summary282{grid-template-columns:repeat(2,1fr)}.attendance-search282{grid-template-columns:1fr}.attendance-actions282 .btn{flex:1 1 45%}.attendance-person282{grid-template-columns:42px 1fr}.employee-status282,.employee-times282,.employee-actions282{grid-column:1/3;margin-left:54px}.employee-actions282{margin-left:54px;flex-wrap:wrap}}