.cycle-chart {
        background-color: #f8f9fa;
        border-radius: 8px;
        padding: 15px;
        margin-top: 20px;
    }
    
    .cycle-chart th {
        background-color: #d63384; /* Pink for heat cycle */
        color: white;
    }
    
    .progress-bar {
        background-color: #d63384;
    }
    
    .result-card {
        border-left: 5px solid #d63384;
    }
    
    .stage-card {
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 15px;
        border: 1px solid #dee2e6;
    }
    
    .proestrus { border-left: 4px solid #fd7e14; }
    .estrus { border-left: 4px solid #dc3545; }
    .diestrus { border-left: 4px solid #6f42c1; }
    .anestrus { border-left: 4px solid #20c997; }
    
    .cycle-visual {
        height: 30px;
        border-radius: 15px;
        margin: 20px 0;
        background: linear-gradient(90deg, 
            #fd7e14 0%, #fd7e14 25%, 
            #dc3545 25%, #dc3545 50%, 
            #6f42c1 50%, #6f42c1 75%, 
            #20c997 75%, #20c997 100%);
    }
    
    .breed-size-badge {
        font-size: 0.8rem;
        padding: 3px 8px;
    }