#dashboard,
#profile,
#applications,
#notifications {
    scroll-margin-top: 80px;
}

/* Dashboard */
.dashboard-card{
    border-radius: 15px;
    transition: all 0.3s ease;
}

.dashboard-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.icon-box{
    min-width: 40px;
    text-align: center;
}

.card{
    border:none;
    border-radius:15px;
    box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

.section-title{
    margin-bottom:25px;
    font-weight:bold;
    color:#1113A2;
}

/* Quick Services */
.service-card{
    border:none;
    border-radius:15px;
    box-shadow:0 4px 12px rgba(0,0,0,0.08);
    transition:all 0.3s ease;
    cursor:pointer;
}

.service-icon{
    font-size:1.8rem;
    color:#1113A2;
    min-width:28px;
}

.service-card h6{
    font-size:1.05rem;
    /*font-weight:600;*/
}

.service-card small{
    font-size:0.82rem;
}

.service-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,0.12);
}

/* My Account */

.profile-info .info-row{
    display:flex;
    align-items:flex-start;
    margin-bottom:8px;
    font-size:0.95rem;
}

.profile-info .label{
    min-width:100px;
    font-weight:600;
}

.profile-info .value{
    flex:1;
}

/* Notification */

.notification-item h6{
font-size: 1rem;
}

.notification-item small{
    display:block;
    line-height:1.4;
}

.notification-scroll::-webkit-scrollbar{
    width:6px;
}

.notification-scroll::-webkit-scrollbar-thumb{
    background:#cfcfcf;
    border-radius:10px;
}

.notification-scroll{
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    /*padding-right: 6px;*/
}

/* Application */
.application-scroll{
    max-height: 350px;
    overflow-y: auto;
    overflow-x: auto;
}

.application-scroll thead th{
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
}

th{
    background-color:#1113A2 !important;
    color:white !important;
}

.application-table td,
.application-table th{
    vertical-align: middle;
}

.application-table .btn{
    min-width: 75px;
}

@media (max-width:768px){

    .application-table .btn{
        width: 100%;
    }

    .application-table td{
        font-size: 0.9rem;
    }

    .badge{
        font-size: 0.75rem;
    }
}

@media (max-width:768px){

    .notification-item{
        gap:12px;
    }

    .notification-item .btn{
        width:100%;
    }

    .notification-scroll{
        max-height:420px;
    }
}

@media (max-width: 576px){
    .profile-info .label{
        width: 100px;
    }
}