.energy-bar-container {
            background: #e9ecef;
            border-radius: 8px;
            padding: 1rem;
            margin: 1rem 0;
        }
        canvas#energyChart {
            background: #ffffff;
            border-radius: 12px;
            width: 100%;
            height: auto;
            border: 1px solid #dee2e6;
        }
        .badge-exo {
            background-color: #198754;
            color: white;
        }
        .badge-endo {
            background-color: #dc3545;
            color: white;
        }
        .legend-bar {
            display: inline-block;
            width: 20px;
            height: 12px;
            background: #0d6efd;
            margin-right: 5px;
            border-radius: 2px;
        }
        .legend-bar.red {
            background: #dc3545;
        }