/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* DASHBOARD NEW UI */

.csa-dashboard{margin-bottom:25px}

/* HERO CARD */
.csa-hero-card{
    background: linear-gradient(90deg,#3a7bd5,#00d2ff);
    border-radius:14px;
    padding:30px;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:180px;
}
.csa-hero-card img{height:140px}

.csa-hero-card h2{font-weight:700;margin-bottom:5px}

/* SECURITY CARD */
.csa-security-card{
    background:#f8fbff;
    border-radius:14px;
    padding:20px;
    height:100%;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
}
.sec-header{margin-bottom:15px}
.sec-body p{font-size:13px;margin:4px 0}

/* STATS CARDS */
.csa-stats-row{margin-top:20px}

.csa-stat-card{
    display:block;
    background:#fff;
    border-radius:14px;
    padding:20px;
    text-align:center;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
    transition:.3s;
    color:#333;
}
.csa-stat-card:hover{
    transform:translateY(-5px);
    text-decoration:none;
}
.csa-stat-card i{
    font-size:26px;
    margin-bottom:10px;
    color:#3a7bd5;
}
.csa-stat-card h3{
    font-weight:700;
    margin:5px 0;
}
/* MODERN PANELS */

.csa-panels-wrapper{margin-top:30px}

.csa-panel-card{
    background:#fff;
    border-radius:16px;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    margin-bottom:25px;
    overflow:hidden;
    transition:.3s;
}
.csa-panel-card:hover{transform:translateY(-4px)}

.csa-panel-header{
    padding:18px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid #eee;
}

.csa-panel-title{
    font-size:16px;
    font-weight:600;
}
.csa-panel-title i{
    margin-right:8px;
    color:#3a7bd5;
}

.csa-panel-body{
    padding:20px;
}

.csa-panel-links{
    border-top:1px solid #eee;
}
.csa-panel-link{
    display:block;
    padding:14px 20px;
    border-bottom:1px solid #f2f2f2;
    color:#333;
    transition:.2s;
}
.csa-panel-link:hover{
    background:#f8fbff;
    text-decoration:none;
}
.csa-panel-link i{margin-right:8px;color:#3a7bd5}

.csa-panel-footer{
    padding:15px 20px;
    background:#fafafa;
}

/* addon spacing */
.csa-addon-block{margin-bottom:20px}