:root {
    --tg-green: #2fb344;
}

.text-green {
    color: var(--tg-green) !important;
}

.navbar-brand {
    letter-spacing: -0.03em;
}

.page {
    background:
            radial-gradient(circle at top left, rgba(47, 179, 68, .08), transparent 30%),
            #f6f8fb;
}

.card {
    border-radius: 16px;
}

.card .h1 {
    letter-spacing: -0.04em;
}

.avatar {
    background: var(--tg-green);
    color: #fff;
}

.badge.bg-green-lt {
    color: #1f7a34;
}

.chart-wrap {
    height: 320px;
}
:root {

    --tg-green: #2fb344;

}

.text-green {

    color: var(--tg-green) !important;

}

.navbar-brand {

    letter-spacing: -0.03em;

}

.page {

    background:

            radial-gradient(circle at top left, rgba(47, 179, 68, .08), transparent 30%),

            #f6f8fb;

}

.card {

    border-radius: 16px;

}

.card .h1 {

    letter-spacing: -0.04em;

}

.avatar {

    font-weight: 700;

}

.chart-wrap {

    height: 320px;

}

@media (max-width: 768px) {

    .chart-wrap {

        height: 260px;

    }

}
.chart-wrap {
    min-height: 320px;
}

.apexcharts-tooltip {
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(24, 36, 51, .12) !important;
}

.apexcharts-xaxistooltip {
    border-radius: 10px !important;
}