/* =====================
   BODY
===================== */

#profile-account2{
    background:#f5f7fb;
    padding:30px 0;
}

/* =====================
   SIDEBAR
===================== */

.profile-sidebar{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.profile-sidebar-portlet{
    background:none!important;
    border:none!important;
}

/* Profile Image */

.profile-userpic img{
    width:140px!important;
    height:140px!important;
    object-fit:cover;
    border-radius:50%;
    border:6px solid #eef2ff;
}

/* Username */

.profile-usertitle-name{
    font-size:24px;
    font-weight:700;
    color:#111827;
}

/* Button */

.btn-custom{
    background:linear-gradient(135deg, #c29c6a, #c29c6a) !important;
    color:#fff!important;
    border:none!important;
    padding:12px 28px!important;
    border-radius:50px!important;
    text-transform:none!important;
    font-weight:600;
}

/* =====================
   MENU
===================== */

/* Sidebar Container */
.profile-usermenu{
    padding:20px 15px;
}

/* Remove borders */
.profile-usermenu ul li{
    border:none !important;
    margin-bottom:8px;
}

/* Menu links */
.profile-usermenu ul li a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 18px !important;
    border-radius:14px;
    color:#64748b !important;
    font-size:15px;
    font-weight:500;
    transition:.3s ease;
}

/* Icons */
.profile-usermenu ul li a i{
    width:20px;
    font-size:16px;
}

/* Hover */
.profile-usermenu ul li a:hover{
    background:#f8fafc;
    color:#c7a36b !important;
    transform:translateX(5px);
}

/* Active menu */
.profile-usermenu ul li.active a{
    background:linear-gradient(135deg,#d2ab6f,#b98b4d);
    color:#fff !important;
    box-shadow:0 8px 20px rgba(201,163,107,.3);
}

/* Remove old left border */
.profile-usermenu ul li.active{
    border:none !important;
}

.profile-usermenu ul li.active a{
    margin-left:0 !important;
}

/* Sidebar card */
.profile-sidebar{
    border-radius:25px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

/* =====================
   CONTENT
===================== */

.profile-content{
    background:#fff;
    border-radius:20px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* Heading */

.caption-subject{
    font-size:28px!important;
    font-weight:700!important;
    color:#111827;
}

/* Top Buttons */

.btn-custom-reverse{
    background:#fff!important;
    color:#4f46e5!important;
    border:1px solid #e5e7eb!important;
    padding:12px 22px!important;
    border-radius:12px!important;
    transition:.3s;
}



/* =====================
   TABLE
===================== */

.listing-table table{
    border:none;
    overflow:hidden;
    border-radius:20px;
}

.table-head{
    background:#111827!important;
}

.table-head th{
    color:#fff!important;
    padding:18px!important;
    border:none!important;
    font-size:15px;
}

.listing-table tbody tr{
    background:#fff;
    transition:.3s;
}

.listing-table tbody tr:hover{
    background:#f8fafc;
}

.listing-table td{
    padding:20px!important;
    vertical-align:middle!important;
    border-top:1px solid #edf2f7!important;
}

/* Image */

.listing-table img{
    width:60px!important;
    height:60px!important;
    border-radius:50%;
    object-fit:cover;
}

/* =====================
   BUTTONS
===================== */

.green-haze{
    background:#06b6d4!important;
    border:none!important;
    border-radius:10px!important;
    padding:8px 18px!important;
    font-weight:600!important;
}

.btn-danger{
    border-radius:10px!important;
    padding:8px 18px!important;
}

/* =====================
   PAGINATION
===================== */

.iv-pagination{
    margin-top:40px;
}

.iv-pagination li{
    display:inline-block;
    margin:0 5px;
}

.iv-pagination li a{
    width:42px;
    height:42px;
    line-height:42px;
    text-align:center;
    display:block;
    background:#fff;
    border-radius:12px;
    color:#64748b;
    box-shadow:0 3px 10px rgba(0,0,0,.08);
}

.iv-pagination li.active a,
.iv-pagination li a:hover{
    background:#c29c6a;
    color:#fff !important;
}