.employee-card{
border-radius:22px;
background:rgba(255,255,255,.35);
backdrop-filter:blur(15px);
box-shadow:0 20px 40px rgba(0,0,0,.15);
overflow:hidden;
color:#fff;
}

.employee-header{
background:linear-gradient(135deg,#6366f1,#334155,#94a3b8);
padding:20px;
border:none;

}

.search-box{
padding-left:45px;
border-radius:50px;
height:46px;

}

.search-icon{
position:absolute;
left:18px;
top:15px;
color:#6c757d;
z-index:10;
}

.employee-table thead{
background:#f1f5f9;
position:sticky;
top:0;
}

.employee-table th{
font-size:11px;
letter-spacing:.5px;
text-transform:uppercase;
}

.employee-table tbody tr{
transition:.35s;
}

.employee-table tbody tr:hover{
transform:translateY(-3px);
box-shadow:0 10px 30px rgba(59,130,246,.25);
background:#eef7ff;

}

.avatar-circle{
width:46px;
height:46px;
border-radius:50%;
background:linear-gradient(135deg,#2563eb,#60a5fa);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:18px;
box-shadow:0 5px 15px rgba(0,0,0,.2);
}

.status-dot{
display:inline-block;
width:10px;
height:10px;
border-radius:50%;
background:#16a34a;
margin-left:8px;
box-shadow:0 0 10px #16a34a;
}

.employee-table td{
vertical-align:middle;
padding:16px;
}

.badgex{
font-size:.8rem;
padding:.55rem .9rem;
}

.badgey{
font-size:.3rem;
padding:.55rem .9rem;
}

.btn.rounded-circle{
width:42px;
height:42px;
}