/* ========================================
   HEADER
======================================== */

.nc-header{

    height:70px;

    background:#FFFFFF;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 30px;

    box-shadow:0 2px 12px rgba(0,0,0,.05);

    position:sticky;

    top:0;

    z-index:999;

}

.nc-header-left{

    display:flex;

    align-items:center;

    gap:20px;

}

.nc-header-right{

    display:flex;

    align-items:center;

    gap:18px;

}

.nc-search{

    width:350px;

    position:relative;

}

.nc-search input{

    width:100%;

    height:42px;

    border:1px solid var(--nc-border);

    border-radius:30px;

    padding:0 18px;

    background:#F8FAFC;

    transition:.25s;

}

.nc-search input:focus{

    outline:none;

    border-color:var(--nc-primary);

    background:white;

}

.nc-avatar{

    width:42px;

    height:42px;

    border-radius:50%;

    overflow:hidden;

    cursor:pointer;

}

.nc-avatar img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.nc-icon-button{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#F5F7FA;

    display:flex;

    justify-content:center;

    align-items:center;

    cursor:pointer;

    transition:.25s;

}

.nc-icon-button:hover{

    background:#E8EDF4;

}

.nc-badge{

    position:absolute;

    top:-3px;

    right:-3px;

    width:18px;

    height:18px;

    border-radius:50%;

    background:#D72638;

    color:white;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:10px;

    font-weight:bold;

}