.devx-leave-wrapper{
    max-width:1400px;
    margin:40px auto;
    padding:0 20px;
}

.devx-leave-header{
    background:#fff;
    border-radius:18px;
    padding:35px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    margin-bottom:30px;
}

.devx-leave-title{
    display:flex;
    align-items:center;
    gap:20px;
}

.devx-leave-icon{
    width:70px;
    height:70px;
    border-radius:18px;
    background:#eef2ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
}

.devx-leave-title h1{
    margin:0;
    font-size:40px;
}

.devx-leave-title p{
    margin-top:8px;
    color:#64748b;
}

.devx-btn-primary{
    background:linear-gradient(135deg,#2563eb,#7c3aed);
    color:#fff;
    border:none;
    padding:15px 30px;
    border-radius:12px;
    cursor:pointer;
    font-weight:600;
}

.devx-leave-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:30px;
}

.devx-stat{
    background:#fff;
    padding:25px;
    border-radius:18px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    text-align:center;
}

.devx-stat span{
    display:block;
    margin-top:15px;
    font-size:34px;
    font-weight:700;
}

.devx-stat.total{
    border-top:5px solid #2563eb;
}

.devx-stat.pending{
    border-top:5px solid #f59e0b;
}

.devx-stat.approved{
    border-top:5px solid #22c55e;
}

.devx-stat.rejected{
    border-top:5px solid #ef4444;
}


/* ===========================
   Leave Table
=========================== */

.devx-card{

        background:#fff;
        
        padding:30px;
        
        border-radius:18px;
        
        box-shadow:0 20px 45px rgba(0,0,0,.08);
        
        margin-top:35px;

}

.devx-card h2{

    text-align:center;

    font-size:28px;

    margin-bottom:25px;

    color:#1e293b;

}

.devx-table{

    width:100%;

    border-collapse:separate;

    border-spacing:0;

    border-radius:16px;

    overflow:hidden;

}

.devx-table thead{

    background:linear-gradient(90deg,#2563eb,#7c3aed);

}

.devx-table thead th{

    color:#fff;

    padding:18px;

    font-size:16px;

    font-weight:600;

    border:none;

}

.devx-table tbody td{

    padding:18px;

    border-bottom:1px solid #edf2f7;

}

.devx-table tbody tr{

    transition:.3s;

}

.devx-table tbody tr:hover{

    background:#f8fbff;

}

.devx-table tbody tr{

transition:.3s;

}

.devx-table tbody tr:hover{

background:#f8fbff;

transform:scale(1.005);

}

.devx-table thead th:first-child{

border-top-left-radius:16px;

}

.devx-table thead th:last-child{

border-top-right-radius:16px;

}


.devx-status{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    font-weight:600;

    font-size:14px;

}

.devx-status.pending{

    background:#FEF3C7;

    color:#D97706;

}

.devx-status.approved{

    background:#DCFCE7;

    color:#15803D;

}

.devx-status.rejected{

    background:#FEE2E2;

    color:#DC2626;

}

.devx-cancel-btn{

display:inline-block;

padding:8px 15px;

border-radius:8px;

border:1px solid #EF4444;

color:#EF4444;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.devx-cancel-btn:hover{

background:#EF4444;

color:#fff;

}