/* ===================================
   GLOBAL RESET
=================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body.dpp-body{
    font-family:'Poppins', sans-serif;
    background:#f5f7fb;
    color:#222;
    line-height:1.6;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

/* ===================================
   LAYOUT
=================================== */

.dpp-main-wrapper{
    width:100%;
    min-height:100vh;
}

.dpp-dashboard-layout{
    display:flex;
}

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

.dpp-sidebar{
    width:260px;
    background:#111827;
    min-height:100vh;
    padding:30px 20px;
    position:fixed;
    left:0;
    top:0;
    overflow-y:auto;
}

.dpp-sidebar-logo h2{
    color:#fff;
    margin-bottom:40px;
    font-size:24px;
}

.dpp-sidebar ul li{
    margin-bottom:12px;
}

.dpp-sidebar ul li a{
    display:block;
    color:#cbd5e1;
    padding:14px 18px;
    border-radius:10px;
    transition:0.3s;
    font-size:15px;
}

.dpp-sidebar ul li a:hover{
    background:#2563eb;
    color:#fff;
}

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

.dpp-dashboard-content{
    margin-left:260px;
    width:calc(100% - 260px);
    padding:30px;
}
/* ===================================
   JOBS PAGE
=================================== */

.dpp-jobs-page {
    max-width: 1400px;
}

/* =========================================
   JOB FILTER BAR
========================================= */

.dpp-job-filter-form{
    width: 100%;
    margin: 30px 0;
}

.dpp-filter-search{
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    padding: 10px;
    gap: 10px;
}

.dpp-filter-input{
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 15px;
}

.dpp-filter-input i{
    font-size: 20px;
    color: #555;
}

.dpp-filter-input input{
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: 17px;
    color: #222;
    padding: 12px 0;
}

.dpp-filter-divider{
    width: 1px;
    height: 40px;
    background: #ddd;
}

.dpp-filter-btn{
    background: #0b57d0;
    color: #fff;
    border: none;
    padding: 16px 35px;
    border-radius: 16px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.dpp-filter-btn:hover{
    background: #0847ab;
    transform: translateY(-2px);
}

/* =========================================
   FILTER TAGS
========================================= */

.dpp-filter-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 25px;
}

.dpp-filter-tags select{
    border: 1px solid #ddd;
    background: #fff;
    padding: 14px 20px;
    border-radius: 40px;
    font-size: 15px;
    cursor: pointer;
    outline: none;
    transition: 0.3s;
}

.dpp-filter-tags select:hover{
    border-color: #0b57d0;
}

/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){

    .dpp-filter-search{
        flex-direction: column;
        border-radius: 20px;
    }

    .dpp-filter-divider{
        display: none;
    }

    .dpp-filter-input{
        width: 100%;
    }

    .dpp-filter-btn{
        width: 100%;
    }

    .dpp-filter-tags{
        gap: 10px;
    }

    .dpp-filter-tags select{
        width: 100%;
    }

}