.employee-card { transition: border-color .25s ease, box-shadow .25s ease, background .25s ease; }
.employee-card.employee-online { border-color:rgba(52,211,153,.42);box-shadow:0 0 0 1px rgba(16,185,129,.07),0 5px 24px rgba(16,185,129,.07);background:linear-gradient(120deg,rgba(16,185,129,.055),transparent 65%),#171d26; }
.employee-online-dot { display:inline-block;width:10px;height:10px;border-radius:50%;background:#34d399;box-shadow:0 0 9px rgba(52,211,153,.8);flex-shrink:0;animation:employee-online-glow 2.8s ease-in-out infinite; }
.employee-online-label { color:#6ee7b7;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700; }
.employee-online-count { color:#6ee7b7;font-size:.65em;vertical-align:middle;white-space:nowrap; }
.employee-data-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px; }
.employee-data-field { border:1px solid #293241;border-radius:12px;padding:14px;background:rgba(10,14,21,.35);min-width:0; }
.employee-data-field.wide { grid-column:1/-1; }
@keyframes employee-online-glow { 50% { box-shadow:0 0 0 4px rgba(52,211,153,.09),0 0 14px rgba(52,211,153,.55); } }
@media(prefers-reduced-motion:reduce) { .employee-online-dot { animation:none; } .employee-card { transition:none; } }
@media(max-width:540px) { .employee-data-grid { grid-template-columns:1fr; } }