/* Modern Heatmap Redesign */
        .heatmap-grid {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 8px;
            margin-top: 15px;
            padding: 10px;
            background: rgba(255, 255, 255, 0.4);
            border-radius: var(--radius-lg);
            backdrop-filter: blur(5px);
        }

        .heatmap-day {
            aspect-ratio: 1;
            border-radius: 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-size: 0.7rem;
            font-weight: 800;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            background: rgba(241, 245, 249, 0.6);
            color: #94a3b8;
            border: 1px solid rgba(255, 255, 255, 0.8);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
            cursor: pointer;
        }

        .heatmap-day:hover {
            transform: translateY(-5px) scale(1.05);
            z-index: 5;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

        .heatmap-day.has-data {
            color: white;
            border: 1px solid rgba(255, 255, 255, 0.3);
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        }