.oj-employee-grid{

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));

    gap:30px;

    margin-top:30px;

}

.oj-employee-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

}

.oj-employee-card img{

    width:100%;

    height:240px;

    object-fit:cover;

}

.oj-employee-content{

    padding:24px;

}

.oj-employee-content h3{

    margin-bottom:8px;

}

.oj-employee-content strong{

    display:block;

    color:#6B7280;

    margin-bottom:15px;

}

.oj-card-actions{

    display:flex;

    gap:12px;

    margin-top:20px;

}

.oj-card-actions button{

    flex:1;

    border:none;

    border-radius:10px;

    padding:12px;

    cursor:pointer;

}

.oj-edit-employee{

    background:#F3F4F6;

}

.oj-delete-employee{

    background:#DC3545;

    color:#fff;

}

#oj-employee-preview img{

    width:100%;

    margin-top:15px;

    border-radius:12px;

}