#pre-loader, #shc-results{

    text-align: center;

}

#shc-form {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    align-items: center;

    margin-top: 20px;

}
#shc-message{
    margin-bottom: 10px;
    text-align: center;
}


#shc-form input[type="text"],

#shc-form input[type="url"] {

    padding: 10px 12px;

    border: 1px solid #ccc;

    border-radius: 4px;

    font-size: 16px;

    flex: 1 1 auto;

    min-width: 250px;

    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);

}



#shc-form button {

    padding: 10px 16px;

    background-color: #0a8b44;

    border: none;

    border-radius: 4px;

    color: white;

    font-size: 16px;

    cursor: pointer;

    transition: background-color 0.2s ease;

}



#shc-form button:hover {

    background-color: #1ab861;

}



#shc-result {

    margin-top: 15px;

    font-size: 16px;

}

.shc-user-reports-table {

  border-collapse: collapse;

  width: 100%;

  margin: 2rem 0;

}



.shc-user-reports-table th,

.shc-user-reports-table td {

  border: 1px solid #ddd;

  padding: 8px;

  text-align: center;

}



.shc-user-reports-table th {

  background-color: #f2f2f2;

}