.shqela-profile-page {
    max-width: 900px;
    margin: 40px auto;
    padding: 20px;
}


.shqela-profile-card {

    background: #ffffff;
    border-radius: 18px;
    padding: 30px;
    margin-bottom: 25px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.08);

    border:1px solid #eeeeee;

}


.shqela-profile-card h2 {

    font-size:32px;
    margin-bottom:10px;

}


.shqela-profile-card h3 {

    font-size:22px;
    margin-bottom:20px;

}



.shqela-profile-card label {

    display:block;
    font-weight:600;
    margin-bottom:8px;

}



.shqela-profile-card input,
.shqela-profile-card textarea {

    width:100%;
    padding:14px;

    border-radius:12px;

    border:1px solid #ddd;

    font-size:15px;

}



.shqela-profile-card textarea {

    min-height:120px;

}





.shqela-profile-card button,
.shqela-profile-card .button {

    display:inline-block;

    background:#2563eb;

    color:white!important;

    padding:14px 28px;

    border-radius:12px;

    text-decoration:none;

    border:none;

    font-weight:600;

    cursor:pointer;

}



.shqela-profile-card button:hover,
.shqela-profile-card .button:hover {

    background:#1d4ed8;

}





.shqela-status-success {

    background:#dcfce7;

    color:#166534;

    padding:12px 18px;

    border-radius:50px;

    display:inline-block;

    font-weight:600;

}



.shqela-status-pending {

    background:#fef9c3;

    color:#854d0e;

    padding:12px 18px;

    border-radius:50px;

    display:inline-block;

}



.shqela-status-expired {

    background:#fee2e2;

    color:#991b1b;

    padding:12px 18px;

    border-radius:50px;

    display:inline-block;

}





.shqela-profile-card hr {

    margin:20px 0;

    border:none;

    border-top:1px solid #eee;

}




@media(max-width:600px){


.shqela-profile-page {

    padding:10px;

}


.shqela-profile-card {

    padding:20px;

}


.shqela-profile-card h2 {

    font-size:24px;

}


}