/*=========================
    DASHBOARD NAVBAR
==========================*/

.dashboard-navbar{
    width:100%;
    height:74px;
    background:#FFFFFF;
    border-bottom:1px solid #E5E7EB;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 32px;

    box-shadow:0 1px 8px rgba(15,118,110,0.06);
}

.nav-logo{
    display:flex;
    align-items:center;
    gap:12px;
    width:260px;
}

.logo-img{
    width:42px;
    height:42px;
    object-fit:contain;
}

.logo-text{
    display:flex;
    flex-direction:column;
}

.logo-text h2{
    margin:0;
    color:#1F2937;
    font-size:20px;
    font-weight:700;
    line-height:1;
}

.logo-text span{
    color:#0F766E;
}

.logo-text p{
    margin-top:4px;
    color:#6B7280;
    font-size:11px;
    white-space:nowrap;
}

.nav-menu{
    display:flex;
    align-items:center;
    gap:38px;

    list-style:none;

    margin:0;
    padding:0;
}

.nav-menu li{
    list-style:none;
}

.nav-menu a{
    color:#6B7280;
    text-decoration:none;
    font-size:15px;
    font-weight:500;
    padding-bottom:24px;
    transition:.3s;
}

.nav-menu a:hover{
    color:#0F766E;
}

.nav-menu a.active{
    color:#0F766E;
    border-bottom:2px solid #0F766E;
}

.nav-search{

    width:340px;
    height:44px;

    display:flex;
    align-items:center;

    background:#F5F7F4;

    border:1px solid #E5E7EB;

    border-radius:12px;

    padding:0 16px;

}

.nav-search i{
    color:#9CA3AF;
    margin-right:12px;
}

.nav-search input{

    width:100%;

    background:transparent;

    border:none;

    outline:none;

    color:#1F2937;

    font-size:14px;

    font-family:'Plus Jakarta Sans',sans-serif;

}

.nav-search input::placeholder{
    color:#9CA3AF;
}

.nav-right{

    display:flex;

    align-items:center;

    gap:22px;

}

.favorite{

    display:flex;

    align-items:center;

    gap:8px;

    color:#1F2937;

    text-decoration:none;

    font-size:15px;

}

.favorite i{

    color:#F59E0B;

    font-size:18px;

}

.notification{

    position:relative;

    color:#6B7280;

    font-size:22px;

}

.notification span{

    position:absolute;

    top:-6px;

    right:-7px;

    width:18px;

    height:18px;

    background:#EF4444;

    color:white;

    border-radius:50%;

    font-size:10px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.profile{

    display:flex;

    align-items:center;

    gap:10px;

    cursor:pointer;

}

.profile img{

    width:42px;

    height:42px;

    border-radius:50%;

    object-fit:cover;

}

.profile span{

    color:#1F2937;

    font-size:15px;

    font-weight:500;

}

.profile i{

    color:#9CA3AF;

}