/* ======================================
   FILTER CARD
====================================== */

.filter-card{

    border:none;

    border-radius:14px;

    box-shadow:0 2px 10px rgba(0,0,0,.06);

}

.filter-card .card-header{

    background:white;

    border-bottom:1px solid #E2E8F0;

    font-weight:600;

}

.filter-card label{

    font-size:13px;

    font-weight:600;

    color:#475569;

    margin-bottom:6px;

}

.filter-card .Select-control{

    min-height:42px;

    border-radius:8px;

}
/* ===========================
   KPI Cards
=========================== */

.kpi-card{

    border:none !important;

    border-radius:14px;

    border-top:4px solid #2563EB !important;

    box-shadow:0 2px 10px rgba(15,23,42,.08);

    transition:.25s;

}

.kpi-card:hover{

    transform:translateY(-4px);

    box-shadow:0 8px 20px rgba(15,23,42,.12);

}

.kpi-title{

    color:#64748B;

    font-size:14px;

    font-weight:600;

}

.kpi-value{

    margin-top:10px;

    margin-bottom:8px;

    font-size:34px;

    font-weight:700;

    color:#0F172A;

}

.kpi-trend{

    color:#16A34A;

    font-size:13px;

    font-weight:600;

}

.kpi-icon{

    width:56px;

    height:56px;

    border-radius:50%;

    background:#EFF6FF;

    display:flex;

    align-items:center;

    justify-content:center;

}
.Select-control,
.Select__control,
.dash-dropdown .Select-control {
    min-height: 48px;
}
.Select-control,
.Select__control {
    border-radius: 10px !important;
}
.Select-control,
.Select__control{

    border:1px solid #D6DCE8 !important;

    box-shadow:none;

}
.is-focused .Select-control,
.Select__control--is-focused{

    border-color:#15294B !important;

    box-shadow:0 0 0 3px rgba(21,41,75,.12);

}
.Select-placeholder,
.Select-value-label{

    padding-left:8px;

    font-size:14px;

}
.apply-btn{

    height:48px;

    border-radius:10px;

    font-weight:600;

}