.status-container{display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:50%}.heartbeat{background:#0f0;-webkit-animation:heartbeat 1.5s infinite;animation:heartbeat 1.5s infinite}.offline{background:red}@-webkit-keyframes heartbeat{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,255,0,.7)}25%{transform:scale(1.3);box-shadow:0 0 0 10px rgba(0,255,0,0)}50%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,255,0,.7)}75%{transform:scale(1.2);box-shadow:0 0 0 5px rgba(0,255,0,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(0,255,0,.7)}}@keyframes heartbeat{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,255,0,.7)}25%{transform:scale(1.3);box-shadow:0 0 0 10px rgba(0,255,0,0)}50%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,255,0,.7)}75%{transform:scale(1.2);box-shadow:0 0 0 5px rgba(0,255,0,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(0,255,0,.7)}}