/* Chart legend styles for user page */
.chart-legend {
    list-style: none;
    padding-left: 20px;
    margin-top: 0;
}

.chart-legend li {
    font-size: 12px;
    width: 50%;
    display: inline-block;
    color: #666;
}

html[data-theme="dark"] .chart-legend li {
    color: #ccc;
}

.chart-legend-dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
}