.chart-container {
    width: 90%;
    max-width: 1200px;
    height: 500px; 
    margin: 40px auto;
    position: relative;
}

.skeleton {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0.05) 25%,
        rgba(255,255,255,0.15) 37%,
        rgba(255,255,255,0.05) 63%
    );
    background-size: 400% 100%;
    animation: shimmer 1.4s ease infinite;
    border-radius: 8px;
}

@keyframes shimmer {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

canvas {
    display: none;
}

.target-label {
    position: absolute;
    top: 20px;
    right: 30px;
    background: #e8f2ee;
    color: #009245;
    padding: 8px 14px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 16px;
    z-index: 10;
    display: none;
}